Android通过代码实现虚线或者虚线框shape

最新推荐文章于 2025-06-03 21:24:12 发布

原创最新推荐文章于 2025-06-03 21:24:12 发布 · 1w 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#android #color

牛逼的Res 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在Android中使用XML定义不同形状的虚线样式，包括虚线直线、虚线矩形边框、虚线圆形边框及仅顶部或底部的虚线效果。通过设置dashWidth和dashGap属性来实现虚线的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虚线

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
        android:width="1dp"
        android:color="#f3f3f3"
        android:dashWidth="3dp"
        android:dashGap="3dp" />
</shape>

虚线框

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="1dp"
        android:color="#f3f3f3"
        android:dashWidth="3dp"
        android:dashGap="3dp" />
</shape>

虚线圆

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="1dp"
        android:color="#f3f3f3"
        android:dashWidth="3dp"
        android:dashGap="3dp" />
</shape>

顶部虚线

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:left="-2dp"
        android:right="-2dp"
        android:bottom="-2dp">
        <shape>
            <stroke
                android:width="1dp"
                android:color="#f3f3f3"
                android:dashWidth="3dp"
                android:dashGap="3dp" />
        </shape>
    </item>
</layer-list>

底部虚线

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape>
            <stroke
                android:width="1dp"
                android:color="#f3f3f3"
                android:dashWidth="3dp"
                android:dashGap="3dp" />
        </shape>
    </item>
</layer-list>

使用

android:background="@drawable/shape_dash_line"