A010-Menu资源

本节课讲Android中的菜单(menu)资源,这个也是我们在开发中可能经常用到的资源,它可以分为以下几种类型:

  • option menu(选项菜单)
    • sub menu(子菜单)
  • context menu (上下文菜单)
  • popup menu(弹出菜单)

菜单在Android具有特殊性,几乎所有应用都离不开它,随着Android的发展,菜单也展示方式也跟着变化,我们初学它的时候先理解这个东西具体用来的干嘛的,然后才跟着细节去学习实现,总而言之,一节课可以讲的内容很有限,把所有东西全都列全在这里效果也不明显,我们先了解它的基本用法,然后再学习过程中遇到特殊的需求再来丰富它的实现。

option menu(选项菜单)

这个是Android中最常规的菜单,在我们的Activity中它只包含一个菜单,一个菜单可以包含多个菜单项和多个子菜单。

在Android 2.3 或者更低版本的SDK提供了以下的菜单效果:


这里写图片描述
这里写图片描述

以上旧的菜单展现形式现在应用基本上很少见了,就算有也不会用菜单来实现,更多的可能使用以下这种形式,以actionbar来给用户一些常用操作,使用溢出菜单来隐藏更多不常用功能:


actionbar
actionbar

我们实际开发中可以有两种实现菜单的方式:

  • 硬编码
  • xml文件

硬编码

可以看一下直接使用代码来添加菜单如何操作:


添加菜单
添加菜单

我们在Activity中复写onCreateOptionMenu方法,然后通过menu对象调用其的重载方法来添加菜单项或者子菜单。

这里解释一些重载方法四个参数:

  • groupId : 组别id
  • itemId:菜单项id
  • order:排序
  • titleRes:标题(可以是字符串资源,也可以是int引用资源)

我们设置参数的时候,设置同样的groupId说明归为同一组。

eg:

  // 定义菜单项id
    private static final int ITEM1 = Menu.FIRST;
    private static final int ITEM2 = Menu.FIRST + 1;
    private static final int ITEM3 = Menu.FIRST + 2;
    private static final int ITEM4 = Menu.FIRST + 3;
    private static final int ITEM5 = Menu.FIRST + 4;
    private static final int ITEM6 = Menu.FIRST + 5;
    private static final int ITEM7 = Menu.FIRST + 6;
    private static final int ITEM8 = Menu.FIRST + 7;
    private static final int ITEM9 = Menu.FIRST + 8;

 @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // 采用硬编码的形式实现菜单
        // 直接设置标题
//        menu.add("菜单项1");
//        menu.add("菜单项2");
        menu.add(1, ITEM1, 1, "菜单项1");
        menu.add(1, ITEM2, 2, "菜单项2");
        menu.add(2, ITEM3, 3, "菜单项3");
        menu.add(2, ITEM4, 4, "菜单项4");


        // 添加子菜单
        SubMenu subMenu = menu.addSubMenu(1, ITEM5, 5, "子菜单1");
        subMenu.add(1, ITEM7, 1, "子菜单项1");
        subMenu.add(1, ITEM8, 2, "子菜单项2");
        subMenu.add(1, ITEM9, 3, "子菜单项3");

        menu.addSubMenu(1, ITEM6, 6, "子菜单2");



        // Inflate the menu; this adds items to the action bar if it is present.
//        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }


如何响应菜单点击事件?

 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case ITEM1:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM2:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM3:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM4:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM5:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM6:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM7:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM8:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
            case ITEM9:
                Toast.makeText(this,"你点击了" + item.getTitle(), Toast.LENGTH_SHORT).show();

                break;
        }

        return true;
    }

效果如下:


这里写图片描述
这里写图片描述

xml文件

这种方式可以让我们开发者更方便得指定菜单,这样我们就不用去设定指定的itemId,而是由Android为我们随意生成指定id,这样的话我们在响应的时候,根据在xml指定id来判断即可。

