Android 布局之边框、分割线

Android布局之边框、分割线

http://blog.csdn.net/zapperbot (转)

先上图，实现如下图样式

布局文件使用Linerlayout垂直布局即可，这里省略，主要需要添加如下样式：

[html]  view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <!--背景颜色-->  
4.     <solid android:color="#E8E8E8" />  
5.   
6.     <!--设置边距-->  
7.     <padding  
8.             android:bottom="10dp"  
9.             android:left="10dp"  
10.             android:right="10dp"  
11.             android:top="10dp" />  
12.   
13.     <!--控制边界线颜色和大小-->  
14.     <stroke  
15.             android:width="1dp"  
16.             android:color="#969696" />  
17.   
18.     <!--控制界面颜色渐变  
19.     <gradient  
20.             android:startColor="#E9E9E9"  
21.             android:endColor="#FFFFFF"  
22.             android:type="linear"  
23.             android:angle="90"/>  
24.     -->  
25.   
26.     <!--控制圆角大小-->  
27.     <corners android:radius="10dp" />  
28.   
29. </shape>  

其中solid为背景颜色，gradient为颜色渐变，两者不能同时使用；

至于分割线有两种方式：

1、可在每个组件之间插入ImageView，代码如下：

[html]  view plain copy print ?

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属性，该属性表示分隔线的图像。