วิธีดึงความสูงและกว้างของ Navigation Bar ใน Android ด้วย Kotlin

ภาพรวม

ตัวอย่างนี้สาธิตวิธีการดึงขนาด (ความสูงและความกว้าง) ของ Navigation Bar ใน Android โดยโปรแกรมด้วย Kotlin

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

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

ขั้นตอนที่ 2: จัดรูปแบบหน้าจอหลัก (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/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Android Navigation Bar Height and Width"
        android:textColor="@android:color/holo_purple"
        android:textSize="16sp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/text"
        android:layout_centerInParent="true"
        android:layout_marginTop="10dp"
        android:textColor="@android:color/background_dark"
        android:textSize="24sp"
        android:textStyle="bold" />
</RelativeLayout>

ขั้นตอนที่ 3: เขียนโค้ด MainActivity.kt

import android.content.res.Resources
import android.os.Bundle
import android.util.DisplayMetrics
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        title = "KotlinApp"

        val textView: TextView = findViewById(R.id.textView)
        val resources: Resources = resources
        val displayMetrics = DisplayMetrics()
        windowManager.defaultDisplay.getRealMetrics(displayMetrics)

        val navBarHeight = getNavigationBarHeight()
        val navBarWidth = getNavigationBarWidth()

        textView.text = "Nav Bar Height: $navBarHeight px\nNav Bar Width: $navBarWidth px"
    }

    private fun getNavigationBarHeight(): Int {
        val resources = resources
        val resourceId = resources.getIdentifier("navigation_bar_height", "dimen", "android")
        return if (resourceId > 0) resources.getDimensionPixelSize(resourceId) else 0
    }

    private fun getNavigationBarWidth(): Int {
        val resources = resources
        val resourceId = resources.getIdentifier("navigation_bar_width", "dimen", "android")
        return if (resourceId > 0) resources.getDimensionPixelSize(resourceId) else 0
    }
}

แก้ไขจากโค้ดต้นฉบับ: โค้ดต้นฉบับมีบั๊กที่ `textView.setText(resourceId)` ซึ่งตั้งค่า Resource ID เป็นข้อความโดยตรง (ผิด) โค้ดข้างบนแก้ไขให้ดึงค่าพิกเซลจริงมาแสดง

ขั้นตอนที่ 4: ตั้งค่า AndroidManifest.xml

ใช้การตั้งค่ามาตรฐาน

ทดสอบการทำงาน

รันแอปบนอุปกรณ์จริง จะแสดงความสูงและกว้างของ Navigation Bar ในหน่วยพิกเซล

ข้อมูลเพิ่มเติม

• Resource Names: `navigation_bar_height`, `navigation_bar_width`, `navigation_bar_height_landscape`
• DisplayMetrics.getRealMetrics(): ให้ขนาดหน้าจอจริงรวม System Bars (API 17+)
• WindowInsets (API 20+): ใช้ `ViewCompat.setOnApplyWindowInsetsListener` ได้ขนาด System Bars แบบ Dynamic
• Gesture Navigation: Android 10+ ใช้ Gesture Navigation แทน Navigation Bar ต้องจัดการแยกต่างหาก