Android自定义Dialogの仿ios系统底部菜单(自下而上弹出)

Android自定义Dialogの仿ios系统底部菜单(自下而上弹出)_第1张图片
Android仿IOS系统底部菜单

对于项目中经常用到的组件,进行了封装,方便他人及自己的调用和管理,减少代码的冗余,提高开发的效率我们项目中,减少重复制造轮子。

我的项目中,经常用到底部自下而上弹出菜单选项,跟ios系统的底部菜单一样的样式,由于之前开发中,没有对其进行封装,因此,在与他人合作时,他自己也写了一套去实现,导致重复制造轮子,同时代码也难看,无法复用

因此,我对其进行封装,采用自定义Dialog方式,需要提供他人方法有:

  • ArrayList menuItem
    • 菜单选项
  • MenuItemOnClickListener onClickListener
    • 菜单选项点击事件监听回调
    /**
     * 设置菜单item数据
     *
     * @param menuItem
     */
    public void setMenuItem(ArrayList 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 menuItem) {
        this(context, menuItem, null);
    }

    public DialogBottomMenu(Context context, ArrayList 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列表,这样扩展就高了,你数据有多少我就现实多少项




    

    

listview 的 item布局




    

        

        

    



listview 的adapter实现;根据不同下标,加载不同style,实现仿照ios的UI

private class MenuItemAdapter extends BaseAdapter {

        public MenuItemAdapter(Context context) {
            super(context);
        }

        public MenuItemAdapter(Context context, List 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 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 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的思路

Android自定义Dialogの仿ios系统底部菜单(自下而上弹出)_第2张图片
重复造轮子

我们为什么要重复制造轮子?
很简单啊,因为现有的轮子不够用啊。
开源的世界很精彩,开源的世界很无奈。
花了一个星期,分析了四个轮子,没有一个合格的!
时间紧迫,先攒一个可用的轮子再说。
因为有现成的“半成品“轮子,不用从头生产了。
从每个轮子身上拿点可用的零件,最后,一个新轮子就出来了。

后来,慢慢地, 这个轮子越来越适用。
再后来,我们生产了所有的轮子用的零件。
它成了我们专用的轮子了。
原来的临时轮子怎么办?
代码整理一下,文档完善一下,放出去吧,万一有人和我们的需求差不多呢?
慢慢地,网上类似的轮子也越来越多。
半成品也越来越多。
有时候感觉可用的轮子挺多的,到最后发现都最假象。
不感慨了,依旧感谢开源。
这样起码,我们在做一个”网站“时,不用从”沙子“开始。
虽然,很多程序员都这么想过。

你可能感兴趣的:(Android自定义Dialogの仿ios系统底部菜单(自下而上弹出))