eg:

    <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">
    <!-- group1 -->
    <group android:id="@+id/group1">
        <item
            android:id="@+id/mi1"
            android:title="item1" />
        <item
            android:id="@+id/mi2"
            android:title="item2" />
    </group>
    <!-- group 2 -->
    <group android:id="@+id/group2">
        <item
            android:id="@+id/mi3"
            android:title="item3" />
        <item
            android:id="@+id/mi4"
            android:title="item4" />
    </group>
</menu>

然后再onCreateOptionMenu中这样加载:

 getMenuInflater().inflate(R.menu.menu_main, menu);

响应事件就不说了,跟硬编码的响应方式一样。

Context Menu(上下文菜单)

上下文菜单跟选项菜单有点区别,后者是响应Activity的操作,而前者是响应View的操作。

如何使用?

注册上下文菜单

 private Button contextMenuButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        contextMenuButton = (Button) findViewById(R.id.button);
        registerForContextMenu(contextMenuButton);
    }

生成上下文菜单

 @Override
    public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
        // set context menu title
        menu.setHeaderTitle("文件操作");
        // add context menu item
        menu.add(0, 1, Menu.NONE, "发送");
        menu.add(0, 2, Menu.NONE, "标记为重要");
        menu.add(0, 3, Menu.NONE, "重命名");
        menu.add(0, 4, Menu.NONE, "删除");
        super.onCreateContextMenu(menu, v, menuInfo);
    }

响应上下文

@Override
    public boolean onContextItemSelected(MenuItem item) {
        // 得到当前被选中的item信息
        AdapterView.AdapterContextMenuInfo menuInfo = (AdapterView.AdapterContextMenuInfo) item.getMenuInfo();
        Log.v(TAG, "context item seleted ID=" + menuInfo.id);

        switch (item.getItemId()) {
            case 1:
                // do something
                break;
            case 2:
                // do something
                break;
            case 3:
                // do something
                break;
            case 4:
                // do something
                break;
            default:
                return super.onContextItemSelected(item);
        }
        return true;
    }

ok,当我们长按指定上下文的view,就会弹出上下文菜单:

context menu
context menu

Popup Menu (弹出菜单)

这个菜单跟Context Menu类似,也是响应View的操作的,比如我们响应一个按钮,点击按钮就弹出菜单项,它的操作上就不用像上下文菜单那样要长按。

eg:

public void showPopupMenu(View view) {
        PopupMenu popupMenu = new PopupMenu(this, view);
        MenuInflater inflater = popupMenu.getMenuInflater();
        inflater.inflate(R.menu.menu_main, popupMenu.getMenu());

        popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.mi1:
                        // do something
                        break;
                    case R.id.mi2:
                        // do something
                        break;
                    case R.id.mi3:
                        // do something
                        break;
                    case R.id.mi4:
                        // do something
                        break;
                }
                return false;
            }
        });

        popupMenu.show();

    }

效果:


popup menu
popup menu

最后

关于Android的几种类型的菜单已经介绍完,基本用法就如本篇博客所说,相信大家学完本节课就比较清楚如何对菜单进行操作,如果想获得更多关于menu资源的知识,可以到官网查询,这里我就不多说了。我们可以看到Android的版本迭代更新很快,每一个版本都会有新的改进,从以往的option menu到actionbar再到toolbar,android给我们的体验也不断改进,这意味着技术在变更,很多东西都在以一种新的面貌出现,我们需要不断更新自己的知识体系才能更好的跟上时代的步伐,本节课就到这里,谢谢大家。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,378评论 25 707
  • http://developer.android.youdaxue.com/guide/topics/ui/men...
    acc8226阅读 1,177评论 0 3
  • 自己总结的Android开源项目及库。 github排名https://github.com/trending,g...
    passiontim阅读 2,530评论 1 26
  • 今夜 我把思念溶进月光 葡萄架下的喁喁私语 悄悄传入耳鼓 牛郎的萧声 织女的机杼声 响彻银河的两端 你和我的前世一...
    follow心境阅读 193评论 1 0
  • “怎么去拥有一道彩虹,怎么去拥抱一夏天的风……”这句歌词一直在我脑海中萦绕,从未离去。因为这里有一个故事,一个让我...
    R蒟蒻阅读 846评论 7 16