4.1 菜单
菜单的设计在人机交互中可以说是非常人性化的，它提供了不同功能分组战士的能力，Android中菜单分为以下三种形式：选项菜单（Option Menu）、上下文菜单（Context Menu）和子菜单（Sub Menu）。
4.2选项菜单
当用户单击设备上的Menu按钮后，弹出的菜单就是选项菜单。选项菜单的菜单最多只有六个，超过六个后将以更多来展示。
如何创建一个选项菜单，步骤如下：
(1).重写Activity类的onCreateOptionsMenu方法，当我们第一次打开菜单时该方法自动调用。
(2)调用Menu的add方法添加菜单选项（MenuItem），这个菜单选项还可以通过setIcon方法来设置菜单的图标。
(3)当菜单项（MenuItem）被选择时，重写Activity的onOptionsItemSelected()方法来响应事件。
示例如下：创建并响应菜单选项
|
package xbb.bzq.android.app;
import android.app.Activity; import android.os.Bundle; import android.view.Menu;
public class MenuAndroidActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); }
// 定义菜单选项的常量值 private static final int GROUP_ID = 0X110;
private static final int SETTING = 0X111; private static final int HElP = 0x112; private static final int EXIT = 0x113;
//定义菜单选项的编号 private static final int SETTING_FIRST=0x001; private static final int HELP_SECOND = 0x002; private static final int EXIT_THIRD=0x003; /* * 重写onCreateOption上Menu方法，添加菜单选项*/ @Override public boolean onCreateOptionsMenu(Menu menu) { menu.add(GROUP_ID, SETTING, SETTING_FIRST, "设置"); menu.add(GROUP_ID,HElP, HELP_SECOND, "帮助"); menu.add(GROUP_ID, EXIT, EXIT_THIRD, "退出"); return true; } } |
到目前为止，只是将菜单选项添加进去了，这里我们演示添加了三个选项，点击menu按钮时会看到如图4.1所示的界面：
图 4.1 菜单选项界面
上图可能给会给用户造成不好的印象，也就是说界面设计不是很好。所以，在这里，我们应该怎样去添加一些修饰的图片（也就是Icon）呢？继续往下研究：
|
/* * 重写onCreateOption上Menu方法，添加菜单选项*/ @Override public boolean onCreateOptionsMenu(Menu menu) { menu.add(GROUP_ID, SETTING, SETTING_FIRST, "设置").setIcon(R.drawable.ic_launcher_settings); menu.add(GROUP_ID,HElP, HELP_SECOND, "帮助").setIcon(android.R.drawable.ic_menu_help); menu.add(GROUP_ID, EXIT, EXIT_THIRD, "退出").setIcon(android.R.drawable.ic_menu_set_as); return true; } |
这里主要是修改了添加菜单选项的内容，增添了一个setIcon方法，里面设置的图片主要演示了添加Icon的两种方式，
1.从系统中获取（android.R.drawable.ic_menu_help），
2.根据自己添加的图片（R.drawable.ic_launcher_settings）来确定。
具体演示效果如图4.2所示
图 4.2 菜单选项界面
当菜单选项设置到这里时，我们就应该考虑应该怎样给每个菜单添加监听事件。上面我们提到通过重写Activity的onOptionsItemSelected()方法来响应，那么到底应该怎样使用？所以，我们继续往前走着：
|
/** * 重写Activity的onOptionsItemSelected()方法来响应菜单事件 */ @Override public boolean onOptionsItemSelected(MenuItem item) { //通过重新设置界面TextView的显示内容来判断这个事件响应 //定义TextView控件 TextView mTextView =(TextView) findViewById(R.id.display_textview); //根据传入的menu的id来得到对应的item switch (item.getItemId()) { case SETTING: mTextView.setText("点击了设置按钮。。。。。。。。"); break; case HElP: mTextView.setText("帮助按钮被点击了。。。。。。。。"); break; case EXIT: mTextView.setText("点击了退出按钮但是没有退出呀。。。。。。。。"); break; }
return super.onOptionsItemSelected(item); } |
到这里为止，一个完整的menu选项基本完成，但是真正的功能这里没有实现，主要在这里是一个演示作用，在后面的学习中，我们会一一介绍的。
4.3 上下文菜单
当用户长时间按键不放时，弹出的菜单就叫上下文菜单。这个功能类似于Windows中右键弹出的菜单。在Android中，我们应该怎样实现这个功能呢？分为以下几步：
(1).重写Activity的onCreateContextMenu方法，调用Menu的add方法来增加菜单项（MenuItem）。
(2)重写onContextItemSelected方法，响应菜单单击事件。
(3)调用registerForContextMenu方法为当前的View注册上下文菜单。
示例：上下文菜单的使用（创建并响应菜单选项）：
|
package xbb.bzq.android.app;
import android.app.Activity; import android.os.Bundle; import android.view.ContextMenu; import android.view.ContextMenu.ContextMenuInfo; import android.view.View;
public class ContextMenuTest extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } //定义菜单选项的id private static final int GROUP_ID = 0X110; // 定义菜单选项的常量值 private static final int SETTING = 0X111; private static final int HElP = 0x112; private static final int EXIT = 0x113;
//定义菜单选项的编号 private static final int SETTING_FIRST=0x001; private static final int HELP_SECOND = 0x002; private static final int EXIT_THIRD=0x003; /** * 重写onCreateContextMenu方法，实现增加menu菜单项 */ @Override public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) { menu.add(GROUP_ID, SETTING, SETTING_FIRST, "设置"); menu.add(GROUP_ID,HElP, HELP_SECOND, "帮助"); menu.add(GROUP_ID, EXIT, EXIT_THIRD, "退出"); } }
|
到这里，我们只是添加了一个上下文菜单，而没有真正实现其响应事件。实现其响应事件需要注册布局，也就是采用上面提到的registerForContextMenu方法，如下：
|
@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main);
//得到当前页面的布局 LinearLayout layout =(LinearLayout) findViewById(R.id.linearLayoutId); //注册上下文监听事件 registerForContextMenu(layout); } |
这里唯一不同的就是要获取当前布局管理器。所以在这之前需要给布局取一个ID，通过findViewById 来获取。再注册就可以了，界面效果如图4.3所示。
图 4.3 上下文菜单显示界面
说到这里，我们也没有给这个菜单加监听事件，那么，我们应该怎样添加呢？来吧，操作如下：
|
/** * 重写onContextItemSelected方法，用于监听 */ @Override public boolean onContextItemSelected(MenuItem item) { // 通过重新设置界面Title的显示内容来判断这个事件响应 // 根据传入的menu的id来得到对应的item switch (item.getItemId()) { case SETTING: this.setTitle("选择了设置选项"); break; case HElP: this.setTitle("选择了帮助选项"); break; case EXIT: this.setTitle("选择了退出选项"); break; } return true; } |
这里我们通过修改界面的Title来演示我们添加的事件得到了响应，其效果如下图4.4
图 4.4 点击退出选项后的界面
4.4 提示信息（Toast）
在Android增加了Toast这样小巧的交互部件，用户在程序中执行某一动作后，给予这样的一个Toast信息，并且过一会儿他就会自动消失，增强了体验和交互性。
那怎样创建一个Toast呢？步骤如下：
通过Toast这个类提供的静态方法makeText设置提示的文本和展示的时间值。
调用Toast的静态方法show进行显示，这一步类似于Dialog的显示操作。
实例：提示信息
|
//这里第一个参数表示引用上下文，第二个参数是设置显示的文本，第三个参数是设置的显示时间 Toast.makeText(this,"号码或密码不能为空", Toast.LENGTH_LONG).show(); |
附加：修改主配置文件
|
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="xbb.bzq.android.app" android:versionCode="1" android:versionName="1.0" >
<uses-sdk android:minSdkVersion="4" />
<application android:icon="@drawable/ic_launcher" android:label="@string/app_name" > <activity android:label="@string/app_name" //这里的name中的文件名才是要运行的文件，所以多个文件时，要修改这个name android:name=".ContextMenu" > <intent-filter > <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".MenuTestActivity"></activity> </application>
</manifest> |
Android用户界面
--------第四次课
4.1 菜单
菜单的设计在人机交互中可以说是非常人性化的，它提供了不同功能分组战士的能力，Android中菜单分为以下三种形式：选项菜单（Option Menu）、上下文菜单（Context Menu）和子菜单（Sub Menu）。
4.2选项菜单
当用户单击设备上的Menu按钮后，弹出的菜单就是选项菜单。选项菜单的菜单最多只有六个，超过六个后将以更多来展示。
如何创建一个选项菜单，步骤如下：
(1).重写Activity类的onCreateOptionsMenu方法，当我们第一次打开菜单时该方法自动调用。
(2)调用Menu的add方法添加菜单选项（MenuItem），这个菜单选项还可以通过setIcon方法来设置菜单的图标。
(3)当菜单项（MenuItem）被选择时，重写Activity的onOptionsItemSelected()方法来响应事件。
示例如下：创建并响应菜单选项
|
package xbb.bzq.android.app;
import android.app.Activity; import android.os.Bundle; import android.view.Menu;
public class MenuAndroidActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); }
// 定义菜单选项的常量值 private static final int GROUP_ID = 0X110;
private static final int SETTING = 0X111; private static final int HElP = 0x112; private static final int EXIT = 0x113;
//定义菜单选项的编号 private static final int SETTING_FIRST=0x001; private static final int HELP_SECOND = 0x002; private static final int EXIT_THIRD=0x003; /* * 重写onCreateOption上Menu方法，添加菜单选项*/ @Override public boolean onCreateOptionsMenu(Menu menu) { menu.add(GROUP_ID, SETTING, SETTING_FIRST, "设置"); menu.add(GROUP_ID,HElP, HELP_SECOND, "帮助"); menu.add(GROUP_ID, EXIT, EXIT_THIRD, "退出"); return true; } } |
到目前为止，只是将菜单选项添加进去了，这里我们演示添加了三个选项，点击menu按钮时会看到如图4.1所示的界面：
图 4.1 菜单选项界面
上图可能给会给用户造成不好的印象，也就是说界面设计不是很好。所以，在这里，我们应该怎样去添加一些修饰的图片（也就是Icon）呢？继续往下研究：
|
/* * 重写onCreateOption上Menu方法，添加菜单选项*/ @Override public boolean onCreateOptionsMenu(Menu menu) { menu.add(GROUP_ID, SETTING, SETTING_FIRST, "设置").setIcon(R.drawable.ic_launcher_settings); menu.add(GROUP_ID,HElP, HELP_SECOND, "帮助").setIcon(android.R.drawable.ic_menu_help); menu.add(GROUP_ID, EXIT, EXIT_THIRD, "退出").setIcon(android.R.drawable.ic_menu_set_as); return true; } |
这里主要是修改了添加菜单选项的内容，增添了一个setIcon方法，里面设置的图片主要演示了添加Icon的两种方式，
1.从系统中获取（android.R.drawable.ic_menu_help），
2.根据自己添加的图片（R.drawable.ic_launcher_settings）来确定。
具体演示效果如图4.2所示
图 4.2 菜单选项界面
当菜单选项设置到这里时，我们就应该考虑应该怎样给每个菜单添加监听事件。上面我们提到通过重写Activity的onOptionsItemSelected()方法来响应，那么到底应该怎样使用？所以，我们继续往前走着：
|
/** * 重写Activity的onOptionsItemSelected()方法来响应菜单事件 */ @Override public boolean onOptionsItemSelected(MenuItem item) { //通过重新设置界面TextView的显示内容来判断这个事件响应 //定义TextView控件 TextView mTextView =(TextView) findViewById(R.id.display_textview); //根据传入的menu的id来得到对应的item switch (item.getItemId()) { case SETTING: mTextView.setText("点击了设置按钮。。。。。。。。"); break; case HElP: mTextView.setText("帮助按钮被点击了。。。。。。。。"); break; case EXIT: mTextView.setText("点击了退出按钮但是没有退出呀。。。。。。。。"); break; }
return super.onOptionsItemSelected(item); } |
到这里为止，一个完整的menu选项基本完成，但是真正的功能这里没有实现，主要在这里是一个演示作用，在后面的学习中，我们会一一介绍的。
4.3 上下文菜单
当用户长时间按键不放时，弹出的菜单就叫上下文菜单。这个功能类似于Windows中右键弹出的菜单。在Android中，我们应该怎样实现这个功能呢？分为以下几步：
(1).重写Activity的onCreateContextMenu方法，调用Menu的add方法来增加菜单项（MenuItem）。
(2)重写onContextItemSelected方法，响应菜单单击事件。
(3)调用registerForContextMenu方法为当前的View注册上下文菜单。
示例：上下文菜单的使用（创建并响应菜单选项）：
|
package xbb.bzq.android.app;
import android.app.Activity; import android.os.Bundle; import android.view.ContextMenu; import android.view.ContextMenu.ContextMenuInfo; import android.view.View;
public class ContextMenuTest extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } //定义菜单选项的id private static final int GROUP_ID = 0X110; // 定义菜单选项的常量值 private static final int SETTING = 0X111; private static final int HElP = 0x112; private static final int EXIT = 0x113;
//定义菜单选项的编号 private static final int SETTING_FIRST=0x001; private static final int HELP_SECOND = 0x002; private static final int EXIT_THIRD=0x003; /** * 重写onCreateContextMenu方法，实现增加menu菜单项 */ @Override public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) { menu.add(GROUP_ID, SETTING, SETTING_FIRST, "设置"); menu.add(GROUP_ID,HElP, HELP_SECOND, "帮助"); menu.add(GROUP_ID, EXIT, EXIT_THIRD, "退出"); } }
|
到这里，我们只是添加了一个上下文菜单，而没有真正实现其响应事件。实现其响应事件需要注册布局，也就是采用上面提到的registerForContextMenu方法，如下：
|
@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main);
//得到当前页面的布局 LinearLayout layout =(LinearLayout) findViewById(R.id.linearLayoutId); //注册上下文监听事件 registerForContextMenu(layout); } |
这里唯一不同的就是要获取当前布局管理器。所以在这之前需要给布局取一个ID，通过findViewById 来获取。再注册就可以了，界面效果如图4.3所示。
图 4.3 上下文菜单显示界面
说到这里，我们也没有给这个菜单加监听事件，那么，我们应该怎样添加呢？来吧，操作如下：
|
/** * 重写onContextItemSelected方法，用于监听 */ @Override public boolean onContextItemSelected(MenuItem item) { // 通过重新设置界面Title的显示内容来判断这个事件响应 // 根据传入的menu的id来得到对应的item switch (item.getItemId()) { case SETTING: this.setTitle("选择了设置选项"); break; case HElP: this.setTitle("选择了帮助选项"); break; case EXIT: this.setTitle("选择了退出选项"); break; } return true; } |
这里我们通过修改界面的Title来演示我们添加的事件得到了响应，其效果如下图4.4
图 4.4 点击退出选项后的界面
4.4 提示信息（Toast）
在Android增加了Toast这样小巧的交互部件，用户在程序中执行某一动作后，给予这样的一个Toast信息，并且过一会儿他就会自动消失，增强了体验和交互性。
那怎样创建一个Toast呢？步骤如下：
通过Toast这个类提供的静态方法makeText设置提示的文本和展示的时间值。
调用Toast的静态方法show进行显示，这一步类似于Dialog的显示操作。
实例：提示信息
|
//这里第一个参数表示引用上下文，第二个参数是设置显示的文本，第三个参数是设置的显示时间 Toast.makeText(this,"号码或密码不能为空", Toast.LENGTH_LONG).show(); |
附加：修改主配置文件
|
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="xbb.bzq.android.app" android:versionCode="1" android:versionName="1.0" >
<uses-sdk android:minSdkVersion="4" />
<application android:icon="@drawable/ic_launcher" android:label="@string/app_name" > <activity android:label="@string/app_name" //这里的name中的文件名才是要运行的文件，所以多个文件时，要修改这个name android:name=".ContextMenu" > <intent-filter > <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".MenuTestActivity"></activity> </application>
</manifest> |