Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีตั้งค่าหัวข้อย่อย (Subtitle) ให้ Action Bar ใน Android

ภาพรวม

ตัวอย่างนี้สาธิตวิธีตั้งค่าหัวข้อย่อย (Subtitle) ให้กับ Action Bar โดยใช้เมธอด setSubtitle() ซึ่งจะแสดงข้อความเล็กๆ ใต้ Title หลัก

ขั้นตอนการสร้างโปรเจกต์

ขั้นตอนที่ 1: สร้างโปรเจกต์ด้วย Theme ที่รองรับ Action Bar

ใช้ Theme.AppCompat.Light.DarkActionBar หรือ Theme.MaterialComponents.Light.DarkActionBar

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="30sp"
        android:gravity="center" />

</LinearLayout>

ขั้นตอนที่ 3: โค้ดหลัก (src/MainActivity.java)

package com.example.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 {

    TextView textView;

    @RequiresApi(api = Build.VERSION_CODES.N)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.text);

        if (getSupportActionBar() != null) {
            // ตั้งค่า Subtitle
            getSupportActionBar().setSubtitle("sairam");
            
            // แสดงผลใน TextView เพื่อยืนยัน
            textView.setText("Subtitle: sairam");
        } else {
            textView.setText("Action Bar ไม่พร้อมใช้งาน");
        }
    }
}

รายละเอียดของ setSubtitle()

  • พารามิเตอร์: CharSequence (รองรับ String, Spannable, Html)
  • แสดงอยู่ด้านล่าง Title หลักด้วยขนาดตัวอักษรเล็กกว่า
  • สามารถตั้งค่าพร้อมกับ setTitle() ได้
  • ใช้ setDisplayShowTitleEnabled(true) เพื่อให้แน่ใจว่าแสดงผล

การปรับแต่งเพิ่มเติม

ใช้ HTML ใน Subtitle

getSupportActionBar().setSubtitle(Html.fromHtml("<b>Bold</b> <i>Italic</i>"));

ตั้งค่าผ่าน Style/Theme

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:actionBarSubtitleTextStyle">@style/SubtitleStyle</item>
</style>

<style name="SubtitleStyle">
    <item name="android:textColor">#FFEB3B</item>
    <item name="android:textSize">14sp</item>
</style>

กรณีที่ Subtitle ไม่แสดง

  • Theme ไม่รองรับ Action Bar (NoActionBar)
  • พื้นที่แคบเกินไป (บนมือถือแนวตั้ง) ระบบอาจซ่อน Subtitle อัตโนมัติ
  • Title ยาวเกินไปจนไม่มีที่ว่างสำหรับ Subtitle

แนวทางปัจจุบัน (Modern Approach)

แนะนำให้ใช้ Toolbar แทน Action Bar โดยตรง:

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setTitle("Title");
getSupportActionBar().setSubtitle("Subtitle");

วิธีนี้ยืดหยุ่นกว่า และเป็นมาตรฐานของ Material Design