Android Studio - Menu in ActionBar/ToolBar

In questo articolo vedremo come realizzare il menù nell'ActionBar/ToolBar.

Selezionare la cartella res

Cliccare con il tasto destro del mouse
Selezionare New
Selezionare Android Resource Directory

Nella finestra che compare:

in Directory name: inserire menu
in Resource type: selezionare menu
in Resource set: selezionare main
Cliccare sul pulsante OK per confermare

Il risultato sarà una cartella con il nome menu all'interno della cartella res

Selezionare la cartella menu
Cliccare con il tasto destro del mouse
Selezionare New
Selezionare Menu resource file

in File name: inserire menu_main
in Source set: selezionare main
in Direcory name: inserire menu
Cliccare sul pulsante OK per confermare

Il risultato sarà un file che si chiama manu_main.xml all'interno della cartella menu

Ora una volta aperto il file manu_main.xml occorre inserire gli elementi che compongono il menù in questo modo:

	<?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/action_el1"
	android:orderInCategory="100"
	android:title="@string/menu_element1"
	app:showAsAction="never" />

	<item
	android:id="@+id/action_el2"
	android:orderInCategory="101"
	android:title="@string/menu_element2"
	app:showAsAction="never" />
	<item
	android:id="@+id/action_el3"
	android:orderInCategory="102"
	android:title="@string/menu_element3"
	app:showAsAction="never" />

	<item
	android:id="@+id/action_el4"
	android:orderInCategory="104"
	android:title="@string/menu_element4"
	app:showAsAction="never" />
	</menu>

view raw main_menu1.xml hosted with ❤ by GitHub

Una volta creato il menù occorre abilitarlo all'interno del codice, quindi all'interno del file MainActivity.kt occorre inserire queste righe di codice dopo la funzione onCreate():

	override fun onCreateOptionsMenu(menu: Menu): Boolean {
	// Inserisce il menu, questo aggiunge gli elementi del menu nell'ActionBar se presente
	menuInflater.inflate(R.menu.menu_main, menu)
	return true
	}

view raw menu1.kt hosted with ❤ by GitHub

Con l'aggiunta di queste righe di codice è sufficiente per poter visualizzare il menù ma non per poter interagire con esso.
Per poter interagire con i vari elementi del menù occorre inserire queste righe di codice:

	override fun onOptionsItemSelected(item: MenuItem): Boolean {
	when (item.itemId) {
	R.id.action_el1 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	}
	R.id.action_el2 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	}
	R.id.action_el3 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	}
	R.id.action_el4 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	}
	else -> super.onOptionsItemSelected(item)
	}
	return true
	}

view raw menu2.kt hosted with ❤ by GitHub

Ecco come si presenta il file MainActivity.kt

	package com.dm.tutorialmenu

	import androidx.appcompat.app.AppCompatActivity
	import android.os.Bundle
	import android.view.Menu //importazione della Classe: Menu
	import android.view.MenuItem
	import android.widget.Toast

	class MainActivity : AppCompatActivity() {

	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	setContentView(R.layout.activity_main)
	}

	override fun onCreateOptionsMenu(menu: Menu): Boolean {
	// Inserisce il menu, questo aggiunge gli elementi del menu nell'ActionBar se presente
	menuInflater.inflate(R.menu.menu_main, menu)
	return true
	}

	override fun onOptionsItemSelected(item: MenuItem): Boolean {
	when (item.itemId) {
	R.id.action_el1 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	Toast.makeText(this, "Hai premuto elemento 1", Toast.LENGTH_SHORT).show()
	}
	R.id.action_el2 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	Toast.makeText(this, "Hai premuto elemento 2", Toast.LENGTH_SHORT).show()
	}
	R.id.action_el3 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	Toast.makeText(this, "Hai premuto elemento 3", Toast.LENGTH_SHORT).show()
	}
	R.id.action_el4 ->{
	//inserire qui il codice che deve essere eseguito toccando questo elemento di menu
	Toast.makeText(this, "Hai premuto elemento 4", Toast.LENGTH_SHORT).show()
	}
	else -> super.onOptionsItemSelected(item)
	}
	return true
	}
	}