[안드로이드] view 테두리 만들기 (+한쪽만 둥글게)

TextView, EditText, Button 등등 View에 테두리를 씌우는 경우가 꽤 많습니다.

기본적으로 테두리 만드는 방법과

테두리를 둥글게 또는 한쪽만 둥글게 만드는 방법을 남겨두려고 합니다.

필요할 때 가져다가 쓰려구요..ㅎㅎ

1. 테두리, 둥글게, 한쪽만 둥글게 결과 화면

2. Drawable 나만의 테두리 정의

가장 먼저 drawable에 내가 만드려는 테두리를 xml로 작성해줍니다.

3. 테두리

[border.xml]

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

    <stroke
        android:width="2dp"
        android:color="#FFA500" />
</shape>

4. 테두리 둥글게

[border_round.xml]

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

    <corners android:radius="25dp" />

    <stroke
        android:width="2dp"
        android:color="#FFA500" />
</shape>

5. 테두리 한쪽만 둥글게

[border_round_top.xml]

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

    <corners
        android:topLeftRadius="25dp"
        android:topRightRadius="25dp" />

    <stroke
        android:width="2dp"
        android:color="#FFA500" />
</shape>

[border_round_letf.xml]

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

    <corners
        android:topLeftRadius="25dp"
        android:bottomLeftRadius="25dp" />

    <stroke
        android:width="2dp"
        android:color="#FFA500" />
</shape>

6. View 적용하기

drawable에서 작성한 테두리들은 내가 적용하고자 하는 View에서 background 속성값으로 설정해 줍니다.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/border"
        android:padding="20dp"
        android:text="테두리"
        android:textSize="20dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/border_round"
        android:padding="20dp"
        android:text="테두리 둥글게"
        android:textSize="20dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/border_round_top"
        android:padding="20dp"
        android:text="테두리 한쪽만 둥글게"
        android:textSize="20dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/border_round_left"
        android:padding="20dp"
        android:text="테두리 한쪽만 둥글게"
        android:textSize="20dp" />
</LinearLayout>