接上一篇Android 滚动Tab

Android的Menu键, 逐渐淡出历史舞台, 请翻墙看看Say Goodbye to the Menu button. Menu键消失不意味着Menu功能的消失, 恰恰相反Menu功能在Action Bar上面得到更广阔的发展. 效果如下:

010742194.gif

自定义Menu都是使用自定义的PopupWindow或者AlertDialog代替传统的Menu.

这里我使用了ActionProvider+PopupWindow实现自定义Menu. 这也是Google官方推荐的方式.


在Activity中

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

menu的布局main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:showAsAction="ifRoom"
        android:actionProviderClass="com.lichen.remind.actionbar.BlinkActionProvider"
        android:title="@string/action_settings"/>
</menu>


自定义布局文件blink_action_provider.xml, 目标是加载到MenuItem的位置.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <ImageView android:id="@+id/menu_blink"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/menu_blink"/>
</RelativeLayout>

这里的布局只是一个图片. 可以给它添加Listener, 然后动态添加PopupWindow.

android:actionProviderClass="com.lichen.remind.actionbar.BlinkActionProvider", 需要继承ActionProvider, 实现其onCreateActionView().

public class BlinkActionProvider extends ActionProvider implements OnClickListener {
    private Context mContext;
    private LayoutInflater mLayoutInflater;
    private PopupWindow mPopWindow;
    // 注意构造,需要super(context);
    public BlinkActionProvider(Context context) {
        super(context);
        mContext = context;
    }
    @Override
    @Deprecated
    public View onCreateActionView() {
        mLayoutInflater = LayoutInflater.from(mContext);
        View rootView = mLayoutInflater.inflate(R.layout.blink_action_provider,
                null);
        ImageView menuBlink = (ImageView) rootView
                .findViewById(R.id.menu_blink);
        menuBlink.setBackgroundResource(R.drawable.blink_menu);
        menuBlink.setOnClickListener(this);
        return rootView;
    }
    @Override
    public void onClick(View view) {
        /** 自定义PopupWindow */
        ViewGroup menuView = (ViewGroup) mLayoutInflater.inflate(
                R.layout.fragment_about_me, null, true);
        mPopWindow = new PopupWindow(menuView, LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT, true);
        // 设置背景透明色
        mPopWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        /**设置背景图
        mPopWindow.setBackgroundDrawable(mContext.getResources().getDrawable(
                R.drawable.balloon));*/
        mPopWindow.setOutsideTouchable(true);// 设置触摸外面时消失
        mPopWindow.setAnimationStyle(android.R.style.Animation_Dialog);// 设置动画效果
        mPopWindow.showAsDropDown(view);// 显示位置在锚点view的左边底部
        /** 点击TextView */
        TextView tv = (TextView) menuView.findViewById(R.id.about_me);
        tv.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                Toast.makeText(mContext, "点击了BlinkMenu", Toast.LENGTH_SHORT)
                        .show();
                mPopWindow.dismiss();
            }
        });
    }
}

这里的R.layout.fragment_about_me,R.id.about_me请参考上一篇的布局文件


其实, 不仅关注技术, 可以更多的关注设计理念. 如Menu的变化趋势.

真正好的设计, 我以为是需要有对Android足够深入的理解, 而不是仅仅PS几张图.