วิธีการทำ 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 (2.76 KiB) Viewed 4637 times
ฟังก์ชันนี้จะเป็นการ 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 (25.99 KiB) Viewed 4637 times
อ้างอิง : medium.com
[color=#40FF00][size=150][b]วิธีการทำ Menu Button บน Toolbar เพื่อใช้ในการตั้งค่าต่าง ๆ[/b][/size][/color]
การทำ Menu นั้นจะช่วยให้ Application ของเรานั้นสามารถตั้งค่าการใช้งาน Default ต่าง ๆได้อย่างง่ายมากมาดูวิธีการสร้าง Menu บน Toolbar กันครับ
ขั้นตอนการสร้าง Menu บน Toolbar
- ให้สร้าง Menu resource file มาหนึ่งไฟล์คับ ตั้งชื่อว่า menu
[code]<?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>[/code]
ตัวอย่างที่ได้
[attachment=1]Menu_1.png[/attachment]
ฟังก์ชันนี้จะเป็นการ Inflate ตัว Menu ให้โชว์บนแทบ Toolbar
[code]override fun onCreateOptionsMenu(menu: Menu?): Boolean {
menuInflater.inflate(R.menu.menu, menu)
return true
}[/code]
ต่อมาเราลองมาใช้คำสั่งให้เมื่อเราทำการกด Click ที่ Menu นั้นแล้วให้ โชว์คำว่า "Hello World"
[code]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)
}[/code]
ตัวอย่างเมื่อกด Menu
[attachment=0]Show.png[/attachment]
อ้างอิง : medium.com