Android 使用shape实现虚线或者虚线框

画一条虚线作为分割线

1.先写一个shape,命名为shape_line_dash.xml

虚线

?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>
2.使用
<View
    android:layerType="software"
    android:layout_width="match_parent"
    android:layout_height="3dp"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_marginTop="15dp"
    android:background="@drawable/shape_line_dash"/>
注意: 
  1.引用的时候,View的height要大于shape中stroke的width,不然会显示不出来,或者显示不全。
  2.还要设置一个属性layerType为software,不然显示出来的是实线。

总结来源:https://blog.csdn.net/devilnov/article/details/76177813

https://blog.csdn.net/wobenxiaozu/article/details/76289753

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值