Shape dashed line, dash doesn't work

Question

I want to make dashed line using shape.

This is my XML:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="line">
            <stroke android:color="@color/grey_divider"
                android:width="1dip"
                android:dashWidth="5dip"
                android:dashGap="13dip"/>
        </shape>
    </item>
</selector>

On my device I see this: But I need something like this:

How to fix it?

score 8 · Accepted Answer · edited Dec 29 '16 at 11:44

8

Try this

Make one xml file in drawable.(e.g. dashed_line.xml)

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

    <stroke
       android:color="#C7B299"
       android:dashWidth="10px"
       android:dashGap="10px"
       android:width="1dp"/>
</shape>

And now use this xml file in your layout.

android:background="@drawable/dashed_line"

edited Dec 29 '16 at 11:44

Kush Patel

1,228
1
13
34

answered Dec 29 '16 at 11:39

santosh kumar

2,952
1
15
27

2

– santosh kumar Dec 29 '16 at 11:40
2

android:layerType="software" - only this line help me, even with my XML. Write as answer pls – Artem Dec 29 '16 at 11:43
Hi @Artem android:layerType="software" gives dotted line "hardware" is used for plane line – santosh kumar Dec 29 '16 at 11:46
software used to stop hardware acceleration. – santosh kumar Dec 29 '16 at 11:51

score 0 · Answer 2 · answered Sep 18 '20 at 04:26

Add this drawable: dash_line.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="#ff0000"
        android:dashWidth="2dp"
        android:dashGap="4dp" />
</shape>

Then use drawable as background:

<View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dash_line"
            android:layerType="software" />

Don't forget the attribute for low sdk devices

android:layerType="software"

Detail here: https://developer.android.com/guide/topics/graphics/hardware-accel

Shape dashed line, dash doesn't work

2 Answers2