前言
菜單是許多應用類型中常見的用戶界面組件，實現(xiàn)的方法有很多段审，本篇中對一些常用的控件或方法進行一個匯總全蝶。
三種基本菜單
Google在API開發(fā)指南中關于Menu的用法推薦了三種基本菜單的實現(xiàn)方法：選項菜單（OptionsMenu）、上下文菜單（ContextMenu）和彈出菜單（PopupMenu）。
選項菜單（OptionsMenu）
選項菜單是某個 Activity 的主菜單項抑淫， 供您放置對應用產(chǎn)生全局影響的操作绷落，如“搜索”、“撰寫電子郵件”和“設置”始苇。
選項菜單（OptionsMenu）
上下文菜單（ContextMenu）
上下文菜單是用戶長按某一元素時出現(xiàn)的浮動菜單砌烁， 它提供的操作將影響所選內(nèi)容或上下文框架。
上下文菜單（ContextMenu）
彈出菜單（PopupMenu）
彈出菜單將以垂直列表形式顯示一系列項目催式，這些項目將錨定到調(diào)用該菜單的視圖中函喉。 它特別適用于提供與特定內(nèi)容相關的大量操作，或者為命令的另一部分提供選項蓄氧。 彈出菜單中的操作不會直接影響對應的內(nèi)容函似，而上下文操作則會影響。 相反喉童，彈出菜單適用于與您 Activity 中的內(nèi)容區(qū)域相關的擴展操作撇寞。
彈出菜單（PopupMenu）
關于以上三種菜單的用法可以參看我的另一篇博客——Android推薦的三種基本菜單。
AlertDialog
AlertDialog是Dialog的一個子類堂氯，能夠提供最多三個Button的顯示（PositiveButton蔑担、NeutralButton和NegativeButton）。同時咽白，AlertDialog還提供了列表啤握、單選、多選等樣式晶框，并且支持自定義布局排抬。對話框不會填充屏幕，通常用于需要用戶采取行動才能繼續(xù)執(zhí)行的模式事件授段。
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統(tǒng)一管理漱抓。
DialogFragment
主要代碼如下：
//派生DialogFragment并重寫onCreateDialog方法表锻，實現(xiàn)自定義的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");
}
更多細節(jié)可以參看鴻神的博客Android 官方推薦 : DialogFragment 創(chuàng)建對話框。另乞娄，附上別人封裝的DialogFragment瞬逊，有興趣可以學習一下——Android 擼起袖子檐迟，自己封裝 DialogFragment。
PopupWindow
PopupWindow是一個顯示在當前Activity上面的码耐、能夠顯示任意視圖的彈出窗口。PopupWindow可以根據(jù)點擊事件指定顯示位置的溶其，更加靈活骚腥。雖然能用PopupWindow來實現(xiàn)Menu，但是顯示不夠美觀瓶逃，也缺少必要的過度動畫束铭，最起碼的水波紋效果都要自己在布局中添加，實現(xiàn)起來不如前面介紹的幾種方法簡單厢绝。
PopupWindow
主要代碼如下：
PopupWindow的布局popup_window_menu.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="4dp"
android:gravity="center">
<TextView
android:id="@+id/tv_option1"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center"
android:background="?android:attr/selectableItemBackground"
android:text="Option1"/>
<TextView
android:id="@+id/tv_option2"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center"
android:background="?android:attr/selectableItemBackground"
android:text="Option2"/>
<TextView
android:id="@+id/tv_option3"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center"
android:background="?android:attr/selectableItemBackground"
android:text="Option3"/>
</LinearLayout>
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契沫，默認寬度是屏幕寬度，常被用來展示列表昔汉。除了點擊空白區(qū)域懈万，在BottomSheetDialog 區(qū)域中向下滑動也可以對話框消失。
image.png
主要代碼邏輯如下：
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配合使用向上滑動還能顯示更多內(nèi)容靶病。
初始狀態(tài)
向上滑動后的狀態(tài)
BottomSheetDialog的布局文件bottom_sheet_dialog_menu.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/lv_bottom_sheet_dialog"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</ListView>
</LinearLayout>
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
Spinner實現(xiàn)菜單
具體用法詳見——Android：控件Spinner實現(xiàn)下拉列表会通。
小結(jié)
本文對常用的菜單的實現(xiàn)方法進行了匯總，對于每種方法都給出了最簡單的demo示例娄周，每個控件都有其各自的優(yōu)缺點涕侈，能實現(xiàn)的效果也各不相同，這些差異化就不在本文中討論了煤辨。當然了裳涛，方法不僅限于文中提到的這幾種，還有其它方法众辨，歡迎補充端三。
