Android 自定义Menu

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

自定义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几张图.

本文转自chainli 51CTO博客，原文链接：http://blog.51cto.com/lichen/1216279，如需转载请自行联系原作者