建立网站服务器长沙seo网站
Menu 菜单
-
OptionsMenu 选项菜单
特点: 当通过点击menu键或者3.0以上的手机上,点击右上方的三个点,出现的列表,都是有OptionMenu对象进行控制
-
ContextMenu上下文菜单
特点:当长按指定控件后,在屏幕中心弹出列表对话框
-
PopupMenu 浮动菜单
特点:通过指定控件指定监听,触发显示,可以让菜单列表显示在指定控件的下方
】
概述
【
菜单是一种非常常见的与用户交互的一种用户界面组件
从Android 3.0开始,Android不要求手机设备上必须提供MENU按键。因此Android推荐使用ActionBar来代替Menu
】
菜单的创建
【
1、通过代码创建
2、使用xml资源文件创建菜单(res/menu目录下)(建议使用,重点掌握)
】
菜单的分类
【
Options Menu 选项菜单
Context Menu 上下文菜单
Popup Menu 浮动菜单
】
在XML中定义Menu文件
【
位置:res/menu目录下
:菜单项
android:id // 菜单项的idandroid:icon // 菜单项的图标android:title // 菜单项的标题android:orderInCategory // 排序android:showAsAction // 在ActionBar上的显示参数(API 11)never:不将MenuItem显示在ActionBar上(是默认值)always:总是将该MenuItem显示在ActionBar上ifRoom:当AcitonBar上有空间时将该MenuItem显示在ActionBar上,没有空间就放入溢出菜单中withText:将该MenuItem显示在ActionBar上,并显示该菜单项的文本显示自定义ActionBar的View,需要和actionViewClass这组参数结合使用(API14)
:菜单组
二级菜单(子菜单的创建)
概念:在menu Item中嵌套menu元素,可以实现多级菜单,嵌套的菜单叫做子菜单,一般只会使用二级菜单,如果菜单层次太深,会严重影响用户体验。二级可选菜单android:checkableBehavior有三个属性值可选all(多选)single(单选)none(不可选)
】
1.1.5 选项菜单
【
使用步骤
初始化选项菜单:onCreateOptionsMenu(Menu menu)为菜单项设置监听器:onOptionsItemSelected(MenuItem item)
OptionsMenu的使用方式:
方式一:纯代码处理(官方并不是特别推荐)
方式二:xml文件+代码(官方推荐方式)
通过xml文件+代码实现Options Menu的显示
Xml文件:负责设置菜单列表中总共要显示哪些数据选项,以及这些选项的显示特点
代码: 负责处理加载xml文件,并处理点击事件
关于xml文件的处理:
-
在res文件夹内容准备一个menu文件夹,所有控制菜单显示的xml文件均被存于此处
-
在menu文件夹中创建一个xml文件,让该文件以menu标签作为根标签
-
在menu标签之间添加item标签,每一个item标签代表一个菜单选项
-
处理item标签中的属性
代码实现:
<?xml version="1.0"encoding="utf-8"?>public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}/** 重写onCreateOptionsMenu方法,在此方法中加载xml文件参数:代表要显示的菜单对象** 返回值:true 显示菜单, false 不显示菜单*/@Overridepublic boolean onCreateOptionsMenu(Menu menu){// TODOAuto-generated method stub/** 将my.xml文件中的所有item菜单选项添加到参数二指定的menu对象中显示*/getMenuInflater().inflate(R.menu.my_menu, menu);//通过代码添加菜单选项/** 1. 该菜单选项所在组的groupId* 2. 该菜单的唯一标识,id属性的值* 3. 控制排列顺序,作用等同于orderInCategory属性* 4:选项上要显示的文字标题* */menu.add(0, 1, 20, "代码添加menu");return true;}//重写此方法,获取菜单项的点击事件,参数代表被点击的菜单选项@Overridepublic boolean onOptionsItemSelected(MenuItemitem) {// TODOAuto-generated method stubToast.makeText(this,item.getTitle()+String.valueOf(item.getItemId()), Toast.LENGTH_SHORT).show();//区分被点击的itemswitch (item.getItemId()){caseR.id.item1:break;caseR.id.item2:break;caseR.id.item3:break;}return super.onOptionsItemSelected(item);}}
】
示例代码
【
<?xml version="1.0"encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/menu1"android:orderInCategory="100"android:showAsAction="never"android:title="选项菜单1"/><itemandroid:id="@+id/menu2"android:orderInCategory="100"android:showAsAction="never"android:title="选项菜单2"/><itemandroid:id="@+id/menu3"android:orderInCategory="100"android:showAsAction="never"android:title="选项菜单3"/><!--选项菜单可分组 --><group android:id="@+id/menu_group1"><itemandroid:id="@+id/menu4"android:orderInCategory="100"android:showAsAction="never"android:title="组1选项菜单1"/><itemandroid:id="@+id/menu5"android:orderInCategory="100"android:showAsAction="never"android:title="组1选项菜单2"/></group><!--在XML添加具有子选项的菜单 --><itemandroid:id="@+id/con_son_menu"android:title="点击出子菜单"><menu><!-- 样式出现选择样式 --><group android:checkableBehavior="all" ><itemandroid:checked="true"android:id="@+id/con_son_menu_1"android:title="子菜单1"/><itemandroid:id="@+id/con_son_menu_2"android:title="子菜单2"/></group></menu></item></menu>public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// TODOAuto-generated method stub//布局xml配置加载getMenuInflater().inflate(R.menu.my_menu, menu);//代码添加菜单项menu.add(2, 2, 150, "组2代码项1");menu.add(2, 3, 150, "组2代码项2");/*** 可以根据组ID决定组中的菜单项是否可见或可操作*/menu.setGroupEnabled(2,false);/*** 通过代码添加有子菜单项的菜单*/SubMenu sub = menu.addSubMenu(3, 33, 333, "代码子菜单");sub.add(3, 34, 333, "子1");sub.add(3, 35, 333, "子2").setOnMenuItemClickListener(new OnMenuItemClickListener() {@Override//boolean监听:代表处理完监听,是否还要进行额外操作publicboolean onMenuItemClick(MenuItemitem) {// TODOAuto-generated method stubToast.makeText(MainActivity.this, "=====+"+item.getTitle()+"设置单个子菜单事件", Toast.LENGTH_SHORT).show();returnfalse;}});return true;}//菜单列表item的点击事件,参数代表被点击的item菜单选项@Overridepublic boolean onOptionsItemSelected(MenuItem item) {// TODOAuto-generated method stubswitch(item.getItemId()) {case 34:Toast.makeText(MainActivity.this, "点击了子菜单中的子选项1", Toast.LENGTH_SHORT).show();break;case 35:Toast.makeText(MainActivity.this, "点击了子菜单中的子选项2", Toast.LENGTH_SHORT).show();break;}return super.onOptionsItemSelected(item);}}
】
上下文菜单
【
使用步骤
初始化上下文菜单:onCreateContextMenu(ContextMenu menu, View v,ContextMenuInfo menuInfo)为指定控件注册上下文菜单:registerForContextMenu(Viewview)为菜单项设置监听器:onContextItemSelected(MenuItemitem)
特点:当长按指定控件的时候显示的菜单列表
位置固定显示与屏幕中心
使用步骤:
大体步骤与OptionsMenu 基本一致
-
通过menu文件夹中的xml文件定义菜单列表中要显示的内容
-
重写onCreateContextMenu方法,在该方法中通过
-
重写onContextItemSelected方法获取菜单选项被点击的监听事件
-
在页面的onCreate方法中通过registerForContextMenu方法的参数指定长按哪个控件对象显示菜单
当registerForContextMenu方法中传递的是一个listview对象时,ContextMenu是针对列表中每个item进行设置
在onContextItemSelected方法中可以通过以下方式获取别长按的item在listview中对应的position位置
//获取被点击的菜单选项对应的菜单信息封装对象
AdapterContextMenuInfo aci = (AdapterContextMenuInfo) item.getMenuInfo();//通过菜单信息封装对象获取被点击的item的位置int position = aci.position;
】
示例代码
【
<?xml version="1.0"encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/list_item1"android:title="复制"/><itemandroid:id="@+id/list_item2"android:title="删除"/><itemandroid:id="@+id/list_item3"android:title="重命名"/></menu>
public class MainActivity extends Activity {private TextView tv;@Overrideprotected voidonCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tv=(TextView) this.findViewById(R.id.tv);registerForContextMenu(tv);}@Overridepublic voidonCreateContextMenu(ContextMenu menu, View v,ContextMenuInfomenuInfo) {// TODO Auto-generated method stubsuper.onCreateContextMenu(menu, v, menuInfo);getMenuInflater().inflate(R.menu.main, menu);}}public class TwoActivity extends Activity {private ListView lv;ArrayList<String>list = newArrayList<String>();ArrayAdapter<String>adapter;@Overrideprotected voidonCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.activity_two);lv=(ListView) this.findViewById(R.id.listview1);for(inti=0;i<10;i++){list.add("item"+i);}adapter = newArrayAdapter<>(this,android.R.layout.simple_list_item_1, list);lv.setAdapter(adapter);registerForContextMenu(lv);}@Overridepublic voidonCreateContextMenu(ContextMenu menu, View v, //此v是传递过来的对象ContextMenuInfomenuInfo) {// TODO Auto-generated method stubsuper.onCreateContextMenu(menu, v, menuInfo);getMenuInflater().inflate(R.menu.list_menu, menu);v.setBackgroundColor(Color.RED);}@Overridepublic booleanonContextItemSelected(MenuItem item) {// TODO Auto-generated method stubAdapterContextMenuInfoaci=(AdapterContextMenuInfo)item.getMenuInfo();final intposition = aci.position;switch (item.getItemId()) {case R.id.list_item1: //复制list.add(list.get(position));adapter.notifyDataSetChanged();break;case R.id.list_item2: //删除list.remove(position);adapter.notifyDataSetChanged();break;case R.id.list_item3: //重命名Viewv = View.inflate(this,R.layout.custom, null);final AlertDialog dialog = new AlertDialog.Builder(this).setView(v).show();final EditText ed_name =(EditText)v.findViewById(R.id.ed_name);Buttonbtn_ok = (Button) v.findViewById(R.id.btn_ok);btn_ok.setOnClickListener(new OnClickListener() {@Overridepublic voidonClick(View v) {// TODO Auto-generated method stublist.set(position, ed_name.getText().toString());adapter.notifyDataSetChanged();dialog.dismiss();}}); break;}return super.onContextItemSelected(item);}@Overridepublic voidonContextMenuClosed(Menu menu) {// TODO Auto-generated method stubsuper.onContextMenuClosed(menu);lv.setBackgroundColor(Color.WHITE);}}
】
浮动菜单
【
使用步骤
创建浮动菜单对象:PopupMenu popupMenu = newPopupMenu(this, btn_show_popupmenu);参数1:上下文环境参数2:需要绑定浮动菜单的控件id将菜单文件加载到内存中:getMenuInflater().inflate(R.menu.popup_menu,popupMenu.getMenu());为菜单项设置监听器:popupMenu.setOnMenuItemClickListener(OnMenuItemClickListener)显示菜单:popupMenu.show();
PopupMenu浮动菜单
特点:
-
可以指定任意控件通过任意方式触发浮动菜单的显示
-
可以显示在指定控件的下方
使用方式: -
获取控件对象,设置任意的监听,如设置tv的点击事件
代表是要在tv被点击时显示Popup Menu
//1.初始化popupmenu对象
/** 参数2:默认情况下是让pm稍后再显示的时候,可以显示在该控件的下方* 但是当该控件下方没有足够的控件的时候,就让pm显示在该控件的上方* */PopupMenu pm = newPopupMenu(PopupMenuActivity.this,tv);/*`在这里插入代码片`* 3参的构造方法的参数3:用于指定pm与控件的对齐方式* 此方法必须确保在 19版本,即4.4.2版本以上才能生效* */// PopupMenupm = new PopupMenu(PopupMenuActivity.this, tv, Gravity.RIGHT);
- 向popupmenu对象中添加要显示的菜单选项
//添加方式一:
getMenuInflater().inflate(R.menu.popup_menu,pm.getMenu());`
//添加方式二
pm.inflate(R.menu.popup_menu);
- 通过show方法显示popupmenu对象
pm.show();
设置popupmenu中菜单选项的点击事件:
//获取pm菜单选项的点击事件
pm.setOnMenuItemClickListener(new OnMenuItemClickListener() {@Overridepublic boolean onMenuItemClick(MenuItem item) {// TODO Auto-generated method stubToast.makeText(PopupMenuActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();return false;}});
PopupWindow的使用:
浮动窗口, 特点:效果上是一个可以自定义显示及显示位置的对话框
使用方式:
//1.初始化对象
/** 1. 用于指定pw中要显示View对象* 2,3. 用于指定pw显示时的宽高* */View vv= View.inflate(PopupWindowActivity.this, R.layout.custom, null);PopupWindow pw = new PopupWindow(vv, 400, 400);//设置pw中的控件能够获取焦点pw.setFocusable(true);//设置可以通过点击pw外部关闭pw,但是生效的前提//是必须给pw设置了背景才行//设置pw的默认背景,即如果custom布局中没有指定背景的话,就显示此背景pw.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_launcher));pw.setOutsideTouchable(true);//3.通过show**方法显示// pw.showAsDropDown(tv,50, 50);/** 1. 通过参数一指定的控件寻找该控件的父控件* 以父控件的范围为基准* 2. gravity 居中,右下等位置* 3,4. 水平和垂直方向的偏移量** */pw.showAtLocation(tv, Gravity.CENTER, 0, 0);
】
PopupWindow(浮动窗口)
【
基本使用步骤
构造方法:PopupWindow(View contentView, intwidth, int height)参数1:contentView,浮动窗口中显示的内容参数2:width,浮动窗口的宽度参数3:height,浮动窗口的高度显示浮动窗口:showAsDropDown(Viewanchor, int xoff, int yoff)参数1:anchor,浮动窗口出现在指定控件的下方参数2:xoff,在X轴上的偏移量参数3:yoff,在Y轴上的偏移量隐藏浮动窗口:dismiss()
显示带列表的浮动窗口
创建ListView对象setAdapter(ListAdapter):设置列表适配器,用于填充列表数据setOnItemClickListener(OnItemClickListener):设置列表项的监听事件setFocusable(true):使浮动窗口可以获取焦点setBackgroundDrawable(newColorDrawable()):为解决焦点问题,这行代码必须执行
PopupWindow 补充:
当初始化PopupWindow对象时,需要通过构造方法传递PopupWindow要显示的宽高,除了直接指定宽高对应的数字之外,能不能设置成wrap_content或者match_parent??
解决方式:在需要指定宽高的位置,通过ViewGroup包内的LayoutParams的类中的静态常量即可调用FILL_PARENT,MATCH_PARENT和WRAP_CONTENT 属性设置了
】
示例代码
<menu xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"tools:context="com.example.day13popupmenu.popupwindow.MainActivity"><itemandroid:id="@+id/pu_menu1"android:title="pm菜单1"/><itemandroid:id="@+id/pu_menu2"android:title="pm菜单2"/><itemandroid:id="@+id/pu_menu3"android:title="pm菜单3"/><itemandroid:id="@+id/pu_menu4"android:title="pm菜单4"/>
</menu>public class MainActivity extends Activity {private TextView tv;@Overrideprotected voidonCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tv =(TextView) this.findViewById(R.id.tv);tv.setOnClickListener(newOnClickListener() {@Overridepublic voidonClick(View v) {// TODO Auto-generated method stubPopupMenu pm = new PopupMenu(MainActivity.this, tv);getMenuInflater().inflate(R.menu.main,pm.getMenu());//pm.inflate(R.menu.main);pm.show();pm.setOnMenuItemClickListener(new OnMenuItemClickListener() {@Overridepublic booleanonMenuItemClick(MenuItem item) {// TODO Auto-generated method stubToast.makeText(MainActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();return false;}});pm.setOnDismissListener(new OnDismissListener() {@Overridepublic voidonDismiss(PopupMenu menu) {// TODO Auto-generated method stubToast.makeText(MainActivity.this, "close",Toast.LENGTH_SHORT).show();}});}});}
}public class TwoActivity extends Activity {private TextView tv;@Overrideprotected voidonCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tv = (TextView) this.findViewById(R.id.tv);tv.setOnClickListener(newOnClickListener() {@Overridepublic voidonClick(View v) {View vv = View.inflate(TwoActivity.this, R.layout.custom,null);final PopupWindow pw = newPopupWindow(vv, 300, 300);// pw.showAsDropDown(vv,50,50);// 设置pw能够获得焦点pw.setFocusable(true);// 设置浮动窗体,点击旁白能够自动消失,但是必须要设置setBackgroundDrawable才能生效pw.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_launcher));pw.setOutsideTouchable(true);pw.showAtLocation(vv,Gravity.CENTER, 0, 0);Buttonbtn_ok = (Button) vv.findViewById(R.id.btn_ok);final EditText ed_edit = (EditText) vv.findViewById(R.id.ed_name);btn_ok.setOnClickListener(new OnClickListener() {@Overridepublic voidonClick(View v) {// TODO Auto-generated method stubToast.makeText(TwoActivity.this,ed_edit.getText().toString(),Toast.LENGTH_SHORT).show();pw.dismiss();}});}});}
}