Android开发笔记（一百二十一）列表弹窗PopupMenu和ListPopupWindow

PopupMenu

基本用法

PopupMenu是种显示位置不固定的弹出菜单，因为它显示在参照控件下方，所以展示位置随着参照控件的位置变化而变化。而其他几种菜单的显示位置都是固定的，比如说选项菜单Options固定显示在屏幕下方，上下文菜单ContextMenu固定显示在屏幕中央，溢出菜单OverflowMenu固定显示在屏幕右上角，有关其他菜单的详细说明参见《Android开发笔记（六十五）多样的菜单》。
下面是PopupMenu的常用方法说明：
构造函数 : 构造一个PopupMenu对象，并指定该对象的参照控件。
inflate : 根据指定的菜单资源文件，把具体的菜单项目填充到PopupMenu对象中。
setOnMenuItemClickListener : 设置菜单项的点击监听器。该监听器由接口OnMenuItemClickListener派生而来，要重写onMenuItemClick方法来实现菜单项点击事件。
show : 显示弹出菜单。
dismiss : 关闭弹出菜单。
setOnDismissListener : 设置弹出菜单的关闭监听器。


下面是PopupMenu的使用截图：



下面是PopupMenu的代码示例：

import java.util.Date;import com.example.exmpopup.util.Utils;import android.app.Activity;import android.os.Bundle;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.TextView;import android.widget.Toast;public class PopupMenuActivity extends Activity implements OnClickListener, OnMenuItemClickListener {private TextView tv_show_menu;private PopupMenu mPopupMenu;private String[] mFormatArray = {"yyyy-MM-dd HH:mm:ss", "yyyy-MM-dd","yyyy年MM月dd日HH时mm分ss秒", "yyyy年MM月dd日"};private String mFormat = mFormatArray[0];private Date mNowTime = new Date();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_menu);tv_show_menu = (TextView) findViewById(R.id.tv_show_menu);Button btn_show_menu = (Button) findViewById(R.id.btn_show_menu);btn_show_menu.setOnClickListener(this);mPopupMenu = new PopupMenu(this, btn_show_menu);mPopupMenu.inflate(R.menu.main);//mPopupMenu.getMenuInflater().inflate(R.menu.main, mPopupMenu.getMenu());mPopupMenu.setOnMenuItemClickListener(this);}@Overridepublic void onClick(View v) {if (v.getId() == R.id.btn_show_menu) {    mPopupMenu.show();}}@Overridepublic boolean onMenuItemClick(MenuItem item) {        int id = item.getItemId();        if (id == R.id.menu_refresh) {mNowTime = new Date();tv_show_menu.setText("当前刷新时间: "+Utils.getFormatDateTime(mNowTime, mFormat));        } else if (id == R.id.menu_about) {Toast.makeText(this, "这个是PopupMenu的演示demo", Toast.LENGTH_LONG).show();        } else if (id == R.id.menu_quit) {finish();        }return true;}    }

新版PopupMenu

v7-appcompat库中引入了新版的PopupMenu，基本用法同旧版的PopupMenu。


使用新版PopupMenu时若出现如下的错误：java.lang.RuntimeException: Binary XML file line #17: You must supply a layout_height attribute.
则是因为使用v7-appcompat的控件，都要在AppCompatActivity中使用（比如Toolbar），并且要在AndroidManifest.xml中设置该Activity的android:theme为Theme.AppCompat.*派生的风格。有关v7-appcompat库的使用方法参见《Android开发笔记（一百一十九）工具栏Toolbar》。


v7-appcompat库中提供了新版PopupMenu，当然是做了部分功能完善，最主要的改进便是对子菜单的操作更加灵活，即可以由开发者自己定义在何时打开子菜单。下面是新版PopupMenu比旧版增加的调用方法说明：
onOpenSubMenu : 显示子菜单。
onCloseSubMenu : 关闭子菜单。
onMenuItemSelected : 选择菜单项。
getMenu : 获得Menu对象。之后便能给Menu对象调用addSubMenu方法添加子菜单；addSubMenu返回一个SubMenu对象，可调用SubMenu的add方法给子菜单添加具体项目。


