需求描述與分析

在仿寫(xiě)知乎日?qǐng)?bào)APP的時(shí)候，需要給ToolBar上的Menu Item添加類(lèi)似BadgeView的效果，如點(diǎn)贊圖標(biāo)旁邊的點(diǎn)贊數(shù)舌仍，效果如下圖：

知乎日?qǐng)?bào)效果

Set an action view for this menu item. An action view will be displayed in place of an automatically generated menu item element in the UI when this item is shown as an action within a parent.

setActionView方法有兩個(gè)睦刃，分別為setActionView (int resId)和setActionView (View view)。這里我用的是setActionView (int resId)十酣。

代碼流程

廢話(huà)就不多說(shuō)了涩拙，上代碼：
首先需要寫(xiě)一個(gè)名為 action_item （名字隨意）的layout文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:paddingLeft="8dp"
    android:paddingRight="8dp">
    <!--圖標(biāo)-->
    <ImageView
        android:id="@+id/action_item_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:ignore="ContentDescription"/>
    <!--數(shù)量-->
    <TextView
        android:id="@+id/action_item_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="8dp"
        android:paddingStart="8dp"
        android:text="..."
        android:textColor="@android:color/white"/>
</LinearLayout>

然后寫(xiě)一個(gè)menu菜單文件际长，并在使用的Activity中加載該菜單，并加載 action_item.xml 并設(shè)置想要顯示的內(nèi)容：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/menu_share"
        android:icon="@drawable/ic_share"
        android:title="分享"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_collect"
        android:icon="@drawable/ic_star"
        android:title="收藏"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_comment"
        android:icon="@drawable/ic_comment"
        android:title="評(píng)論"
        app:showAsAction="always"/>
    <item
        android:id="@+id/menu_like"
        android:icon="@drawable/ic_thumb_up"
        android:title="點(diǎn)贊"
        app:showAsAction="always"/>
</menu>

public class MainActivity extends AppCompatActivity {

    ·····

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu, menu);
        MenuItem comment = menu.findItem(R.id.menu_comment);
        comment.setActionView(R.layout.action_item);
        ImageView commentImg = (ImageView) comment.getActionView().findViewById(R.id.action_item_image);
        TextView commentNum = (TextView) comment.getActionView().findViewById(R.id.action_item_text);
        //設(shè)置顯示內(nèi)容
        commentImg.setImageResource(R.drawable.ic_comment);
        commentNum.setText("66");

        MenuItem like = menu.findItem(R.id.menu_like);
        like.setActionView(R.layout.action_item);
        ImageView likeImg = (ImageView) like.getActionView().findViewById(R.id.action_item_image);
        TextView likeNum = (TextView) like.getActionView().findViewById(R.id.action_item_text);
        //設(shè)置顯示內(nèi)容
        likeImg.setImageResource(R.drawable.ic_thumb_up);
        likeNum.setText("100");
        return super.onCreateOptionsMenu(menu);
    }
}

完成效果：

初步效果

小問(wèn)題

設(shè)置單擊事件的時(shí)候不能直接在onOptionsItemSelected方法中完成兴泥，必須要挨個(gè)設(shè)置單擊事件如單擊點(diǎn)贊：

like.getActionView().setOnClickListener();