이 튜토리얼에서는 코틀린(Kotlin)을 사용해 안드로이드 앱에서 런타임 중 TextView의 스타일을 동적으로 변경하는 방법을 단계별로 알아봅니다. 사용자가 화면을 탭하면 텍스트의 굵기, 기울임, 색상, 배경색이 실시간으로 바뀌는 예제입니다.
1단계 — 새 프로젝트 생성
Android Studio를 실행하고 File → New Project 메뉴로 이동한 뒤, 필요한 모든 정보를 입력하여 새 프로젝트를 생성합니다.
2단계 — 레이아웃 작성 (res/layout/activity_main.xml)
메인 레이아웃에 두 개의 TextView를 배치합니다. 하나는 상단에 고정된 제목용 TextView이고, 다른 하나는 클릭 이벤트를 받을 대상 TextView입니다.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="70dp"
android:background="#008080"
android:padding="5dp"
android:text="TutorialsPoint"
android:textColor="#fff"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="Have a nice day!"
android:textColor="@android:color/background_dark"
android:textSize="36sp"
android:textStyle="bold" />
</RelativeLayout>3단계 — 스타일 정의 (res/values/styles.xml)
런타임에 적용할 두 가지 스타일을 정의합니다. boldText는 굵은 기울임체와 흰색 텍스트를, normalText는 일반 스타일과 은색 텍스트를 적용합니다.
<resources>
<style name="boldText">
<item name="android:textStyle">bold|italic</item>
<item name="android:textColor">#FFFFFF</item>
</style>
<style name="normalText">
<item name="android:textStyle">normal</item>
<item name="android:textColor">#C0C0C0</item>
</style>
</resources>4단계 — 색상 리소스 추가 (res/values/colors.xml)
배경색으로 사용할 두 가지 색상 리소스를 정의합니다.
<resources>
<color name="highlightedTextViewColor">@android:color/holo_green_light</color>
<color name="normalTextViewColor">@android:color/holo_red_dark</color>
</resources>5단계 — 메인 액티비티 구현 (src/MainActivity.kt)
TextView에 클릭 리스너를 등록하고, 클릭 시 setTextAppearance() 메서드로 스타일을 변경합니다. API 23(마시멜로) 미만 버전에서는 컨텍스트를 인자로 받는 구버전 메서드를 사용해야 하므로 빌드 버전에 따라 분기 처리합니다.
import android.os.Build
import android.os.Bundle
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
lateinit var textView: TextView
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
title = "KotlinApp"
textView = findViewById(R.id.textView)
textView.setOnClickListener {
if (Build.VERSION.SDK_INT < 23) {
textView.setTextAppearance(applicationContext, R.style.boldText)
}
else {
textView.setTextAppearance(R.style.boldText)
}
textView.setBackgroundResource(R.color.highlightedTextViewColor)
}
}
}6단계 — 매니페스트 설정 (androidManifest.xml)
앱 매니페스트 파일에 MainActivity가 런처 액티비티로 등록되어 있는지 확인합니다.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
package="com.example.q11">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>앱 실행 및 결과 확인
실제 안드로이드 기기를 컴퓨터에 연결한 상태라고 가정하고 진행합니다. Android Studio에서 프로젝트의 액티비티 파일을 연 뒤, 툴바의 Run 아이콘을 클릭하세요. 목록에서 본인의 모바일 기기를 선택하면 앱이 설치되어 실행됩니다.
앱이 실행되면 화면 중앙의 "Have a nice day!" 텍스트를 탭해 보세요. 클릭하는 순간 텍스트가 굵은 기울임체 + 흰색 글자로 바뀌고, 배경색도 밝은 초록색으로 즉시 변경되는 것을 확인할 수 있습니다.