下面是新版PopupMenu的代码示例：

import java.util.Date;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.view.menu.MenuBuilder;import android.support.v7.widget.PopupMenu;import android.support.v7.widget.PopupMenu.OnMenuItemClickListener;import android.view.MenuItem;import android.view.SubMenu;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.TextView;import android.widget.Toast;import com.example.exmpopup.util.Utils;public class NewPopupMenuActivity extends AppCompatActivity implements OnClickListener, OnMenuItemClickListener {private TextView tv_show_menu_new;private PopupMenu mPopupMenu;private String[] mFormatArray = {"yyyy-MM-dd HH:mm:ss", "yyyy-MM-dd","yyyy年MM月dd日HH时mm分ss秒", "yyyy年MM月dd日"};private String mFormat = mFormatArray[0];private Date mNowTime = new Date();private SubMenu mSubMenu;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_menu_new);tv_show_menu_new = (TextView) findViewById(R.id.tv_show_menu_new);Button btn_show_menu_new = (Button) findViewById(R.id.btn_show_menu_new);btn_show_menu_new.setOnClickListener(this);mPopupMenu = new PopupMenu(this, btn_show_menu_new);//mPopupMenu.inflate(R.menu.main); //两种inflate方式都可以mPopupMenu.getMenuInflater().inflate(R.menu.main, mPopupMenu.getMenu());mPopupMenu.setOnMenuItemClickListener(this);mSubMenu = mPopupMenu.getMenu().addSubMenu(0, 999, 9, "更多");mSubMenu.add(0, 111, 0, "ccc");mSubMenu.add(0, 112, 1, "cca");}@Overridepublic void onClick(View v) {if (v.getId() == R.id.btn_show_menu_new) {    mPopupMenu.show();}}@Overridepublic boolean onMenuItemClick(MenuItem item) {        int id = item.getItemId();        if (id == R.id.menu_refresh) {mNowTime = new Date();tv_show_menu_new.setText("当前刷新时间: "+Utils.getFormatDateTime(mNowTime, mFormat));        } else if (id == R.id.menu_about) {Toast.makeText(this, "这个是PopupMenu的演示demo", Toast.LENGTH_SHORT).show();//点击“更多”会自动显示子菜单，点击“关于”也会由下面代码来显示子菜单mPopupMenu.onOpenSubMenu((MenuBuilder) mSubMenu);        } else if (id == 111) {Toast.makeText(this, "您点击了编号为"+id+"的子菜单项", Toast.LENGTH_SHORT).show();        } else if (id == 112) {Toast.makeText(this, "您点击了编号为"+id+"的子菜单项", Toast.LENGTH_SHORT).show();        } else if (id == R.id.menu_quit) {finish();        }return true;}    }

ListPopupWindow

基本用法

ListPopupWindow也是在参照控件下方显示列表窗口，不同的是，它在展示上更加灵活，开发者可以自定义列表弹窗的大小与样式。
下面是ListPopupWindow的常用方法说明：
setAdapter : 设置下拉列表的数据适配器。
setModal : 设置显示模式。通常设置为true。
setWidth : 设置下拉列表窗口的宽度。
setHeight : 设置下拉列表窗口的高度。
setAnchorView : 设置下拉列表的参照控件。下拉列表在显示时将展现在参照控件的下方，注意：如果不设置参照控件就直接调用show函数，系统不知道要把下拉列表在何处展示，只能是异常退出了。
setDropDownGravity : 设置下拉列表的对齐方式。Gravity.START表示与参照控件左侧对齐，Gravity.END表示与参照控件右侧对齐。注意：该函数只在4.4.2及以上版本中使用。
setOnItemClickListener : 设置列表项的点击监听器。
show : 显示下拉列表窗口。
dismiss : 关闭下拉列表窗口。
setOnDismissListener : 设置下拉列表的关闭监听器。


