《DialogFragment系列一之源碼分析》
《DialogFragment系列二之Dialog封裝》
《DialogFragment系列三之AlertDialog實現(xiàn)》
《DialogFragment系列四之StatusDialog(Progress网棍、Success奠涌、Error)實現(xiàn)》
《DialogFragment系列五之ItemDialog(eg:BottomDialog)實現(xiàn)》
《DialogFragment系列六之常見問題》
關于DialogFragment的文章已經(jīng)好幾篇了,因為最近項目使用到彈框的地方比較多西篓,所以就自定義了一系列议谷。今天做了一個分享功能【微信好友分享炉爆、朋友圈分享、收藏】(可以配合此彈出框跑通分享功能),需要用到底部彈框(BottomDialog)芬首,寫了一個再和大家分享交流赴捞。
自定義時盡量是使其應用范圍比較廣,例如不僅可以底部顯示郁稍,還可以中間顯示甚至底部顯示赦政,不僅可以列表顯示,還可以網(wǎng)格顯示耀怜,總之遵從使其擴展性更高的原則恢着,下面先看一下效果圖,再分析一下代碼财破。
效果圖:
代碼實現(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);
}
}
還是使用構造者模式掰派,還是extends Dialog,布局使用了RecyclerView左痢,支持List和Grid顯示靡羡,Grid顯示時可以定義每行顯示的個數(shù),對每一個Item進行了Click監(jiān)聽并設置了回調接口(所以就起了個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抽出來定页,這樣就可以靈活定義布局趟薄,感興趣的同學可以抽取一下!
讀者有問或其他觀點請留言交流拯勉,共同進步竟趾!