Android 布局之边框、分割线

Android布局之边框、分割线

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

先上图，实现如下图样式



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

[html] view
plaincopyprint?

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

<!--背景颜色-->

<solid android: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="#E9E9E9"

android:endColor="#FFFFFF"

android:type="linear"

android:angle="90"/>

-->



<!--控制圆角大小-->

<corners android:radius="10dp" />



</shape>

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

至于分割线有两种方式：

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

[html] view
plaincopyprint?

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