ListPopupWindow与EditText结合使用，效果上有点类似AutoCompleteTextView，即都会在编辑框下方弹出文本列表可供选择。但它们之间也有明显的区别：AutoCompleteTextView一旦设置适配器，则它会根据编辑框的文本来自动调整文本列表；而ListPopupWindow的文本列表是固定的，不会自动调整。


下面是ListPopupWindow的代码示例：

import android.annotation.TargetApi;import android.app.Activity;import android.os.Build;import android.os.Bundle;import android.view.Gravity;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup.LayoutParams;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.EditText;import android.widget.ListPopupWindow;@TargetApi(Build.VERSION_CODES.KITKAT)public class ListPopupActivity extends Activity implements OnClickListener, OnItemClickListener {private EditText et_list;private ListPopupWindow mPopup;private String[] mGoodArray={"pencil", "potato", "peanut", "carrot", "cabbage", "cat"};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_list);et_list = (EditText) findViewById(R.id.et_list);et_list.setOnClickListener(this);Button btn_show_list = (Button) findViewById(R.id.btn_show_list);btn_show_list.setOnClickListener(this);mPopup = new ListPopupWindow(this);ArrayAdapter adapter = new ArrayAdapter(this, R.layout.spinner_item, mGoodArray);mPopup.setAdapter(adapter);mPopup.setWidth(LayoutParams.WRAP_CONTENT);mPopup.setHeight(LayoutParams.WRAP_CONTENT);mPopup.setModal(true);mPopup.setOnItemClickListener(this);}@Overridepublic void onClick(View v) {if (v.getId() == R.id.et_list) {if (Build.VERSION.SDK_INT >=  Build.VERSION_CODES.KITKAT) {mPopup.setDropDownGravity(Gravity.END);}mPopup.setAnchorView(v);mPopup.show();} else if (v.getId() == R.id.btn_show_list) {if (Build.VERSION.SDK_INT >=  Build.VERSION_CODES.KITKAT) {mPopup.setDropDownGravity(Gravity.START);}mPopup.setAnchorView(v);mPopup.show();}}@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {et_list.setText(mGoodArray[position]);et_list.setSelection(et_list.getText().length());mPopup.dismiss();}}

新旧ListPopupWindow的区别

v7-appcompat库中也提供了新版ListPopupWindow，据我观察在功能上没什么区别，主要是在弹窗的显示风格上有所差异，如旧版的ListPopupWindow有明显的窗口边框与边缘阴影，而新版的ListPopupWindow就没有窗口边框。


下面是旧版ListPopupWindow的UI，有窗口边框：



下面是新版ListPopupWindow的UI，没有窗口边框：

PopupMenu、ListPopupWindow和Spinner的区别

PopupMenu和ListPopupWindow同样都是列表弹窗，与spinnerMode="dropdown"的Spinner极其相似，都可以用来做下拉列表的选择弹窗，不过也有部分差异。下面是博主总结的它们之间的区别：
1、查看源码，会发现PopupMenu和Spinner内部都是使用ListPopupWindow实现下拉列表效果，所以ListPopupWindow是基础。
2、PopMenu的列表页面无法定制UI，只能显示光秃秃的文字；而ListPopupWindow和Spinner可以通过适配器来设置每项的布局风格，当然ListPopupWindow是最灵活的，不但可在左侧显示列表，还能在右侧显示列表。
3、PopMenu可通过子菜单实现多级菜单效果，而ListPopupWindow和Spinner只有一级列表。
4、ListPopupWindow和Spinner可以设置默认选中项，而PopMenu没有默认选中项。
5、Spinner既可以下拉列表来展示，也可以对话框来展示；而PopupMenu和ListPopupWindow只能以下拉列表展示。



点击下载本文用到的列表弹窗的工程代码



点此查看Android开发笔记的完整目录