Android UI篇——DialogFragment系列五之ItemDialog(eg:BottomDialog)實現(xiàn)

《DialogFragment系列一之源碼分析》
《DialogFragment系列二之Dialog封裝》
《DialogFragment系列三之AlertDialog實現(xiàn)》
《DialogFragment系列四之StatusDialog(Progress、Success、Error)實現(xiàn)》
《DialogFragment系列五之ItemDialog(eg:BottomDialog)實現(xiàn)》
《DialogFragment系列六之常見問題》

關(guān)于DialogFragment的文章已經(jīng)好幾篇了,因為最近項目使用到彈框的地方比較多,所以就自定義了一系列。今天做了一個分享功能【微信好友分享、朋友圈分享、收藏】(可以配合此彈出框跑通分享功能),需要用到底部彈框(BottomDialog),寫了一個再和大家分享交流。

自定義時盡量是使其應(yīng)用范圍比較廣,例如不僅可以底部顯示,還可以中間顯示甚至底部顯示,不僅可以列表顯示,還可以網(wǎng)格顯示,總之遵從使其擴展性更高的原則,下面先看一下效果圖,再分析一下代碼。

效果圖:

ItemDialog.png

代碼實現(xiàn):

public class ItemDialog extends Dialog implements BaseViewHolder.OnItemClickListener<ItemBean> {
    private DialogParams mDialogParams;

    private ItemDialog() {
        mDialogParams = new DialogParams();
    }

    public static Builder with(AppCompatActivity activity) {
        return new Builder(activity);
    }

    @Override
    protected int setLayoutRes() {
        return R.layout.dialog_item;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        if (mDialogParams.backgroundColor != -1 && mDialogParams.backgroundColor != 0) {
            view.setBackgroundColor(getContext().getResources().getColor(mDialogParams.backgroundColor));
        }
        RecyclerView recDialogItemShow = view.findViewById(R.id.rec_dialog_item_show);
        recDialogItemShow.setHasFixedSize(true);
        switch (mDialogParams.showType) {
            case ShowType.LIST:
                recDialogItemShow.setLayoutManager(new LinearLayoutManager(getContext()));
                break;
            case ShowType.GRID:
                recDialogItemShow.setLayoutManager(new GridLayoutManager(getContext(), mDialogParams.spanCount));
                break;
        }
        ItemDialogAdapter adapter = new ItemDialogAdapter(getContext(), R.layout.item_item_dialog, null);
        recDialogItemShow.setAdapter(adapter);
        adapter.setOnItemClickListener(this);
        adapter.refreshAdapter(mDialogParams.data);
    }

    @Override
    protected boolean setCancelable() {
        return mDialogParams.isCancelable;
    }

    @Override
    protected int setGravity() {
        return mDialogParams.gravity;
    }

    @Override
    protected int setAnimations() {
        return mDialogParams.animations;
    }

    @Override
    public void onItemClick(BaseViewHolder viewHolder, int position, ItemBean itemData, Object type) {
        if (mDialogParams.onItemClickListener != null) {
            dismiss();
            mDialogParams.onItemClickListener.onItemClick(position, itemData);
        }
    }

    @Override
    public void onItemLongClick(BaseViewHolder viewHolder, int position, ItemBean itemData, Object type) {

    }

    public class DialogParams {
        /**
         * 是否可以點擊外部dismiss
         */
        boolean isCancelable = true;
        /**
         * 展示類型
         */
        @ShowType
        int showType = -1;
        /**
         * Grid形式展示時每行顯示的數(shù)量
         */
        int spanCount = -1;
        /**
         * 展示數(shù)據(jù)
         */
        List<ItemBean> data;
        /**
         * 監(jiān)聽
         */
        OnItemClickListener onItemClickListener;
        /**
         * 位置
         *
         * @see android.view.Gravity
         */
        int gravity = -1;
        /**
         * 背景顏色
         */
        int backgroundColor = -1;
        /**
         * 動畫
         */
        int animations = -1;
    }

    public static class Builder {
        AppCompatActivity activity;
        DialogParams P;
        ItemDialog dialog;

        public Builder(AppCompatActivity activity) {
            dialog = new ItemDialog();
            this.P = dialog.mDialogParams;
            this.activity = activity;
        }

        public Builder setShowType(@ShowType int val) {
            P.showType = val;
            return this;
        }

        public Builder setSpanCount(int val) {
            P.spanCount = val;
            return this;
        }

        public Builder setData(@NonNull List<ItemBean> val) {
            P.data = val;
            return this;
        }

        public Builder setOnItemClickListener(@NonNull OnItemClickListener val) {
            P.onItemClickListener = val;
            return this;
        }

        public Builder setCancelable(boolean val) {
            P.isCancelable = val;
            return this;
        }

        public Builder setGravity(int val) {
            P.gravity = val;
            return this;
        }

        public Builder setBackgroundColor(@ColorRes int val) {
            P.backgroundColor = val;
            return this;
        }

        public Builder setAnimations(@StyleRes int val) {
            P.animations = val;
            return this;
        }

        public ItemDialog show() {
            if (P.data == null) {
                throw new IllegalArgumentException("Please set data");
            }

            if (P.showType == -1) {
                throw new IllegalArgumentException("Please set showType");
            }

            dialog.show(activity);
            return dialog;
        }
    }

    public @interface ShowType {

        int LIST = 0x000000051;

        int GRID = 0x000000061;

    }

    public interface OnItemClickListener {
        void onItemClick(int position, ItemBean itemData);
    }
}

還是使用構(gòu)造者模式,還是extends Dialog,布局使用了RecyclerView,支持List和Grid顯示,Grid顯示時可以定義每行顯示的個數(shù),對每一個Item進(jìn)行了Click監(jiān)聽并設(shè)置了回調(diào)接口(所以就起了個ItemDialog);支持上中下位置顯示setGravity(),支持自定義動畫等。

使用方式(詳情請點擊)

public void showItemDialog() {
        List<ItemBean> itemBeanList = Utils.getItemBeanList();
        ItemDialog.with(MainActivity.this)
                .setCancelable(true)
                .setData(itemBeanList)
                .setOnItemClickListener(new ItemDialog.OnItemClickListener() {
                    @Override
                    public void onItemClick(int position, ItemBean itemData) {
                        showSuccessDialog();
                    }
                })
                .setSpanCount(itemBeanList.size())
                .setAnimations(R.style.Dialog_Anim_Bottom_In_Bottom_Out)
                .setGravity(Gravity.BOTTOM)
                .setShowType(ItemDialog.ShowType.GRID)
                .show();
 }

后記:

在寫博客的時候發(fā)現(xiàn)還可以將Adapter抽出來,這樣就可以靈活定義布局,感興趣的同學(xué)可以抽取一下!

讀者有問或其他觀點請留言交流,共同進(jìn)步!

源碼Github傳送門,覺得不錯就給個star吧,謝謝!

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

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

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