{"id":1639,"date":"2018-10-17T16:41:51","date_gmt":"2018-10-17T21:41:51","guid":{"rendered":"http:\/\/naps.com.mx\/blog\/?p=1639"},"modified":"2018-10-17T16:49:50","modified_gmt":"2018-10-17T21:49:50","slug":"crear-un-boton-optionsmenu-action-bar","status":"publish","type":"post","link":"https:\/\/naps.com.mx\/blog\/crear-un-boton-optionsmenu-action-bar\/","title":{"rendered":"Crear un bot\u00f3n OptionsMenu para la action bar en Android"},"content":{"rendered":"

Veamos como colocar un bot\u00f3n OptionsMenu en Android que sea visible en la action bar y nos permita agregar elementos a un ListView a trav\u00e9s de un adapter al que le notificamos cambios.<\/strong><\/em><\/p>\n

<\/p>\n

Crear un bot\u00f3n OptionsMenu<\/h2>\n

Lo que deseamos realizar es lo siguiente:<\/p>\n

\"bot\u00f3n<\/a>

Bot\u00f3n OptionsMenu en Android<\/p><\/div>\n

Queremos tener un bot\u00f3n en la parte superior de una aplicaci\u00f3n, es decir, el action bar<\/strong><\/em>. Al pulsar el bot\u00f3n aparecer\u00e1n nuevos elementos en la lista.<\/p>\n

\n

Consulta las otras entradas previas a este tema:<\/strong><\/p>\n

Optimizar un ListView usando ViewHolder<\/strong><\/a><\/p>\n

Uso de un ListView en Android para mostrar una lista de datos<\/strong><\/a><\/p>\n

\n

Paso 1. Crear un Android resource directory<\/strong><\/p>\n

Selecciona la carpeta res<\/strong><\/em>, da clic derecho y ve a File->New->Android resource directory<\/strong><\/p>\n

En la caja type<\/strong><\/em> seleccionamos menu<\/strong>, y como nombre dejamos menu.<\/p>\n

Paso 2. Crear un menu resource file<\/strong><\/p>\n

Bajo la carpeta res<\/strong> ahora aparece una opci\u00f3n llamada menu<\/strong><\/p>\n

Le damos clic derecho y luego en New->menu resource file<\/strong><\/p>\n

En el campo File name<\/strong> escribimos un nombre como \u201caction_bar_menu<\/strong><\/em>\u201d.<\/p>\n

Nos abre un nuevo archivo llamado action_bar_menu.xml<\/strong><\/em><\/p>\n

El c\u00f3digo XML de \u00e9ste archivo es el siguiente:<\/p>\n

<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<menu xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\">\r\n    <item\r\n        android:id=\"@+id\/add_item\"\r\n        android:icon=\"@android:drawable\/ic_menu_add\"\r\n        app:showAsAction = \"ifRoom\"\r\n        android:title=\"Add\"\r\n        \/>\r\n<\/menu><\/pre>\n
De modo que nuestro bot\u00f3n tiene un id (add_item<\/strong><\/em>), tiene un icono (ic_menu_add<\/strong><\/em> que tiene forma de signo de suma), tiene un title (Add<\/strong><\/em>) y es de tipo ifRoom<\/strong><\/em> (aparece mientras haya espacio en el action bar, de lo contrario, aparece el bot\u00f3n de 3 puntos que indica que las opciones est\u00e1n agrupadas).<\/p>\n
Paso 3.\u00a0 <\/span>Variables a utilizar<\/strong><\/p>\n
En la secci\u00f3n de declaraci\u00f3n de variables de la clase MainActivity.java a\u00f1adimos las siguientes:<\/p>\n
private MyAdapter myAdapter;\r\nprivate int\u00a0 counter=0;<\/pre>\n
myAdapter<\/strong><\/em> es una variable que ya ten\u00edamos declarada, ahora la estamos declarando a nivel global con relaci\u00f3n a la clase.<\/p>\n
Counter<\/strong><\/em> es una variable que nos lleva la cuenta de los nuevos elementos y se usa para irlos numerando: Nuevo 1, Nuevo 2, etc.<\/p>\n
Paso 4. Sobreescrimos el m\u00e9todo onCreateOptionsMenu<\/strong><\/p>\n
El c\u00f3digo a a\u00f1adir es el siguiente:<\/p>\n
@Override                                              \r\npublic boolean onCreateOptionsMenu(Menu menu){         \r\n    MenuInflater inflater = getMenuInflater();         \r\n    inflater.inflate(R.menu.action_bar_menu, menu);    \r\n    return true;                                       \r\n}<\/pre>\n
Lo que estamos haciendo es utilizar nuestro men\u00fa creado en el paso 2, colocandolo en el action bar.<\/strong><\/em><\/p>\n
Paso 5. Sobreescribimos el m\u00e9todo onOptionsItemSelected<\/em><\/strong><\/p>\n
El c\u00f3digo a a\u00f1adir es:<\/p>\n
@Override                                             \r\npublic boolean onOptionsItemSelected(MenuItem item){  \r\n    switch (item.getItemId()){                        \r\n        case R.id.add_item:                           \r\n            this.names.add(\"Nuevo \" + (++counter));   \r\n            this.myAdapter.notifyDataSetChanged();    \r\n            return true;                              \r\n        default:                                      \r\n            return super.onOptionsItemSelected(item); \r\n                                                      \r\n    }                                                 \r\n}<\/pre>\n
Utilizamos un switch considerando que podr\u00edamos tener m\u00e1s de un bot\u00f3n. En caso de que se pulse el bot\u00f3n add_item<\/strong><\/em> (que creamos en el paso 2) se a\u00f1ade un nuevo elemento al arreglo names<\/strong><\/em>, y se notifica al adapter (myAdapter<\/strong><\/em>) que han habido cambios en los datos.<\/p>\n
 <\/p>\n
Referencias<\/h3>\n
    \n
  1. Android (2018). Men\u00fas<\/a>.<\/strong> Disponible en [https:\/\/developer.android.com\/guide\/topics\/ui\/menus?hl=es-419]. Consultado el [17-oct-2018].<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    Veamos como colocar un bot\u00f3n OptionsMenu en Android que sea visible en la action bar y nos permita agregar elementos a un ListView a trav\u00e9s de un adapter al que le notificamos cambios.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[234],"tags":[198,235,238],"class_list":["post-1639","post","type-post","status-publish","format-standard","hentry","category-aplicaciones-moviles","tag-android","tag-desarrollo-de-aplicaciones-moviles","tag-listview"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=1639"}],"version-history":[{"count":7,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1639\/revisions"}],"predecessor-version":[{"id":1648,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1639\/revisions\/1648"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=1639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=1639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=1639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}