Android布局之边框、分割线

最新推荐文章于 2025-09-22 15:15:57 发布

原创最新推荐文章于 2025-09-22 15:15:57 发布 · 5.1k 阅读

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

本文介绍了如何在Android布局中添加边框和分割线。通过设置LinearLayout的属性，如`android:showDividers`和`android:divider`，可以实现组件间的分割线效果。内容包括使用ImageView作为分割线以及利用Android 3.0及以上版本的LinearLayout内置分隔线功能。

Android布局之边框、分割线

先上图，实现如下图样式

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

<?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，代码如下：

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