วิธีการทำ Menu Button บน Toolbar เพื่อใช้ในการตั้งค่าต่าง ๆ

Mobile Application Developing- Android, iOS, Window Phone สอนเขียนโปรแกรมบนมือถือ ระบบปฏิบัติการต่าง แอนดรอยด์ ไอโอเอส วินโดโฟน สอนเขียนโปรแกรมบนมือถือ

Moderator: mindphp, ผู้ดูแลกระดาน

rangsan
PHP Hero Member
PHP Hero Member
โพสต์: 199
ลงทะเบียนเมื่อ: 30/04/2018 9:44 am

วิธีการทำ Menu Button บน Toolbar เพื่อใช้ในการตั้งค่าต่าง ๆ

โพสต์โดย rangsan » 22/05/2018 7:02 pm

วิธีการทำ Menu Button บน Toolbar เพื่อใช้ในการตั้งค่าต่าง ๆ

การทำ Menu นั้นจะช่วยให้ Application ของเรานั้นสามารถตั้งค่าการใช้งาน Default ต่าง ๆได้อย่างง่ายมากมาดูวิธีการสร้าง Menu บน Toolbar กันครับ

ขั้นตอนการสร้าง Menu บน Toolbar
- ให้สร้าง Menu resource file มาหนึ่งไฟล์คับ ตั้งชื่อว่า menu

โค้ด: เลือกทั้งหมด

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/tab_menu"
        android:title="Item1"
        app:showAsAction="never" />
</menu>


ตัวอย่างที่ได้
Menu_1.png
Menu_1.png (2.76 KiB) เปิดดู 483 ครั้ง



ฟังก์ชันนี้จะเป็นการ Inflate ตัว Menu ให้โชว์บนแทบ Toolbar

โค้ด: เลือกทั้งหมด

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    menuInflater.inflate(R.menu.menu, menu)
    return true
}



ต่อมาเราลองมาใช้คำสั่งให้เมื่อเราทำการกด Click ที่ Menu นั้นแล้วให้ โชว์คำว่า "Hello World"

โค้ด: เลือกทั้งหมด

override fun onOptionsItemSelected(item: MenuItem?): Boolean {
    when(item?.itemId) {
        R.id.tab_menu ->       
        Toast.makeText(this,"Hello World",Toast.LENGTH_SHORT).show()
    }
    return super.onOptionsItemSelected(item)
}



ตัวอย่างเมื่อกด Menu
Show.png
Show.png (25.99 KiB) เปิดดู 483 ครั้ง



อ้างอิง : medium.com
It’s never too late to start again.

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 34 และ บุคคลทั่วไป 0 ท่าน