วิธีเปิดใช้งานปุ่มย้อนกลับ (Back Button) ใน Action Bar

ภาพรวม

บทความนี้สาธิตวิธีแสดงปุ่มย้อนกลับ (Up Navigation / Back Button) ใน Action Bar ด้วย setDisplayHomeAsUpEnabled(true)

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

Android Studio → File → New Project → Empty Activity

ขั้นตอนที่ 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"
    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: โค้ดหลัก (java/MainActivity.java)

package com.example.myapplication;

import android.os.Bundle;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.text);

        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("หน้าหลัก");
            getSupportActionBar().setSubtitle("ยินดีต้อนรับ");
            getSupportActionBar().setDisplayHomeAsUpEnabled(true); // แสดงปุ่มย้อนกลับ
        }

        textView.setText("ปุ่มย้อนกลับใน Action Bar พร้อมใช้งาน");
    }

    // จัดการคลิกปุ่ม Home/Up
    @Override
    public boolean onSupportNavigateUp() {
        onBackPressed(); // เรียก onBackPressed() แทน finish() เพื่อรองรับ OnBackPressedDispatcher
        return true;
    }
}

ความแตกต่าง: Up Navigation vs Back Navigation

กำหนด Parent Activity (สำหรับ Up Navigation)

ใน AndroidManifest.xml:

<activity
    android:name=".MainActivity"
    android:parentActivityName=".HomeActivity">
    <meta-data
        android:name="android.support.PARENT_ACTIVITY"
        android:value=".HomeActivity" />
</activity>

ใช้ onSupportNavigateUp() แทน onOptionsItemSelected

สมัยใหม่แนะนำใช้ onSupportNavigateUp() แทนการเช็ค android.R.id.home ใน onOptionsItemSelected

ทดสอบ

รันแอป → จะเห็นปุ่มลูกศรซ้ายใน Action Bar → กดแล้วจะกลับ/ปิด Activity