Android 佈局之邊框、分割線
阿新 • • 發佈:2019-01-24
先上圖,實現如下圖樣式
佈局檔案使用Linerlayout垂直佈局即可,這裡省略,主要需要新增如下樣式:
[html] view plaincopyprint?- <?xmlversion="1.0"encoding="utf-8"?>
- <shapexmlns:android="http://schemas.android.com/apk/res/android">
- <!--背景顏色-->
- <solidandroid:color="#E8E8E8"/>
- <!--設定邊距-->
-
<padding
- android:bottom="10dp"
- android:left="10dp"
- android:right="10dp"
- android:top="10dp"/>
- <!--控制邊界線顏色和大小-->
- <stroke
- android:width="1dp"
- android:color="#969696"/>
- <!--控制介面顏色漸變
- <gradient
-
android:startColor
- android:endColor="#FFFFFF"
- android:type="linear"
- android:angle="90"/>
- -->
- <!--控制圓角大小-->
- <cornersandroid:radius="10dp"/>
- </shape>
其中solid為背景顏色,gradient為顏色漸變,兩者不能同時使用;
至於分割線有兩種方式:
1、可在每個元件之間插入ImageView,程式碼如下:
[html]- <ImageView
- android:layout_width="fill_parent"
- android:layout_height="1dp"
- android:background="#ffffff"
- />
2、在 Android3.0及以上版本,LinearLayout支援直接顯示分隔線。
設定<LinearLayout>標籤的 android:showDividers屬性可以顯示分隔線。
如果有多個LinearLayout,顯示效果和在 LinearLayout之間加分隔線是一樣的。
android:showDividers屬性可以設定如下4個值:
none:不顯示分隔線;
beginning:在LinearLayout的開始處顯示分隔線;
end:在Linearlayout的結尾處顯示分隔線;
middle:在LinearLayout中的每兩個元件間顯示分隔線。
除了需要設定android:showDividers屬性外,還要設定android:divider屬性,該屬性表示分隔線的影象。