Menú desplegable / emergente personalizado de Android
¿Cómo hago un menú desplegable / emergente personalizado anclado a un botón?
Lo necesito para trabajar como el menú emergente (anclado a una vista), y hacer algo cuando hago clic en un elemento del menú.
- ¿Cómo actualizar un elemento de menú que se muestra en la barra de acción?
- Android: Obtener una vista Referencia a un elemento de menú
- Google Maps elimina el menú contextual de la ruta del marcador
- El elemento de menú verificable de barra de acción de Android no funciona / se muestra correctamente?
- Cambiar el color de fondo del menú android
¿Cómo puedo agregar elementos al menú por código, manteniendo la altura del menú y hacerla desplazable si hay más de 5 elementos. No necesito agregar ninguna imagen, solo texto.
- Barra de acciones - elemento del submenú con texto e imagen no funcionando correctamente
- Conversión de menús y barras de acciones de Android
- Twitter para Android como menú rápido de desplazamiento rápido
- ¿Hay accesos directos estándar en Android?
- Menú diferente para diferentes fragmentos
- ¿Cuándo y con qué frecuencia se llama al método onPrepareOptionsMenu () para ActionBar?
- Android: OptionMenu entre Actividad y Fragmentos
- Android invalidateOptionsMenu () para API <11
Para crear un menú emergente en android.
Activity_main.xml
Contiene sólo un botón.
Archivo: activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="62dp" android:layout_marginTop="50dp" android:text="Show Popup" /> </RelativeLayout>
Popup_menu.xml
Contiene tres elementos como se muestra a continuación. Se crea dentro del directorio res / menu. Archivo: poupup_menu.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/one" android:title="One"/> <item android:id="@+id/two" android:title="Two"/> <item android:id="@+id/three" android:title="Three"/> </menu>
Clase de actividad
Muestra el menú emergente en el botón de clic. Archivo: MainActivity.java
public class MainActivity extends Activity { private Button button1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); button1 = (Button) findViewById(R.id.button1); button1.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { //Creating the instance of PopupMenu PopupMenu popup = new PopupMenu(MainActivity.this, button1); //Inflating the Popup using xml file popup.getMenuInflater() .inflate(R.menu.popup_menu, popup.getMenu()); //registering popup with OnMenuItemClickListener popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() { public boolean onMenuItemClick(MenuItem item) { Toast.makeText( MainActivity.this, "You Clicked : " + item.getTitle(), Toast.LENGTH_SHORT ).show(); return true; } }); popup.show(); //showing popup menu } }); //closing the setOnClickListener method } }
Siga este enlace para crear el menú mediante programación.
Sé que esta es una vieja pregunta, pero he encontrado otra respuesta que funcionó mejor para mí y no parece aparecer en ninguna de las respuestas.
Crear un diseño xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="5dip" android:paddingBottom="5dip" android:paddingStart="10dip" android:paddingEnd="10dip"> <ImageView android:id="@+id/shoe_select_icon" android:layout_width="30dp" android:layout_height="30dp" android:layout_gravity="center_vertical" android:scaleType="fitXY" /> <TextView android:id="@+id/shoe_select_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:textSize="20sp" android:paddingStart="10dp" android:paddingEnd="10dp"/> </LinearLayout>
Cree un ListPopupWindow y un mapa con el contenido:
ListPopupWindow popupWindow; List<HashMap<String, Object>> data = new ArrayList<>(); HashMap<String, Object> map = new HashMap<>(); map.put(TITLE, getString(R.string.left)); map.put(ICON, R.drawable.left); data.add(map); map = new HashMap<>(); map.put(TITLE, getString(R.string.right)); map.put(ICON, R.drawable.right); data.add(map);
Luego, al hacer clic, muestre el menú utilizando esta función:
private void showListMenu(final View anchor) { popupWindow = new ListPopupWindow(this); ListAdapter adapter = new SimpleAdapter( this, data, R.layout.shoe_select, new String[] {TITLE, ICON}, // These are just the keys that the data uses (constant strings) new int[] {R.id.shoe_select_text, R.id.shoe_select_icon}); // The view ids to map the data to popupWindow.setAnchorView(anchor); popupWindow.setAdapter(adapter); popupWindow.setWidth(400); popupWindow.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { switch (position){ case 0: devicesAdapter.setSelectedLeftPosition(devicesList.getChildAdapterPosition(anchor)); break; case 1: devicesAdapter.setSelectedRightPosition(devicesList.getChildAdapterPosition(anchor)); break; default: break; } runOnUiThread(new Runnable() { @Override public void run() { devicesAdapter.notifyDataSetChanged(); } }); popupWindow.dismiss(); } }); popupWindow.show(); }