android - example - ¿Cómo obtener texto en un icono de ActionBar?

menu overflow android studio

Question

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 programaticamente para mostrar el número real de notificaciones?

Gracias

Answer 1

Aquí hay un código de ejemplo que funcionó para mí.

1: crea un diseño para tu elemento de menú de insignia.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="48dp"
android:layout_height="fill_parent"
android:layout_gravity="right" >
<!-- Menu Item Image -->
<ImageView
android:layout_width="48dp"
android:layout_height="fill_parent"
android:clickable="true"
android:src="@drawable/bkg_actionbar_notify_off" />
<!-- Badge Count -->
<TextView
android:id="@+id/actionbar_notifcation_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:padding="@dimen/padding_small"
android:text="99"
android:textColor="@color/holo_orange_dark" />
</RelativeLayout>

2: crea un elemento de menú en res / menu y configura actionLayout en tu diseño

<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:id="@+id/badge"
android:actionLayout="@layout/actionbar_badge_layout"
android:icon="@drawable/icn_menu_posts"
android:showAsAction="always">
</item>
</menu>

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);

Answer 2

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);

Answer 3

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 Item Image -->
<ImageView
android:layout_width="30dp"
android:layout_height="wrap_content"
android:src="@mipmap/ic_launcher" />
<!-- Badge Count -->
<TextView
android:id="@+id/cartCountTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:padding="5dp"
android:layout_marginTop="5dp"
android:text="99"
android:textColor="@android:color/white"
android:textStyle="bold"/>
</RelativeLayout>

menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">
<item
android:id="@+id/action_settings"
android:title="@string/action_settings"
android:orderInCategory="100"
app:showAsAction="never" />
<item
android:id="@+id/action_cart"
android:title="test"
app:actionLayout="@layout/menu_item_cart_count"
app:showAsAction="always">
</item>
</menu>

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;
}

Answer 4

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.