[Android] dotted line 점선 view 만들기 (세로/가로)

Coach Mark를 만들다 보니 아래와 같은 점선이 필요했는데,

stackoverflow에 있는 것들이 거의 horizontal 위주라, vertical도 기록해둔다.

 

 

 

1. drawable xml 생성 

1) dotted_line_horizontal.xml

(여기에서 width, dashGap, dashWidth를 통해 원하는 모양대로 조절하도록 함)

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
    <solid android:color="@android:color/transparent" />
    <stroke
        android:width="1dp"
        android:color="#80ffffff"
        android:dashGap="2dp"
        android:dashWidth="4dp" />
</shape>

 

2) dotted_line_vertical.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="90"
    android:toDegrees="90"
    android:drawable="@drawable/dotted_line_horizontal"/>

 

 

2. layout xml의 view에 아래와 같이 적용

layerType을 쓰지 않으면 적용되지 않으니 주의.

<View
	android:layout_width="102dp"
	android:layout_height="102dp"
	android:layout_gravity="center"
	android:background="@drawable/dotted_line_vertical"
	android:layerType="software" />