[Android]虚线ShapeDrawable显示问题

2017-05-12  本文已影响0人  Ursus_M
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="line">
    <stroke
        android:width="1dp"
        android:color="#FF4081"
        android:dashGap="4dp"
        android:dashWidth="6dp"/>
</shape>
<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_marginTop="10dp"
    android:background="@drawable/shape_dashed_line"/>

上面代码是在界面中添加一条虚线,乍一看代码应该是正确的,可跑起来之后,就会出现如下问题。

问题一:无法显示

虚线无法显示出来
经尝试发现,如果我们将“shape中stroke标签的width属性改为0.5dp”或者将“view中的layout_height属性改为2dp”就可以显示了,于是猜测是否是 shape中stroke标签的width属性view的layout_height 影响了显示

实验:
1.我们先将shape中stroke标签中的width属性改为2dp
2.在页面中创建3个background为该ShapeDrawable的view,然后这3个view的layout_height分别设为 1dp、2dp、3dp

现象:
只有第三条线显示出来了

推测:
虚线ShapeDrawable作为控件background的时候,控件的layout_height一定要大于shape中stroke标签的width属性,才能显示

问题二:显示的是实线

这时ShapeDrawable虽然显示出来了,可显示的并不是虚线,而是实线
怎么回事,网上搜了一下,说是必须要关闭硬件加速才能展示虚线。

实验:
将显示成实线的view设置硬件加速关闭

在xml中添加 android:layerType="software"

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_marginTop="10dp"
    android:layerType="software"
    android:background="@drawable/shape_dashed_line"/>

或者使用代码实现

line.setLayerType(View.LAYER_TYPE_SOFTWARE,null);

现象:
果然正常显示虚线

总结

在android中设置虚线需要
1. 用shape画虚线使用时,控件的layout_height一定要大于shape中stroke标签的width属性
2. 将该控件设置关闭硬件加速

上一篇下一篇

猜你喜欢

热点阅读