第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

阅读数:21 2019 年 10 月 19 日 13:34

第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

(活动的基本用法:在活动中使用 Menu)

手机毕竟和电脑不同,它的屏幕空间非常有限,因此充分地利用屏幕空间在手机界面设计中就显得非常重要了。如果你的活动中有大量的菜单需要显示,这个时候界面设计就会比较尴尬,因为仅这些菜单就可能占用屏幕将近三分之一的空间,这该怎么办呢?不用担心,Android 给我们提供了一种方式,可以让菜单都能得到展示的同时,还能不占用任何屏幕空间。

首先在 res 目录下新建一个 menu 文件夹,右击 res 目录→New→Directory,输入文件夹名 menu,点击 OK。接着在这个文件夹下再新建一个名叫 main 的菜单文件,右击 menu 文件夹→New→Menu resource file,如图 2.9 所示。

第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

图 2.9 新建 Menu 资源文件

文件名输入 main,点击 OK 完成创建。然后在 main.xml 中添加如下代码:

复制代码
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/add_item"
android:title="Add"/>
<item
android:id="@+id/remove_item"
android:title="Remove"/>
</menu>

这里我们创建了两个菜单项,其中<item>标签就是用来创建具体的某一个菜单项,然后通过android:id给这个菜单项指定一个唯一的标识符,通过android:title给这个菜单项指定一个名称。

接着重新回到 FirstActivity 中来重写onCreateOptionsMenu()方法,重写方法可以使用 Ctrl + O 快捷键(Mac 系统是 control + O),如图 2.10 所示。

第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

图 2.10 重写onCreateOptionsMenu()方法

然后在onCreateOptionsMenu()方法中编写如下代码:

复制代码
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

通过getMenuInflater()方法能够得到MenuInflater对象,再调用它的inflate()方法就可以给当前活动创建菜单了。inflate()方法接收两个参数,第一个参数用于指定我们通过哪一个资源文件来创建菜单,这里当然传入R.menu.main。第二个参数用于指定我们的菜单项将添加到哪一个Menu对象当中,这里直接使用onCreateOptionsMenu()方法中传入的menu参数。然后给这个方法返回true,表示允许创建的菜单显示出来,如果返回了false,创建的菜单将无法显示。

当然,仅仅让菜单显示出来是不够的,我们定义菜单不仅是为了看的,关键是要菜单真正可用才行,因此还要再定义菜单响应事件。在 FirstActivity 中重写onOptionsItemSelected()方法:

复制代码
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.add_item:
Toast.makeText(this, "You clicked Add", Toast.LENGTH_SHORT).show();
break;
case R.id.remove_item:
Toast.makeText(this, "You clicked Remove", Toast.LENGTH_SHORT).show();
break;
default:
}
return true;
}

onOptionsItemSelected()方法中,通过调用item.getItemId()来判断我们点击的是哪一个菜单项,然后给每个菜单项加入自己的逻辑处理,这里我们就活学活用,弹出一个刚刚学会的 Toast。

重新运行程序,你会发现在标题栏的右侧多了一个三点的符号,这个就是菜单按钮了,如图 2.11 所示。

第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

图 2.11 带菜单按钮的活动

可以看到,菜单里的菜单项默认是不会显示出来的,只有点击一下菜单按钮才会弹出里面具体的内容,因此它不会占用任何活动的空间,如图 2.12 所示。

第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

图 2.12 弹出菜单项的界面

然后如果你点击了 Add 菜单项就会弹出 You clicked Add 提示(如图 2.13 所示),如果点击了 Remove 菜单项就会弹出 You clicked Remove 提示。

第一行代码:Android(2nd ed)(27):先从看得到的入手——探究活动 2.2.5

图 2.13 点击了 Add 菜单项

评论

发布