易网时代-编程资源站
易网时代-编程资源站 
需求描述与分析
通常我们会自定义Titlebar，可以实现很多自定义的效果。但是后来Toolbar出来后实在太好用了，于是乎我们都使用了Toolbar但是我们要给右侧的Menu Button实现类似BadgeView的这种效果（如上图小红点）怎么办呢呢？
看到这个要求后没有玩过ActionProvider的同学可能就慌了，但是请先跟我来分析下这个Menu的组成：一个ImageView显示icon，一个TextView显示数字，TextView还有个圆形的背景（可以是任何形状或者颜色）。那么就不能用系统的menu.xml这种来做了，所以要自定义Menu，有人可能想到了自定义View，but并不需要。
我们通常写menu的时候在menu.xml中大概是如下：
<?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"><itemandroid:id="@+id/menu_pic"android:title="严振杰的博客"app:showAsAction="always" /></menu>其实这个menu的item有一个android:actionProviderClass属性，用这个属性就可以自定义在这里显示的内容（View），这个属性的值是一个完整的类名，例如com.yanzhenjie.XXOOProvider这样的，而这个XXOOProvider需要继承ActionProvider，具体的操作也全都是在ActionProvider中完成。
public class BadgeActionProvider extends ActionProvider {public BadgeActionProvider（Context context） {super（context）;}@Overridepublic View onCreateActionView（） {return view;}}自定义布局：要显示的BadgeView<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="match_parent"android:background="?actionBarItemBackground"><ImageViewandroid:id="@+id/iv_icon"android:layout_width="wrap_content"android:layout_height="match_parent"android:layout_centerInParent="true"android:scaleType="center" /><TextViewandroid:id="@+id/tv_badge"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentEnd="true"android:layout_alignParentRight="true"android:layout_margin="2dp"android:background="@drawable/circle_red"android:gravity="center"android:text="0"android:textColor="@android:color/white"android:textSize="12sp" /></RelativeLayout>上述代码中需要解释的只有android:background="?actionBarItemBackground"是引用系统默认Toolbar/ActionBar的Menu的点击效果。TextView的android:background="@drawable/circle_red"就是那个圆形的红色背景啦。
public class BadgeActionProvider extends ActionProvider {private ImageView mIvIcon;private TextView mTvBadge;// 用来记录是哪个View的点击，这样外部可以用一个Listener接受多个menu的点击。private int clickWhat;private OnClickListener onClickListener;public BadgeActionProvider（Context context） {super（context）;}@Overridepublic View onCreateActionView（） {int size = getContext（）.getResources（）.getDimensionPixelSize（android.support.design.R.dimen.abc_action_bar_default_height_material）;ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams（size, size）;View view = LayoutInflater.from（getContext（））.inflate（R.layout.menu_badge_provider, null, false）;view.setLayoutParams（layoutParams）;mIvIcon = （ImageView） view.findViewById（R.id.iv_icon）;mTvBadge = （TextView） view.findViewById（R.id.tv_badge）;view.setOnClickListener（onViewClickListener）;return view;}// 点击处理。private View.OnClickListener onViewClickListener = new View.OnClickListener（） {@Overridepublic void onClick（View v） {if （onClickListener ！= null）onClickListener.onClick（clickWhat）;}};// 外部设置监听。public void setOnClickListener（int what, OnClickListener onClickListener） {this.clickWhat = what;this.onClickListener = onClickListener;}public interface OnClickListener {void onClick（int what）;}}上面的代码唯一有疑惑的地方：// 设置图标。public void setIcon（@DrawableRes int icon） {mIvIcon.setImageResource（icon）;}// 设置显示的数字。public void setBadge（int i） {mTvBadge.setText（Integer.toString（i））;}// 设置文字。public void setTextInt（@StringRes int i） {mTvBadge.setText（i）;}// 设置显示的文字。public void setText（CharSequence i） {mTvBadge.setText（i）;}如何使用自定义ActionProvider<?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"><itemandroid:id="@+id/menu_pic"android:title="严振杰的博客"app:actionProviderClass="com.yanzhenjie.BadgeActionProvider"app:showAsAction="always" /></menu>我们注意到这里变成了app:actionProviderClass，是因为xml的头部引入了xmlnamespace。
private BadgeActionProvider mActionProvider;@Overridepublic boolean onCreateOptionsMenu（Menu menu） {getMenuInflater（）.inflate（R.menu.menu_main, menu）;MenuItem menuItem = menu.findItem（R.id.menu_delete）;mActionProvider = （BadgeActionProvider） MenuItemCompat.getActionProvider（menuItem）;mActionProvider.setOnClickListener（0, onClickListener）;// 设置点击监听。return true;}特别注意：好多同学在这里setOnClickListener时出现了空指针异常，原因是app:actionProviderClass="com.yanzhenjie.BadgeActionProvider"这句代码中引用的自定义类名错误，你要填成你的包名，不要复制博客这里的。@Overridepublic void onWindowFocusChanged（boolean hasFocus） {super.onWindowFocusChanged（hasFocus）;mActionProvider.setIcon（R.mipmap.ic_action_delete_small）;mActionProvider.setIcon（R.mipmap.ic_action_picture）;}这里也要说明下，只是在onCreateOptionsMenu（）不能直接初始化，等onCreateOptionsMenu（）方法执行完了就可以随意调用了。