1. 程式人生 > >Android 佈局之邊框、分割線

Android 佈局之邊框、分割線

先上圖,實現如下圖樣式

佈局檔案使用Linerlayout垂直佈局即可,這裡省略,主要需要新增如下樣式:

[html] view plaincopyprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <shapexmlns:android="http://schemas.android.com/apk/res/android">
  3.     <!--背景顏色-->
  4.     <solidandroid:color="#E8E8E8"/>
  5.     <!--設定邊距-->
  6.     <padding
  7.             android:bottom="10dp"
  8.             android:left="10dp"
  9.             android:right="10dp"
  10.             android:top="10dp"/>
  11.     <!--控制邊界線顏色和大小-->
  12.     <stroke
  13.             android:width="1dp"
  14.             android:color="#969696"/>
  15.     <!--控制介面顏色漸變  
  16.     <gradient
  17.             android:startColor
    ="#E9E9E9"
  18.             android:endColor="#FFFFFF"
  19.             android:type="linear"
  20.             android:angle="90"/>
  21.     -->
  22.     <!--控制圓角大小-->
  23.     <cornersandroid:radius="10dp"/>
  24. </shape>

其中solid為背景顏色,gradient為顏色漸變,兩者不能同時使用;

至於分割線有兩種方式:

1、可在每個元件之間插入ImageView,程式碼如下:

[html]
 view plaincopyprint?
  1. <ImageView
  2. android:layout_width="fill_parent"
  3. android:layout_height="1dp"
  4. android:background="#ffffff"
  5.         />

2、在 Android3.0及以上版本,LinearLayout支援直接顯示分隔線。

設定<LinearLayout>標籤的 android:showDividers屬性可以顯示分隔線。

如果有多個LinearLayout,顯示效果和在 LinearLayout之間加分隔線是一樣的。

android:showDividers屬性可以設定如下4個值:

none:不顯示分隔線;

beginning:在LinearLayout的開始處顯示分隔線;

end:在Linearlayout的結尾處顯示分隔線;

middle:在LinearLayout中的每兩個元件間顯示分隔線。

除了需要設定android:showDividers屬性外,還要設定android:divider屬性,該屬性表示分隔線的影象。