Android开发 BottomSheetDialogFragment底部弹出的对话框

皋鹏發表於 2020-5-8 17:04:00

Android开发 BottomSheetDialogFragment底部弹出的对话框

<h1>前言</h1>
　　 BottomSheetDialogFragment是基于DialogFragment封装的，如果你不太了解DialogFragment，可以参考另一篇博客Android开发 DialogFragment对话框详解
<h1>基本使用代码</h1>
<pre class="highlighter-hljs" data-dark-theme="true"><code>import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.google.android.material.bottomsheet.BottomSheetDialogFragment
import com.lwlx.ui.main.databinding.MainDialogSelectBinding

class MyBottomSheetDialogFragment: BottomSheetDialogFragment() {
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
 val binding = MainDialogSelectBinding.inflate(inflater)
 return binding.root
}

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
 super.onViewCreated(view, savedInstanceState)
}
}</code></pre>
<h2>显示对话框</h2>
<pre class="highlighter-hljs" data-dark-theme="true"><code>private fun showDeleteTipsDialog(){
val dialog = MyBottomSheetDialogFragment()
dialog.show(supportFragmentManager, "a")
}</code></pre>
<h1>自定义DialogFragment实现底部弹出对话框</h1>
这个例子其实之前这个博客原来的内容，但是因为后续有了BottomSheetDialogFragment，所以自己实现其实没有意义了。但是保留代码可以大家一个参考，你可以举一反三实现其他位置的对话框弹出。
<h2>效果图</h2>
<img src="https://img2020.cnblogs.com/blog/1497956/202005/1497956-20200508165329365-1783240948.png" alt="">
<h2>代码部分</h2>
dialog_bottom_single.xml
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/root_layout"
android:background="@drawable/bg_while_rectangle_radius">

<TextView
 android:id="@+id/left_btn"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:gravity="left|center_vertical"
 android:paddingLeft="25dp"
 android:paddingTop="13dp"
 android:paddingBottom="13dp"
 android:textColor="@color/color_181818"
 android:textSize="18sp"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toLeftOf="@id/title" />

<TextView
 android:id="@+id/title"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:gravity="center"
 android:paddingTop="13dp"
 android:paddingBottom="13dp"
 android:singleLine="true"
 android:textColor="@color/color_181818"
 android:textSize="18sp"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintLeft_toRightOf="@id/left_btn"
 app:layout_constraintRight_toLeftOf="@id/right_btn" />

<TextView
 android:id="@+id/right_btn"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 android:gravity="right|center_vertical"
 android:paddingTop="13dp"
 android:paddingRight="25dp"
 android:paddingBottom="13dp"
 android:textColor="@color/color_181818"
 android:textSize="18sp"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintLeft_toRightOf="@id/title"
 app:layout_constraintRight_toRightOf="parent" />

<View
 android:id="@+id/line"
 android:layout_width="0dp"
 android:layout_height="1dp"
 android:background="@color/color_72"
 app:layout_constraintTop_toBottomOf="@id/title"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"/>

<ListView
 android:id="@+id/content_list"
 android:layout_width="0dp"
 android:layout_height="wrap_content"
 app:layout_constraintTop_toBottomOf="@id/line"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout></pre>
</div>
bg_while_rectangle_radius.xml
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/ColorWhite"/>
<corners android:topLeftRadius="10dp" android:topRightRadius="10dp"/>

</shape></pre>
</div>
<h2>Java代码部分</h2>
<div class="cnblogs_code">
<pre>import android.content.Context;
import android.content.DialogInterface;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.constraintlayout.widget.ConstraintLayout;
import androidx.fragment.app.DialogFragment;

import net.wt.gate.R;

import java.util.List;

