Как получить текст на значке ActionBar?

Я хочу что-то вроде этого:

Третий значок предназначен для уведомлений, и теперь это просто изображение в формате png. Можно ли что-то сделать, чтобы я мог программно изменить текст / число, т. Е., 03, чтобы показать фактическое количество уведомлений.

Благодарю вас

Источник

4 ответа

Решение

Вот пример кода, который работал для меня.

1: создать макет для вашего пункта меню значка.

<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. Создайте пункт меню в res/menu и установите actionLayout в соответствии с вашим макетом.

<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: Затем в onCreateOptionsMenu вашей деятельности или фрагмента вы можете сделать что-то вроде этого...

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

Примечание. Если вы захотите изменить количество значков позже, вы можете сохранить ссылку на объект Menu, переданный в onCreateOptionsMenu, и использовать тот же код для получения требуемого представления и установки значения.

=== Предупреждение ApCompat ================================================== =====

Если вы используете AppCompatActivity, вы должны установить actionView в 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);
Источник

Одним из вариантов является создание собственного вида действия для этого. использование android:actionLayout в XML и getActionView() в Яве после инфляции им манипулировать. Ваш вид действия будет ImageView (для значка) и... что-то для значка. Я подозреваю, что вы обнаружите, что попытка сделать этот значок с помощью текста будет трудной, и что вам лучше использовать кучу изображений со значками, одно из которых вы накладываете поверх значка (например, через RelativeLayout или же FrameLayoutили, обернув значок в LayerListDrawable).

Другой вариант - просто иметь N версий значка + значка, возможно, в виде LevelListDrawable, что вы выбираете во время выполнения.

Источник

Пришлось внести некоторые изменения в ответы domji84. По какой-то причине щелчок на изображении не вызывал событие щелчка, он работает после удаления clicklabe = "true" из представления изображения.

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>

Код активности

@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;
}
Источник

Здесь вы можете использовать настраиваемую панель действий с панелью действий по умолчанию... сначала подготовьте макет с помощью xml или java. Затем используйте отображаемые матрицы и получите диспетчер окон. После этого надуйте макет. как это

            DisplayMetrics dm = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(dm);
    ActionBar ab = getSupportActionBar();
    View mactionbar = getLayoutInflater().inflate(R.layout.main2, null);
Источник
Другие вопросы по тегам