Android TextView 주변에 테두리(Border) 추가하는 방법

Android TextView 주변에 테두리(Border) 추가하기

앱 화면에서 특정 텍스트를 강조하고 싶을 때 TextView에 테두리를 넣으면 시각적으로 돋보이는 효과를 얻을 수 있습니다. 이번 예제에서는 drawable 리소스의 shape XML을 활용해 Android TextView 주변에 테두리를 추가하는 방법을 단계별로 알아보겠습니다.

1단계: 새 프로젝트 생성

Android Studio에서 File ⇒ New Project 메뉴로 이동한 뒤, 필요한 항목을 모두 입력하여 새 프로젝트를 생성합니다.

2단계: 레이아웃 파일 작성

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="#dde4dd"
    android:gravity="center"
    android:orientation="vertical">
    <TextView
        android:id="@+id/text"
        android:textSize="18sp"
        android:layout_width="wrap_content"
        android:background="@drawable/border"
        android:layout_height="wrap_content" />
</LinearLayout>

위 코드에서는 TextView 하나를 배치하고 background 속성에 테두리 drawable을 지정했습니다. 따라서 drawable 폴더에 border.xml 파일을 새로 만들고 다음 내용을 추가해야 합니다.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="https://schemas.android.com/apk/res/android" android:shape="rectangle">
    <solid android:color="@android:color/white" />
    <stroke android:width="1dip" android:color="#4fa5d5"/>
    <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp"/>
</shape>

<shape>를 루트 태그로 사용해 사각형(rectangle) 형태를 정의했으며, <stroke>로 테두리의 두께와 색상을, <padding>으로 텍스트와 테두리 사이의 여백을 설정했습니다.

3단계: MainActivity 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다.

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView textView = findViewById(R.id.text);
        textView.setText("Tutorialspoint india pvt ltd");
    }
}

참고로 최신 Android Studio 프로젝트에서는 android.support.v7.app.AppCompatActivity 대신 androidx.appcompat.app.AppCompatActivity를 사용하니, 자신의 프로젝트 환경에 맞게 임포트하면 됩니다.

앱 실행 및 결과 확인

실제 안드로이드 기기를 컴퓨터에 연결한 상태에서 Android Studio 툴바의 Run(실행) 아이콘을 클릭합니다. 실행 기기 목록에서 자신의 모바일 기기를 선택하면 앱이 실행되고, 다음과 같은 화면을 확인할 수 있습니다.

실행 결과, TextView에 흰색 배경과 함께 파란색(#4fa5d5) 테두리가 깔끔하게 적용된 것을 볼 수 있습니다.

응용 팁

• 테두리를 둥근 모양으로 만들고 싶다면 shape 태그 안에 <corners android:radius="8dp"/>를 추가하세요.
• <stroke>의 width 값과 color 값을 조절하면 테두리의 두께와 색상을 자유롭게 변경할 수 있습니다.
• 배경색은 <solid> 태그의 color 속성에서 수정할 수 있습니다.