/**
* content: 底部显示的单选对话框
* time: 2020-3-16
*
* @author: zhouqiang
*/
public class BottomSingleDialog<T> extends DialogFragment {
private ConstraintLayout mRootLayout;
private TextView mLeftBtn;
private TextView mTitle;
private TextView mRightBtn;
private ListView mContentList;
private OnBuildView mOnBuildView;
private OnBottomSingleDialogListener<T> mListener;
private BottomSingleDialogAdapter<T> mAdapter;
private String mTitleContent;
private String mLeftContent;
private String mRightContent;
private int mSelectedPosition;

private BottomSingleDialog() {

}

public BottomSingleDialog(Context context, String title, String left, String right, int resource, @NonNull List<T> dataList, OnBuildView<T> onBuildView) {
 mTitleContent = title;
 mLeftContent = left;
 mRightContent = right;
 mOnBuildView = onBuildView;
 mAdapter = new BottomSingleDialogAdapter<T>(context, resource, dataList);

}

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
 return inflater.inflate(R.layout.dialog_bottom_single, container, false);
}

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
 super.onViewCreated(view, savedInstanceState);
 mRootLayout = (ConstraintLayout) view.findViewById(R.id.root_layout);
 mLeftBtn = (TextView) view.findViewById(R.id.left_btn);
 mTitle = (TextView) view.findViewById(R.id.title);
 mRightBtn = (TextView) view.findViewById(R.id.right_btn);
 mContentList = (ListView) view.findViewById(R.id.content_list);
 mContentList.setAdapter(mAdapter);

 if (!TextUtils.isEmpty(mTitleContent)) {
 mTitle.setText(mTitleContent);

 }
 if (!TextUtils.isEmpty(mLeftContent)) {
 mLeftBtn.setText(mLeftContent);

 }
 if (!TextUtils.isEmpty(mRightContent)) {
 mRightBtn.setText(mRightContent);

 }
 initListener();
 if (mListener != null) {
 mListener.onViewCreated(view, this);
 }

}

@Override
public void onStart() {
 super.onStart();
 WindowManager.LayoutParams params = getDialog().getWindow().getAttributes();
 params.width = ViewGroup.LayoutParams.MATCH_PARENT;//设置宽度为铺满
 params.gravity = Gravity.BOTTOM;
 getDialog().getWindow().setAttributes((WindowManager.LayoutParams) params);
 getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(getContext().getResources().getColor(R.color.transparent)));
}

@Override
public void onResume() {
 super.onResume();
}

@Override
public void onStop() {
 super.onStop();
}

@Override
public void onDestroy() {
 super.onDestroy();
}

public ConstraintLayout getRootLayout() {
 return mRootLayout;
}

public TextView getLeftBtn() {
 return mLeftBtn;
}

public TextView getTitle() {
 return mTitle;
}

public TextView getRightBtn() {
 return mRightBtn;
}

public void setOnBottomSingleDialogListener(OnBottomSingleDialogListener<T> listener) {
 mListener = listener;
}

/**
* 设置选中item
*
* @param position
*/
public void setSelectedItem(int position) {
 mSelectedPosition = position;
 if (mAdapter == null) {
 return;
 }
 mAdapter.notifyDataSetChanged();
}

/**
* 更新列表内容
*/
public void listNotifyDataSetChanged() {
 if (mAdapter == null) {
 return;
 }
 mAdapter.notifyDataSetChanged();
}

/**
* 设置指定item数量的高度
*
* @param targetCount
*/
public void setItemCountHeight(int targetCount) {
 mContentList.post(new Runnable() {
 @Override
 public void run() {
 View view = mContentList.getChildAt(0);
 if (view == null) {
 return;
 }
 if (mContentList.getCount() < targetCount) {
 return;
 }
 ViewGroup.LayoutParams layoutParams = mContentList.getLayoutParams();
 layoutParams.height = view.getHeight() * targetCount;
 mContentList.setLayoutParams(layoutParams);
 }
 });
}

/**
* 设置是否点击外部取消Dialog
* @param isCanceledOnTouchOutside
*/
public void setCanceledOnTouchOutside(boolean isCanceledOnTouchOutside) {
 if (getDialog() != null) {
 getDialog().setCanceledOnTouchOutside(isCanceledOnTouchOutside);
 }
}

private void initListener() {
 mLeftBtn.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 if (mListener != null) {
 mListener.onClickLeftBtn(BottomSingleDialog.this);
 }
 }
 });
 mRightBtn.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 if (mListener != null) {
 mListener.onClickRightBtn(BottomSingleDialog.this);
 }
 }
 });
 getDialog().setOnCancelListener(new DialogInterface.OnCancelListener() {
 @Override
 public void onCancel(DialogInterface dialog) {
 if (mListener != null) {
 mListener.onCancel(BottomSingleDialog.this);
 }

 }
 });
 mContentList.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 @Override
 public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
 if (mListener != null) {
 mListener.onClickItem(position, view, BottomSingleDialog.this);
 }
 }
 });

}

public abstract static class OnBottomSingleDialogListener<T> {
 /**
 * 对话框View在创建的时候回调，在这个回调里，你可以修改对话框所有View的Ui效果
 *
 * @param view
 * @param dialog
 */
 public void onViewCreated(View view, BottomSingleDialog<T> dialog) {

 }

