안드로이드(Android) 텍스트에 그림자 효과 추가하는 방법 완벽 가이드

개요

이 예제는 안드로이드 앱에서 TextView에 그림자(shadow) 효과를 적용하는 방법을 단계별로 설명합니다. 별도의 이미지나 외부 라이브러리 없이 XML 속성만으로 간단하게 구현할 수 있어, 텍스트의 가독성을 높이고 디자인에 입체감을 더하고 싶을 때 매우 유용합니다.

1단계: 새 프로젝트 생성

Android Studio를 실행한 뒤 File → New Project 메뉴로 이동하여 새 프로젝트를 생성합니다. 프로젝트 이름, 패키지명, 최소 SDK 버전 등 필요한 모든 세부 정보를 입력해 주세요.

2단계: 레이아웃 파일 작성 (activity_main.xml)

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

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
    android:id = "@+id/parent"
    xmlns:tools = "https://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity"
    android:gravity = "center"
    android:orientation = "vertical">
    <TextView
        android:id = "@+id/text"
        android:textSize = "28sp"
        android:textAlignment = "center"
        android:textColor = "#FFF"
        android:layout_width = "match_parent"
        android:shadowColor = "#000"
        android:shadowDx = "-2"
        android:shadowDy = "-2"
        android:shadowRadius = "1"
        android:layout_height = "wrap_content" />
</LinearLayout>

위 코드에서 핵심은 TextView에 적용된 그림자 관련 속성들입니다.

android:shadowColor = "#000"
android:shadowDx = "-2"
android:shadowDy = "-2"
android:shadowRadius = "1"

각 속성의 의미는 다음과 같습니다.

• shadowColor: 그림자의 색상을 지정합니다. 여기서는 검정색(#000)을 사용했습니다.
• shadowDx: 그림자가 X축(가로) 방향으로 이동하는 거리입니다. 음수 값이면 왼쪽으로 이동합니다.
• shadowDy: 그림자가 Y축(세로) 방향으로 이동하는 거리입니다. 음수 값이면 위쪽으로 이동합니다.
• shadowRadius: 그림자의 번짐(blur) 정도를 나타냅니다. 값이 클수록 그림자가 더 부드럽게 퍼집니다.

3단계: MainActivity.java 작성

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

package com.example.andy.myapplication;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    int view = R.layout.activity_main;
    TextView textview;
    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(view);
        textview = findViewById(R.id.text);
        textview.setText("textview with shadow");
    }
}

onCreate() 메서드 안에서 findViewById()로 TextView를 찾은 뒤 setText()를 호출하여 그림자 효과가 적용될 텍스트를 설정합니다.

앱 실행 및 결과 확인

이제 앱을 실행해 보겠습니다. 실제 안드로이드 모바일 기기가 컴퓨터와 연결되어 있다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 연 후 툴바의 Run 아이콘을 클릭하고, 실행 옵션에서 자신의 모바일 기기를 선택하세요. 그러면 기기 화면에 아래와 같은 결과가 표시됩니다.

위 실행 결과에서 확인할 수 있듯이, 텍스트에 그림자 효과가 정상적으로 적용된 것을 볼 수 있습니다. shadowDx, shadowDy, shadowRadius 값을 조절하면 그림자의 위치와 부드러움을 자유롭게 변경할 수 있으니 다양한 값으로 실험해 보세요.