Quiero algo como esto:
El tercer ícono es para notificaciones y ahora es solo una imagen png. ¿Es posible hacer algo, para poder cambiar el texto / número, es decir, 03 progtwigticamente para mostrar el número real de notificaciones?
Gracias
Aquí hay un código de ejemplo que funcionó para mí.
1: crea un diseño para tu elemento de menú de insignia.
2: crea un elemento de menú en res / menu y configura actionLayout en tu diseño
3: Luego en onCreateOptionsMenu de tu actividad o fragmento puedes hacer algo como esto …
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { inflater.inflate(R.menu.badge, menu); RelativeLayout badgeLayout = (RelativeLayout) menu.findItem(R.id.badge).getActionView(); TextView tv = (TextView) badgeLayout.findViewById(R.id.actionbar_notifcation_textview); tv.setText("12"); }
Nota: si desea cambiar el recuento de distintivos más adelante, puede almacenar una referencia al objeto de menú pasado a onCreateOptionsMenu y usar el mismo código para obtener la vista requerida y establecer un valor.
=== ApCompat Warning ========================================== =====
Si usa AppCompatActivity, debe establecer actionView en onCreateOptionsMenu
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main_menu, menu); MenuItem item = menu.findItem(R.id.badge); MenuItemCompat.setActionView(item, R.layout.actionbar_badge_layout); RelativeLayout notifCount = (RelativeLayout) MenuItemCompat.getActionView(item); TextView tv = (TextView) notifCount.findViewById(R.id.actionbar_notifcation_textview); tv.setText("12"); return super.onCreateOptionsMenu(menu);
Una opción es crear tu propia vista de acción para esto. Use android:actionLayout
en XML y getActionView()
en Java después del inflado para manipularlo. Su vista de acción sería un ImageView
(para el ícono) y … algo para la insignia. Sospecho que descubrirá que tratar de hacer esa insignia a través del texto será difícil, y que se le servirá mejor con un montón de imágenes de insignia, una de las cuales se superpone sobre el icono (por ejemplo, a través de RelativeLayout
o FrameLayout
, o envolviendo el icono en un LayerListDrawable
).
Otra opción es simplemente tener N versiones del ícono + insignia, tal vez envueltas en un LevelListDrawable
, que elijas en tiempo de ejecución.
Tuve que hacer algunos cambios a las respuestas de domji84. Por alguna razón, al hacer clic en la vista de la imagen no se llamaba al evento click, funciona find después de eliminar clicklabe = “true” de la vista de la imagen.
menu_item_cart.xml
menu_main.xml
Código de actividad
@Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); menu.findItem(R.id.action_cart).getActionView().setOnClickListener(this); return true; }
Aquí puede usar la barra de acciones personalizadas con la barra de acciones predeterminada … primero prepare el diseño por xml o java.luego use display matrics y obtenga el administrador de ventanas.Después de esto, infle el diseño. Me gusta esto
DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); ActionBar ab = getSupportActionBar(); View mactionbar = getLayoutInflater().inflate(R.layout.main2, null);