Android仿IOS系統底部菜單
對于項目中經常用到的組件，進行了封裝，方便他人及自己的調用和管理，減少代碼的冗余，提高開發的效率我們項目中，減少重復制造輪子。
我的項目中，經常用到底部自下而上彈出菜單選項，跟ios系統的底部菜單一樣的樣式，由于之前開發中，沒有對其進行封裝，因此，在與他人合作時，他自己也寫了一套去實現，導致重復制造輪子，同時代碼也難看，無法復用
因此，我對其進行封裝，采用自定義Dialog方式，需要提供他人方法有：
- ArrayList<String> menuItem
- 菜單選項
- MenuItemOnClickListener onClickListener
- 菜單選項點擊事件監聽回調
/**
* 設置菜單item數據
*
* @param menuItem
*/
public void setMenuItem(ArrayList<String> menuItem) {
mMenuItem = menuItem;
if (mMenuItemOnClickListener != null) {
mMenuItemOnClickListener.dialog = this;
mMenuItemOnClickListener.mMenuItem = menuItem;
}
mAdapter = new MenuItemAdapter(mContext, menuItem);
mListview.setAdapter(mAdapter);
}
/**
* 設置菜單item點擊事件
*
* @param menuItemOnClickListener
*/
public void setmMenuItemOnClickListener(MenuItemOnClickListener menuItemOnClickListener) {
this.mMenuItemOnClickListener = menuItemOnClickListener;
if (menuItemOnClickListener != null) {
menuItemOnClickListener.dialog = this;
if (menuItemOnClickListener.mMenuItem == null || menuItemOnClickListener.mMenuItem.isEmpty()) {
menuItemOnClickListener.mMenuItem = mMenuItem;
}
}
}
這是需要調用者傳遞的參數，接下來是里面的實現
- 繼承Dialog，同時初始化參數
public DialogBottomMenu(Context context) {
this(context, null);
}
public DialogBottomMenu(Context context, ArrayList<String> menuItem) {
this(context, menuItem, null);
}
public DialogBottomMenu(Context context, ArrayList<String> menuItem, MenuItemOnClickListener menuItemOnClickListener) {
super(context);
mContext = context;
mMenuItem = menuItem;
mMenuItemOnClickListener = menuItemOnClickListener;
init();
}
private void init() {
initWindow();
View contentView = View.inflate(mContext, R.layout.layout_dialog_bottom_menu, null);
setCanceledOnTouchOutside(true);
setContentView(contentView);
mListview = (NoScrollListView) contentView.findViewById(R.id.lv);
TextView tvCancel = (TextView) contentView.findViewById(R.id.tv_cancel);
tvCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dismiss();
}
});
setMenuItem(mMenuItem);
}
由于是Dialog，需要自定義window參數，取消標題，寬度為屏幕寬度，高為包裹高度，同時設置好動畫，自下而上彈出，
注意！！！window的動畫需要寫在style里面，才能調用；
/**
* 初始化window參數
*/
private void initWindow() {
requestWindowFeature(Window.FEATURE_NO_TITLE); // 取消標題
Window dialogWindow = getWindow();
dialogWindow.getDecorView().setPadding(0, 0, 0, 0);
dialogWindow.setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
dialogWindow.setBackgroundDrawableResource(android.R.color.transparent);
dialogWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN | WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);
WindowManager.LayoutParams lp = dialogWindow.getAttributes();
DisplayMetrics d = mContext.getResources().getDisplayMetrics();
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
lp.gravity = Gravity.BOTTOM;
dialogWindow.setAttributes(lp);
// 設置顯示動畫
dialogWindow.setWindowAnimations(R.style.main_menu_animstyle);
}
接著實現菜單，我采用的導入布局文件方式實現的，同時菜單選項為一個不能滑動listview列表，這樣擴展就高了，你數據有多少我就現實多少項
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:paddingRight="10dp"
android:paddingLeft="10dp"
android:orientation="vertical">
<com.kingpeng.common_lib.view.NoScrollListView
android:id="@+id/lv"
style="@style/list_common_style"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tv_cancel"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginBottom="10dp"
android:layout_marginTop="15dp"
android:background="@drawable/bottom_menu_item_dialog_bg"
android:gravity="center"
android:text="取消"
android:textColor="#5b729a"
android:textSize="18dp"
tools:text="取消" />
</LinearLayout>
listview 的 item布局
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:id="@+id/ly_item"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bottom_menu_item_dialog_bg2"
android:orientation="vertical">
<TextView
android:id="@+id/tv_item"
android:layout_width="match_parent"
android:layout_height="50dp"
android:gravity="center"
android:textColor="#5b729a"
android:textSize="18sp"
tools:text="呵呵" />
<View
android:id="@+id/view_line"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:background="#e2e3e5" />
</LinearLayout>
</FrameLayout>
listview 的adapter實現;根據不同下標，加載不同style,實現仿照ios的UI
private class MenuItemAdapter extends BaseAdapter<String> {
public MenuItemAdapter(Context context) {
super(context);
}
public MenuItemAdapter(Context context, List<String> list) {
super(context, list);
}
@Override
public int getContentView() {
return R.layout.layout_dialog_bottom_menu_item;
}
@Override
public void onInitView(View view, int position) {
View ly_item = get(view, R.id.ly_item);
TextView tv_item = get(view, R.id.tv_item);
View view_line = get(view, R.id.view_line);
view_line.setVisibility(View.VISIBLE);
if (getCount() == 1 && position == 0) {
ly_item.setBackgroundResource(R.drawable.bottom_menu_item_dialog_bg);
view_line.setVisibility(View.GONE);
} else if (position == 0) {
ly_item.setBackgroundResource(R.drawable.bottom_menu_item_dialog_bg3);
} else if (position == getCount() - 1) {
ly_item.setBackgroundResource(R.drawable.bottom_menu_item_dialog_bg4);
view_line.setVisibility(View.GONE);
} else {
ly_item.setBackgroundResource(R.drawable.bottom_menu_item_dialog_bg2);
}
List<String> list = getList();
tv_item.setText(list.get(position));
ly_item.setTag(position);
if (mMenuItemOnClickListener != null) {
ly_item.setOnClickListener(mMenuItemOnClickListener);
}
}
}
自定義一個點擊事件監聽回調，傳遞view,item_index,item;
public static abstract class MenuItemOnClickListener implements View.OnClickListener {
public Dialog dialog;
public ArrayList<String> mMenuItem;
@Override
public void onClick(View v) {
if (dialog != null && dialog.isShowing()) {
dialog.dismiss();
}
int index = -1;
String item = "";
if (mMenuItem != null && !mMenuItem.isEmpty()) {
index = (int) v.getTag();
item = mMenuItem.get(index);
}
onClickMenuItem(v, index, item);
}
/**
* 菜單點擊事件回調
*
* @param v
* @param item_index 點擊item的下標
* @param item 點擊item的字符串
*/
public abstract void onClickMenuItem(View v, int item_index, String item);
}
至于style文件，我就不提供了，你們自己根據自己需求進行設計即可，在此寫這個目的，僅僅是提供自定義Dialog的思路
重復造輪子
我們為什么要重復制造輪子？
很簡單啊，因為現有的輪子不夠用啊。
開源的世界很精彩，開源的世界很無奈。
花了一個星期，分析了四個輪子，沒有一個合格的！
時間緊迫，先攢一個可用的輪子再說。
因為有現成的“半成品“輪子，不用從頭生產了。
從每個輪子身上拿點可用的零件，最后，一個新輪子就出來了。
后來，慢慢地， 這個輪子越來越適用。
再后來，我們生產了所有的輪子用的零件。
它成了我們專用的輪子了。
原來的臨時輪子怎么辦？
代碼整理一下，文檔完善一下，放出去吧，萬一有人和我們的需求差不多呢？
慢慢地，網上類似的輪子也越來越多。
半成品也越來越多。
有時候感覺可用的輪子挺多的，到最后發現都最假象。
不感慨了，依舊感謝開源。
這樣起碼，我們在做一個”網站“時，不用從”沙子“開始。
雖然，很多程序員都這么想過。
