En este artículo, aprenderemos cómo crear un menú de opciones en la aplicación de Android usando Kotlin. Para tener un menú de opciones en una Actividad, necesitamos crear un nuevo archivo XML de menú e inflarlo usando el método menuInflator .inflate(). En menu.xml diseñaremos el menú de opciones como requisito de la aplicación.
Implementación paso a paso
Paso 1: Crear un nuevo proyecto
Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Tenga en cuenta que seleccione Kotlin como lenguaje de programación.
Paso 2: Implementar el menú de opciones
Necesitamos crear un nuevo archivo XML de menú y usando la etiqueta <item> podemos crear elementos dentro del menú.
Paso 3: Cree activos vectoriales para íconos de elementos en opciones de menú
Consulte este enlace para Vector Assets .
Paso 4: consulte este código para el archivo menu.xml
XML
<?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/overflowMenu" android:icon="@drawable/ic_3_dots" android:title="" app:showAsAction="always"> <menu> <item android:id="@+id/settings" android:icon="@drawable/ic_settings" android:title="SETTINGS" app:showAsAction="never" /> <item android:id="@+id/about" android:icon="@drawable/ic_about" android:title="ABOUT" app:showAsAction="never" /> <item android:id="@+id/exit" android:icon="@drawable/ic_exit" android:title="EXIT" app:showAsAction="never" /> </menu> </item> </menu>
Paso 5: trabajar con el archivo MainActivity.kt
No necesitamos cambiar nada en el archivo activity_main.xml . Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt .
Kotlin
package com.ayush.optionmenu import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.view.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 { menuInflater.inflate(R.menu.menu,menu) return super.onCreateOptionsMenu(menu) } override fun onOptionsItemSelected(item: MenuItem): Boolean { when (item.itemId){ R.id.about -> Toast.makeText(this,"About Selected",Toast.LENGTH_SHORT).show() R.id.settings -> Toast.makeText(this,"Settings Selected",Toast.LENGTH_SHORT).show() R.id.exit -> Toast.makeText(this,"Exit Selected",Toast.LENGTH_SHORT).show() } return super.onOptionsItemSelected(item) } }
Entonces nuestra aplicación está lista.
Producción:
Podemos ver cuando hacemos clic en cualquier opción del menú se muestra un Toast.
Publicación traducida automáticamente
Artículo escrito por ayushpandey3july y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA