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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

by rangsan » 22/05/2018 7:02 pm

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

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

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

Code: Select all

<?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) Viewed 2456 times

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

Code: Select all

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

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

Code: Select all

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) Viewed 2456 times

อ้างอิง : medium.com

Top