[안드로이드] 텍스트뷰 외곽선(테두리) 설정 및 사용

텍스트뷰를 생성하면 글씨만 나옵니다. 

텍스트 외곽에 선을 그리고 싶을 때 사용하면 됩니다.

res폴더 -> drawable 폴더에 Drawable Resource File파일을 하나 생성합니다.

생성 후, 아래와 같이 코드를 입력합니다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <stroke android:width = "1dp" android:color = "#FF948B8B"/>
            <solid android:color = "#FFFFFFFF"/>
        </shape>
    </item>
</layer-list>

stroke는 외곽선을 설정하는 부분입니다.

1dp는 굵기를 나타내며, color은 외곽선의 색상을 나타냅니다.

solid는 외곽선 안의 바탕색상을 나타냅니다.

예제는 하얀바탕에 검은 외곽선을 그리도록 설정했습니다.

이제 설정한 외곽선을 사용해봅시다.

background설정부분에  drawable폴더에 만든 edge.xml을 -> @drawable/edge로 입력하면

텍스트뷰에 외곽선이 그려지는 걸 볼 수 있습니다. 

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/edge"
    android:text="중앙"
 />

외곽선을 위, 아래, 왼쪽, 오른쪽 원하는 부분만 하고 싶을 때도 있습니다. 

1. 위쪽만 외곽선을 그린다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000"/>
        </shape>
    </item>

    <item   android:top="1dp"
        >
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
        </shape>
    </item>
</layer-list>

2. 아래쪽만 외곽선을 그린다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000"/>
        </shape>
    </item>

    <item   android:bottom="1dp"
        >
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
        </shape>
    </item>
</layer-list>

3. 왼쪽만 외곽선을 그린다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000"/>
        </shape>
    </item>

    <item   android:left="1dp"
        >
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
        </shape>
    </item>
</layer-list>

4. 오른쪽만 외곽선을 그린다.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000"/>
        </shape>
    </item>

    <item   android:right="1dp"
        >
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
        </shape>
    </item>
</layer-list>

보시는바와 같이 원하는 부분을 item부분에 추가해주면 됩니다.