 /**
 * 左边按钮点击
 *
 * @param dialog
 */
 public void onClickLeftBtn(BottomSingleDialog<T> dialog) {

 }

 /**
 * 右边按钮点击
 *
 * @param dialog
 */
 public void onClickRightBtn(BottomSingleDialog<T> dialog) {

 }

 /**
 * 点击ListView中的item
 *
 * @param position 点击位置
 * @param itemView 点击itemView
 * @param dialog
 */
 public void onClickItem(int position, View itemView, BottomSingleDialog<T> dialog) {

 }

 /**
 * 对话框取消
 *
 * @param dialog
 */
 public void onCancel(BottomSingleDialog<T> dialog) {

 }

}

public interface OnBuildView<T> {
 /**
 * 组装view并且返回
 *
 * @param position 当前位置
 * @param selectedPosition 当前选中item位置
 * @param parent 父类布局
 * @param layoutRes 导入的布局id
 * @param dataList 导入数据集合
 * @return
 */
 View onBuildView(int position, int selectedPosition, @NonNull ViewGroup parent, int layoutRes, List<T> dataList);
}

public class BottomSingleDialogAdapter<T> extends ArrayAdapter<T> {
 private int layoutRes = 0;
 private List<T> list;

 public BottomSingleDialogAdapter(@NonNull Context context, int resource, @NonNull List<T> objects) {
 super(context, resource, objects);
 layoutRes = resource;
 this.list = objects;
 }

 @NonNull
 @Override
 public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
 if (mOnBuildView != null) {
 return mOnBuildView.onBuildView(position, mSelectedPosition, parent, layoutRes, list);
 }
 return super.getView(position, convertView, parent);
 }
}
}</pre>
</div>
<h1>使用例子</h1>
<div class="cnblogs_code">
<pre>private void initAllReadDialog() {
List<String> list = new ArrayList<>();
list.add(getString(R.string.mark_all_as_read));
list.add(getString(R.string.cancel));
mAllReadDialog = new BottomSingleDialog<String>(getContext(),
 getString(R.string.mark_all_notifications_of_a_message_as_read),
 "",
 "",
 R.layout.item_all_read_dialog,
 list, new BottomSingleDialog.OnBuildView<String>() {
 @Override
 public View onBuildView(int position, int selectedPosition, @NonNull ViewGroup parent, int layoutRes, List<String> dataList) {
 View view = LayoutInflater.from(parent.getContext()).inflate(layoutRes, parent, false);
 TextView textView = view.findViewById(R.id.text);
 textView.setText(dataList.get(position));
 if (position == 0) {
 textView.setTextColor(getResources().getColor(R.color.color_text_yellow));
 } else {
 textView.setTextColor(getResources().getColor(R.color.color_181818));
 }
 return view;
 }
});
mAllReadDialog.setOnBottomSingleDialogListener(new BottomSingleDialog.OnBottomSingleDialogListener<String>() {
 @Override
 public void onViewCreated(View view, BottomSingleDialog<String> dialog) {
 dialog.getLeftBtn().setVisibility(View.GONE);
 dialog.getRightBtn().setVisibility(View.GONE);
 dialog.getTitle().setTextSize(16);
 dialog.getTitle().setTextColor(getResources().getColor(R.color.gray99));
 ViewGroup.LayoutParams layoutParams = dialog.getTitle().getLayoutParams();
 layoutParams.height = UnitConversionUtil.dip2px(getContext(), 50);
 dialog.getTitle().setLayoutParams(layoutParams);
 }

 @Override
 public void onClickItem(int position, View itemView, BottomSingleDialog<String> dialog) {
 mAllReadDialog.dismiss();
 if (position == 0) {
 mMessageViewModel.setMessageAllRead();
 return;
 }
 }

});
}

private void show() {
 mAllReadDialog.show(getChildFragmentManager(), "AllReadDialog");
}
</pre>
</div>
 
 
End

</div>
<div id="MySignature" role="contentinfo">
<div style="text-align: center">
本文来自博客园，作者：观心静，转载请注明原文链接：https://www.cnblogs.com/guanxinjing/p/12851626.html 
<div style="color:orange;font-size:16px;">本文版权归作者和博客园共有，欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。 </div>
</div> 
来源：https://www.cnblogs.com/guanxinjing/p/12851626.html

頁: [1]

琼殿技术论坛's Archiver

Android开发 BottomSheetDialogFragment底部弹出的对话框