前言
菜单是许多应用类型中常见的用户界面组件,实现的方法有很多,本篇中对一些常用的控件或方法进行一个汇总。
三种基本菜单
Google在API开发指南中关于Menu的用法推荐了三种基本菜单的实现方法:选项菜单(OptionsMenu)、上下文菜单(ContextMenu)和弹出菜单(PopupMenu)。
选项菜单(OptionsMenu)
选项菜单是某个 Activity 的主菜单项, 供您放置对应用产生全局影响的操作,如“搜索”、“撰写电子邮件”和“设置”。
上下文菜单(ContextMenu)
上下文菜单是用户长按某一元素时出现的浮动菜单, 它提供的操作将影响所选内容或上下文框架。
弹出菜单(PopupMenu)
弹出菜单将以垂直列表形式显示一系列项目,这些项目将锚定到调用该菜单的视图中。 它特别适用于提供与特定内容相关的大量操作,或者为命令的另一部分提供选项。 弹出菜单中的操作不会直接影响对应的内容,而上下文操作则会影响。 相反,弹出菜单适用于与您 Activity 中的内容区域相关的扩展操作。
关于以上三种菜单的用法可以参看我的另一篇博客——Android推荐的三种基本菜单。
AlertDialog
AlertDialog是Dialog的一个子类,能够提供最多三个Button的显示(PositiveButton、NeutralButton和NegativeButton)。同时,AlertDialog还提供了列表、单选、多选等样式,并且支持自定义布局。对话框不会填充屏幕,通常用于需要用户采取行动才能继续执行的模式事件。
主要代码如下:
private TextView mAlertDialog;
mAlertDialog = findViewById(R.id.tv_alert_dialog);
mAlertDialog.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
showAlertDialog();
}
});
private void showAlertDialog() {
String[] menuItems = new String[]{"Option1","Option2","Option3"};
AlertDialog.Builder alertDialog = new AlertDialog.Builder(mContext);
alertDialog.setItems(menuItems, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
Toast.makeText(mContext,"Option " + (i + 1),Toast.LENGTH_SHORT).show();
}
});
alertDialog.show();
}
具体用法详见android 8种对话框(Dialog)使用方法汇总中列表Dialog的写法。
DialogFragment
DialogFragment是一种特殊的Fragment,用于在Activity的窗口之上显示一个对话框窗口。通常被用来展示警告框,输入框,确认框等等。DialogFragment作为Fragment的子类,与Fragment有着一样的生命周期,由FragmentManager统一管理。
主要代码如下:
//派生DialogFragment并重写onCreateDialog方法,实现自定义的MenuDialogFragment
public class MenuDialogFragment extends DialogFragment {
private final static String TAG = "MenuDialogFragment";
private Context mContext;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mContext = getContext();
}
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
String[] menuItems = new String[]{"Option1","Option2","Option3"};
AlertDialog.Builder alertDialog = new AlertDialog.Builder(mContext);
alertDialog.setItems(menuItems, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
Toast.makeText(mContext,"Option " + (i + 1),Toast.LENGTH_SHORT).show();
}
});
return alertDialog.create();
}
}
//点击TextView的时候显示
private TextView mDialogFragment;
mDialogFragment = findViewById(R.id.tv_dialog_fragment);
mDialogFragment.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
showDialogFragment();
}
});
private void showDialogFragment() {
MenuDialogFragment menuDialogFragment = new MenuDialogFragment();
menuDialogFragment.show(getFragmentManager(),"menu_dialog_fragment");
}
更多细节可以参看鸿神的博客Android 官方推荐 : DialogFragment 创建对话框。另,附上别人封装的DialogFragment,有兴趣可以学习一下——Android 撸起袖子,自己封装 DialogFragment。
PopupWindow
PopupWindow是一个显示在当前Activity上面的、能够显示任意视图的弹出窗口。PopupWindow可以根据点击事件指定显示位置的,更加灵活。虽然能用PopupWindow来实现Menu,但是显示不够美观,也缺少必要的过度动画,最起码的水波纹效果都要自己在布局中添加,实现起来不如前面介绍的几种方法简单。
主要代码如下:
PopupWindow的布局popup_window_menu.xml
private TextView mPopupWindow;
mPopupWindow = findViewById(R.id.tv_popup_window);
mPopupWindow.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
showPopupWindow();
}
});
private void showPopupWindow() {
final PopupWindow popupWindow = new PopupWindow(mContext);
View view = LayoutInflater.from(mContext).inflate(R.layout.popup_window_menu,null);
TextView menuItem1 = view.findViewById(R.id.tv_option1);
menuItem1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(mContext,"Option 1",Toast.LENGTH_SHORT).show();
if(popupWindow != null) {
popupWindow.dismiss();
}
}
});
TextView menuItem2 = view.findViewById(R.id.tv_option2);
menuItem2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(mContext,"Option 2",Toast.LENGTH_SHORT).show();
if(popupWindow != null) {
popupWindow.dismiss();
}
}
});
TextView menuItem3 = view.findViewById(R.id.tv_option3);
menuItem3.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(mContext,"Option 3",Toast.LENGTH_SHORT).show();
if(popupWindow != null) {
popupWindow.dismiss();
}
}
});
popupWindow.setContentView(view);
popupWindow.setWidth(480);
popupWindow.setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
popupWindow.setBackgroundDrawable(new ColorDrawable(0xffffffff));
popupWindow.setTouchable(true);
popupWindow.setOutsideTouchable(true);
if(!popupWindow.isShowing()) {
popupWindow.showAtLocation(mPopupWindow,Gravity.CENTER,0,0);
}
}
BottomSheetDialog
BottomSheetDialog是一种显示在底部的Dialog,默认宽度是屏幕宽度,常被用来展示列表。除了点击空白区域,在BottomSheetDialog 区域中向下滑动也可以对话框消失。
主要代码逻辑如下:
private TextView mBottomSheetDialog;
mBottomSheetDialog = findViewById(R.id.tv_bottom_sheet_dialog);
mBottomSheetDialog.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
showBottomSheetDialog();
}
});
private void showBottomSheetDialog() {
final BottomSheetDialog bottomSheetDialog = new BottomSheetDialog(mContext);
View view = LayoutInflater.from(mContext).inflate(R.layout.popup_window_menu, null);
TextView menuItem1 = view.findViewById(R.id.tv_option1);
menuItem1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(mContext,"Option 1",Toast.LENGTH_SHORT).show();
if(bottomSheetDialog != null) {
bottomSheetDialog.dismiss();
}
}
});
TextView menuItem2 = view.findViewById(R.id.tv_option2);
menuItem2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(mContext,"Option 2",Toast.LENGTH_SHORT).show();
if(bottomSheetDialog != null) {
bottomSheetDialog.dismiss();
}
}
});
TextView menuItem3 = view.findViewById(R.id.tv_option3);
menuItem3.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(mContext,"Option 3",Toast.LENGTH_SHORT).show();
if(bottomSheetDialog != null) {
bottomSheetDialog.dismiss();
}
}
});
bottomSheetDialog.setContentView(view);
bottomSheetDialog.setCancelable(true);
bottomSheetDialog.setCanceledOnTouchOutside(true);
bottomSheetDialog.show();
}
与ListView或RecyclerView配合使用向上滑动还能显示更多内容。
BottomSheetDialog的布局文件bottom_sheet_dialog_menu.xml
private TextView mBottomSheetDialog;
mBottomSheetDialog = findViewById(R.id.tv_bottom_sheet_dialog);
mBottomSheetDialog.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
showBottomSheetDialogWithListView();
}
});
private void showBottomSheetDialogWithListView() {
final BottomSheetDialog dialog=new BottomSheetDialog(mContext);
View view = LayoutInflater.from(mContext)
.inflate(R.layout.bottom_sheet_dialog_menu,null);
ListView listView= view.findViewById(R.id.lv_bottom_sheet_dialog);
String[] array=new String[]{"item-0","item-1","item-2","item-3","item-4","item-5","item-6","item-7","item-8",
"item-9","item-10","item-11","item-12","item-13","item-14","item-15"};
ArrayAdapter adapter=new ArrayAdapter(mContext,android.R.layout.simple_list_item_1,array);
listView.setAdapter(adapter);
dialog.setContentView(view);
dialog.show();
}
其它方法
-
Spinner
具体用法详见——Android:控件Spinner实现下拉列表。
小结
本文对常用的菜单的实现方法进行了汇总,对于每种方法都给出了最简单的demo示例,每个控件都有其各自的优缺点,能实现的效果也各不相同,这些差异化就不在本文中讨论了。当然了,方法不仅限于文中提到的这几种,还有其它方法,欢迎补充。
Demo