(一) Menu
-
- App bar with options menu
-
- Context menu
-
- Contextual action bar
-
- Popup menu
- Popup menu
1. App bar with options menu(选项菜单)
1.1通过在XML文件中添加控件来实现
res文件夹 -> menu文件夹 -> main.xml
item的图标可通过:右击drawable->new->Image Asset 添加
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/add_menu"
android:title="Add"
android:icon="@drawable/ic_action_add"
app:showAsAction="ifRoom"/>
<item
android:id="@+id/delete_menu"
android:title="Delete"
android:icon="@drawable/ic_action_delete"
app:showAsAction="never"/>
<item
android:id="@+id/update_menu"
android:title="Update"
android:icon="@drawable/ic_action_update"
app:showAsAction="collapseActionView"/>
</menu>
说明
showAsAction主要是针对这个菜单的显示起作用的,它有三个可选项
always:总是显示在界面上
never:不显示在界面上,只让出现在右边的三个点中
ifRoom:如果有位置才显示,不然就出现在右边的三个点中
MainActivity.java中重写两个方法
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main,menu);
menu.add("other");
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
Toast.makeText(this,"you choose "+item.getTitle(),Toast.LENGTH_SHORT).show();
return super.onOptionsItemSelected(item);
}
1.2 通过动态代码实现
menu.add(groupId,itemId,order,title),add()返回一个item【在API>=11时,是不显示图标的】
groupId--1:分组的id;
itemId--100:菜单项的id;
order--1:菜单项排序用的;
title--"菜单1":菜单名称;
代码
public boolean onCreateOptionsMenu(Menu menu) {
// groupId--1:分组的id;itemId--100:菜单项的id;order--1:菜单项排序用的;title--"菜单1":菜单名称;
MenuItem item = menu.add(1, 100, 1, "菜单项");
item.setTitle("我是一个菜单");
// 在API>=11时,是不显示图标的
item.setIcon(R.drawable.ic_launcher);
menu.add(1, 101, 1, "登录");
menu.add(1, 102, 1, "设置");
menu.add(1, 103, 1, "退出");
return true;
}
public boolean onOptionsItemSelected(MenuItem item) {
// 创建菜单项的点击事件
switch (item.getItemId()) {
case 101:
Toast.makeText(this, "你点击了登录", Toast.LENGTH_SHORT).show();
break;
case 102:
Toast.makeText(this, "你点击了设置", Toast.LENGTH_SHORT).show();
break;
case 103:
Toast.makeText(this, "你点击了退出", Toast.LENGTH_SHORT).show();
break;
default:
break;
}
return super.onOptionsItemSelected(item);
}
2.Context Menu(上下文菜单)
当用户长按Activity页面时,弹出的菜单我们称为上下文菜单。我们经常在Windows中用鼠标右键单击弹出的菜单就是上下文菜单。
ContextMenu与OptionMenu的区别:
-
- OptionMenu对应的是activity,一个activity只能拥有一个选项菜单;
-
- ContextMenu对应的是view,每个view都可以设置上下文菜单;
-
- 一般情况下ContextMenu常用语ListView或者GridView
实现 步骤:
- 1.首先给View注册上下文菜单registerForContextMenu()
this.registerForContextMenu(contextView); - 2.添加上下文菜单的内容onCreateContextMenu()
布局文件(xml文件)
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.jiapeng.munedemo.MainActivity"
tools:ignore="MergeRootFrame" >
<ListView
android:id="@+id/mune_list"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</ListView>
</FrameLayout>
MainActivity.java
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
showListView();
// 注册上下文菜单
this.registerForContextMenu(listview);
}
/**
* 加载数据
*/
private void showListView() {
listview = (ListView) findViewById(R.id.mune_list);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, getDate());
listview.setAdapter(adapter);
}
/**
* 创建数据源
*
* @return list
*/
private ArrayList<String> getDate() {
ArrayList<String> list = new ArrayList<String>();
for (int i = 0; i < 10; i++) {
list.add("菜单" + i);
}
return list;
}
/**
* 添加上下文菜单的菜单项
*/
public void onCreateContextMenu(ContextMenu menu, View v,
ContextMenuInfo menuInfo) {
menu.setHeaderTitle("上下文菜单");
menu.setHeaderIcon(R.drawable.ic_launcher);
//加载上下文菜单内容
menu.add(1, 1, 1, "保存");
menu.add(1, 2, 1, "更改");
menu.add(1, 3, 1, "删除");
super.onCreateContextMenu(menu, v, menuInfo);
}
/**
* 创建单击事件
*/
public boolean onContextItemSelected(MenuItem item) {
switch (item.getItemId()) {
case 1:
Toast.makeText(this, "点击了保存", Toast.LENGTH_SHORT).show();
break;
case 2:
Toast.makeText(this, "点击了更改", Toast.LENGTH_SHORT).show();
break;
case 3:
Toast.makeText(this, "点击了删除", Toast.LENGTH_SHORT).show();
break;
default:
break;
}
return super.onContextItemSelected(item);
}
3.PopupMenu(弹出菜单)
PopupMenu,弹出菜单,一个模态形式展示的弹出风格的菜单,绑在在某个View上,一般出现在被绑定的View的下方(如果下方有空间)。
注意:弹出菜单是在API 11和更高版本上才有效的。
核心步骤
-
- 通过PopupMenu的构造函数实例化一个PopupMenu对象,需要传递一个当前上下文对象以及绑定的View。
-
- 调用PopupMenu.setOnMenuItemClickListener()设置一个PopupMenu选项的选中事件。
-
- 使用MenuInflater.inflate()方法加载一个XML文件到PopupMenu.getMenu()中。
-
- 在需要的时候调用PopupMenu.show()方法显示。
res/menu/main.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/exit"
android:title="退出"/>
<item android:id="@+id/set"
android:title="设置"/>
<item android:id="@+id/account"
android:title="账号"/>
</menu>
MainActivity.java:
package com.example.menutest03;
import android.app.Activity;import android.os.Bundle;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.PopupMenu;
import android.widget.PopupMenu.OnMenuItemClickListener;
import android.widget.Toast;
public class MainActivity extends Activity implements OnClickListener,OnMenuItemClickListener{
private Button button1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button1 = (Button)findViewById(R.id.button1);
button1.setOnClickListener(this);
}
//点击按钮后,加载弹出式菜单
@Override
public void onClick(View v) {
//创建弹出式菜单对象(最低版本11)
PopupMenu popup = new PopupMenu(this, v);//第二个参数是绑定的那个view
//获取菜单填充器
MenuInflater inflater = popup.getMenuInflater();
//填充菜单
inflater.inflate(R.menu.main, popup.getMenu());
//绑定菜单项的点击事件
popup.setOnMenuItemClickListener(this);
//显示(这一行代码不要忘记了)
popup.show();
}
//弹出式菜单的单击事件处理 -- android.widget.PopupMenu
@Override
public boolean onMenuItemClick(MenuItem item) {
// TODO Auto-generated method stub
switch (item.getItemId()) {
case R.id.exit:
Toast.makeText(this, "退出", Toast.LENGTH_SHORT).show();
break;
case R.id.set:
Toast.makeText(this, "设置", Toast.LENGTH_SHORT).show();
break;
case R.id.account:
Toast.makeText(this, "账号", Toast.LENGTH_SHORT).show();
break;
default:
break;
}
return false;
}
}
(二) Dialogs and pickers
-
- Alert dialog
-
- Date picker
-
- Time picker
- Time picker