วิธีเปลี่ยนสไตล์ TextView ขณะรันโปรแกรม (Runtime) ใน Android ด้วย Kotlin

บทนำ

ตัวอย่างนี้สาธิตการเปลี่ยนรูปแบบ (Style) ของ TextView ขณะรันโปรแกรม (Runtime) ใน Android โดยใช้ Kotlin รวมถึงการเปลี่ยนพื้นหลัง

ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่

สร้างโปรเจกต์ใหม่ใน Android Studio

ขั้นตอนที่ 2: Layout (activity_main.xml)

เพิ่มโค้ดใน res/layout/activity_main.xml:

<?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: สร้าง Styles (res/values/styles.xml)

เพิ่ม Style ใน res/values/styles.xml:

<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: สร้าง Colors (res/values/colors.xml)

เพิ่มสีใน 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: MainActivity.kt

เพิ่มโค้ดใน src/MainActivity.kt:

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

ตรวจสอบการประกาศ Activity

การทดสอบ

รันแอป กดที่ TextView "Have a nice day!" จะเปลี่ยนเป็นตัวหนา-เอียง สีขาว พื้นหลังสีเขียวอ่อน

หมายเหตุ: setTextAppearance มี overload ต่างกันก่อน/หลัง API 23 (Marshmallow) ต้องตรวจสอบ VERSION_CODES