您的位置:首页 > 产品设计 > UI/UE

【Android 开发】:UI控件之 Menu 菜单的的使用(三)

2013-08-20 23:42 573 查看
    上一讲 【Android 开发】:UI控件之 Menu 菜单的的使用(二) 我们讲解了创建上下文菜单的第一种使用方式:Creating a floating context menu [创建悬浮的上下文菜单],这一讲我们来讲解创建上下文菜单的第二种使用方式:Using
the contextual action mode [使用上下文动作模式],另外在本章末,我们也来学习一下弹出菜单
PopupMenu 的使用。

1contextual action mode

    1)
contextual action mode 介绍

    contextual action mode 是系统继承ActionMode所得,主要是获取用户的焦点来交互相关的动作。当用户选择一个选项就会启动这种模式,一个上下文的 ActionBar 就会出现在屏幕的上方来显示用户执行当前选项所获得上下文菜单。当这个模式启动的时候,用户可以选择多个选项(如果你需要的话),或者反选选项,还可以对齐进行导航(比如条状到其他的Activity),用户可以选择
Back 按钮来取消相关的操作,或者在这个bar栏的左端选择 Done 按钮。
    注意:contextual action mode 与 action bar是没有必然关联的。这个操作是独立的,尽管这个 contextual action mode 看起来覆盖于 action bar 的位置。
  如果你是在 Android 3.0 或者更高版本,你应该使用 contextual action mode 这种方式上下文菜单来代替 floating context menu.
  对于可以提供上下文动作的控件来说,你通常有两种方式的触发事件来调用 contextual action mode:

  1). 用户在这个控件中执行长按事件
  2). 用户在这个视图中选择了 checkbox 或者类似UI的组件

  应用程序在调用contextual action mode或者定义这种触发事件的动作往往依赖于你的设计。基本有以下两种设计

  1). 在独立,专门的控件上使用 contextual action mode。
  2). 在ListView 或者 GridView 上使用contextual action mode (用户可以选择多个选项)

  启动Action Mode

  如果想要调用 contextual action mode  当你选择了指定的控件之后,你应该:
  1). 实现 ActionMode.Callback 接口,在它的回调接口中,你可以指定 这个上下文栏的动作,触发选项事件的反应,或者处理其他事件周期.
  2). 调用 startActionMode() 当你想要显示这个条栏的话(相当于当用户长按这个视图)

 2) 代码实现

1) 布局文件 activity_main.xml 只是定义一个按钮,这里就不再粘贴了。

2) 菜单定义文件 目录:res/menu 下 main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

<item
android:id="@+id/share"
android:orderInCategory="100"
android:showAsAction="never"
android:title="Share"/>
<item
android:id="@+id/edit"
android:orderInCategory="100"
android:showAsAction="never"
android:title="Edit"/>
<item
android:id="@+id/delete"
android:orderInCategory="100"
android:showAsAction="never"
android:title="Delete"/>

</menu>
3). 程序主要代码

public class MainActivity extends Activity {

private Button button1;
private ActionMode actionMode; //使用 ActionMode 完成菜单操作
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initComponent();

//绑定用户的动作,注意这个事件必须是一个长按事件
button1.setOnLongClickListener(new OnLongClickListener() {

/*
* 当你调用startActionMode()方法的时候,系统就会返回一个ActionMode的实例,保存在成员变量中,就可以通过改变上下文条栏来触发对应的事件
* 在下面的的例子中,ActionMode的判断是为了确保在它活动期间不会被重复的再创建,通过在创建实例的时候判断其是否为空。
* @see android.view.View.OnLongClickListener#onLongClick(android.view.View)
*/
@Override
public boolean onLongClick(View v) {
if(actionMode != null) {
return false;
}
actionMode = startActionMode(mActionModeCallBack);
v.setSelected(true);
return true;
}
});
}
//这里面是一个匿名内部类
private ActionMode.Callback mActionModeCallBack = new ActionMode.Callback() {

@Override
public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
// TODO Auto-generated method stub
return false;
}

@Override
public void onDestroyActionMode(ActionMode mode) {
// TODO Auto-generated method stub
//当我们不在使用菜单的时候, actionMode = null 在菜单销毁的时候置空
actionMode = null;
}

//表示我们要加载菜单,从XML中加载菜单
@Override
public boolean onCreateActionMode(ActionMode mode, Menu menu) {
// TODO Auto-generated method stub
MenuInflater inflate = getMenuInflater();
inflate.inflate(R.menu.main, menu);
return true; //返回true 表示加载成功。
}

//处理用户的相应动作
//表示从点击菜单选项中捕获用户的操作
@Override
public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
// TODO Auto-generated method stub
switch (item.getItemId()) {
case R.id.edit:
Toast.makeText(MainActivity.this, "Edit", 3).show();
break;
case R.id.share:
Toast.makeText(MainActivity.this, "share", 3).show();
break;
case R.id.delete:
Toast.makeText(MainActivity.this, "delete", 3).show();
break;
}
return false;
}
};

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

private void initComponent(){
button1 = (Button)findViewById(R.id.button1);
}

}

3) 程序执行结果



2. 
PopupMenu 菜单的使用

1)
PopupMenu 介绍

  创建弹出菜单,它一般会在view的上边或者下边弹出菜单[具体看是否有空间],注意弹出菜单是api在11或者更高版本中使用
  如果你在XML文件中定义了你的菜单,你就可以通过以下步骤来显示弹出菜单了:

  1. 实例化一个 PopupMenu 通过它的构造方法,这样就可以把当前应用的 context 和 view 传给所定义的菜单了
  2. 使用 MenuInflater 来加载菜单资源,通过 PopupMenu.getMenu() 得到一个 Menu 对象,如果是在 API 14 或者更高级,你可以通过 PopupMenu.inflate() 来代替了。
  3. 调用 PopupMenu.show()。

2)
程序实现

1) 布局文件 activity_main.xml 只是定义一个按钮,这里就不再粘贴了。

2) 菜单定义文件 目录:res/menu 下 main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/share" android:orderInCategory="100" android:showAsAction="never" android:title="Share"/> <item android:id="@+id/edit" android:orderInCategory="100" android:showAsAction="never" android:title="Edit"/> <item android:id="@+id/delete" android:orderInCategory="100" android:showAsAction="never" android:title="Delete"/> </menu>
3) 程序主要代码
public class MainActivity extends Activity {

private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initComponent();
//这种就不需要长按事件
button.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
//当前这个v就是 button2控件
PopupMenu popupMenu = new PopupMenu(MainActivity.this, v);
popupMenu.setOnMenuItemClickListener(new OnMenuItemClickListener() {

@Override
public boolean onMenuItemClick(MenuItem item) {
// TODO Auto-generated method stub
switch (item.getItemId()) {
case R.id.edit:
Toast.makeText(MainActivity.this, "Edit", 3).show();
break;
case R.id.share:
Toast.makeText(MainActivity.this, "share", 3).show();
break;
case R.id.delete:
Toast.makeText(MainActivity.this, "delete", 3).show();
break;
}
return false;
}
});

MenuInflater inflater = popupMenu.getMenuInflater();
inflater.inflate(R.menu.main, popupMenu.getMenu());
popupMenu.show();
}
});
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

private void initComponent(){
button = (Button)findViewById(R.id.button1);
}

}


3) 执行结果



 
      详情参考:http://developer.android.com/guide/topics/ui/menus.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: