android - 如何在 ActionBar 图标上获取文本？

Question

我想要这样的东西：

第三个图标用于通知，现在只是一个 png 图像。是否有可能做某事，以便我可以更改文本/数字，即..，03 以编程方式显示实际的通知数量。

谢谢你

Answer 1

这是一些对我有用的示例代码。

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

注意：如果您想稍后更改徽章计数，您可以存储对传递给 onCreateOptionsMenu 的 Menu 对象的引用，并使用相同的代码来获取所需的视图并设置一个值。

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

Answer 2

一种选择是为此创建自己的操作视图。android:actionLayout在 XML 和Java 中使用getActionView()膨胀后操纵它。您的操作视图将是ImageView（用于图标）和...用于徽章的东西。我怀疑您会发现尝试通过文本制作该徽章会很困难，并且最好使用一堆徽章图像为您提供更好的服务，其中一个您可以在图标顶部分层（例如，通过RelativeLayoutor FrameLayout，或通过包装a LayerListDrawable)中的图标。

另一种选择是简单地拥有 N 个版本的 icon+badge，也许包装在 aLevelListDrawable中，您可以在运行时从中选择。

Answer 3

不得不对 domji84 的答案进行一些更改。由于某种原因，单击 imageview 没有调用 click 事件，它在从图像视图中删除 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;
}

Answer 4

在这里您可以使用带有默认操作栏的自定义操作栏...首先通过xml或java准备布局。然后使用显示矩阵并获取窗口管理器。之后膨胀布局。像这样

            DisplayMetrics dm = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(dm);
    ActionBar ab = getSupportActionBar();
    View mactionbar = getLayoutInflater().inflate(R.layout.main2, null);