Android自定義Dialogの仿ios系統(tǒng)底部菜單（自下而上彈出）

Android仿IOS系統(tǒng)底部菜單

對于項目中經(jīng)常用到的組件，進行了封裝，方便他人及自己的調(diào)用和管理，減少代碼的冗余，提高開發(fā)的效率我們項目中，減少重復制造輪子。

我的項目中，經(jīng)常用到底部自下而上彈出菜單選項，跟ios系統(tǒng)的底部菜單一樣的樣式，由于之前開發(fā)中，沒有對其進行封裝，因此，在與他人合作時，他自己也寫了一套去實現(xiàn)，導致重復制造輪子，同時代碼也難看，無法復用

因此，我對其進行封裝，采用自定義Dialog方式，需要提供他人方法有：

  • ArrayList<String> menuItem
    • 菜單選項
  • MenuItemOnClickListener onClickListener
    • 菜單選項點擊事件監(jiān)聽回調(diào)
    /**
     * 設置菜單item數(shù)據(jù)
     *
     * @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;
            }
        }
    }

這是需要調(diào)用者傳遞的參數(shù)，接下來是里面的實現(xiàn)

  • 繼承Dialog，同時初始化參數(shù)
 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參數(shù)，取消標題，寬度為屏幕寬度，高為包裹高度，同時設置好動畫，自下而上彈出，

注意！??！window的動畫需要寫在style里面，才能調(diào)用；

    /**
     * 初始化window參數(shù)
     */
    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);
    }

接著實現(xiàn)菜單，我采用的導入布局文件方式實現(xiàn)的，同時菜單選項為一個不能滑動listview列表，這樣擴展就高了，你數(shù)據(jù)有多少我就現(xiàn)實多少項

<?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實現(xiàn);根據(jù)不同下標，加載不同style,實現(xiàn)仿照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);
            }
        }
    }

自定義一個點擊事件監(jiān)聽回調(diào)，傳遞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);
        }

        /**
         * 菜單點擊事件回調(diào)
         *
         * @param v
         * @param item_index 點擊item的下標
         * @param item       點擊item的字符串
         */
        public abstract void onClickMenuItem(View v, int item_index, String item);
    }

至于style文件，我就不提供了，你們自己根據(jù)自己需求進行設計即可，在此寫這個目的，僅僅是提供自定義Dialog的思路

重復造輪子

我們?yōu)槭裁匆貜椭圃燧喿樱?br> 很簡單啊，因為現(xiàn)有的輪子不夠用啊。
開源的世界很精彩，開源的世界很無奈。
花了一個星期，分析了四個輪子，沒有一個合格的！
時間緊迫，先攢一個可用的輪子再說。
因為有現(xiàn)成的“半成品“輪子，不用從頭生產(chǎn)了。
從每個輪子身上拿點可用的零件，最后，一個新輪子就出來了。

后來，慢慢地， 這個輪子越來越適用。
再后來，我們生產(chǎn)了所有的輪子用的零件。
它成了我們專用的輪子了。
原來的臨時輪子怎么辦？
代碼整理一下，文檔完善一下，放出去吧，萬一有人和我們的需求差不多呢？
慢慢地，網(wǎng)上類似的輪子也越來越多。
半成品也越來越多。
有時候感覺可用的輪子挺多的，到最后發(fā)現(xiàn)都最假象。
不感慨了，依舊感謝開源。
這樣起碼，我們在做一個”網(wǎng)站“時，不用從”沙子“開始。
雖然，很多程序員都這么想過。

最后編輯于 ：
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容