Android开发自定义Dialog(BottomSheetDialog与Dialog)开发记录

江西老表 發表於 2020-12-18 12:01:00

Android开发自定义Dialog(BottomSheetDialog与Dialog)开发记录

<h1>前言</h1>
　　记录一些自己项目上自定义的Dialog
<h1>泛用性基础Dialog</h1>
<pre class="highlighter-hljs" data-dark-theme="true"><code>
import android.app.Dialog;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.view.View;
import android.view.WindowManager;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

public class BaseDialog extends Dialog {
private float widthRatio = 1f;
private float heightRatio = 1f;
private boolean mIsShowNavigation = false;

public BaseDialog(@NonNull Context context) {
 super(context);
}

public BaseDialog(@NonNull Context context, int themeResId) {
 super(context, themeResId);
}

protected BaseDialog(@NonNull Context context, boolean cancelable, @Nullable OnCancelListener cancelListener) {
 super(context, cancelable, cancelListener);
}

/**
* 设置对话框宽度与屏幕宽度占比 0.0~1.0
*
* @param widthRatio
*/
public void setWidthHeightRatio(float widthRatio, float heightRation) {
 this.widthRatio = widthRatio;
 this.heightRatio = heightRation;
}

public void setShowNavigation(boolean isShowNavigation) {
 mIsShowNavigation = isShowNavigation;
}

@Override
protected void onStart() {
 super.onStart();
 //隐藏导航栏
 if (!mIsShowNavigation) {
 WindowManager.LayoutParams params = getWindow().getAttributes();
 params.systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
 | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
 | View.SYSTEM_UI_FLAG_IMMERSIVE
 | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION;
 getWindow().setAttributes(params);
 }

 //去除对话框内边距与背景透明
 WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
 if (widthRatio == 1) {
 layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
 } else {
 float width = getContext().getResources().getDisplayMetrics().widthPixels * widthRatio;
 layoutParams.width = (int) width;
 }
 if (heightRatio == 1) {
 layoutParams.height = WindowManager.LayoutParams.MATCH_PARENT;
 } else {
 float height = getContext().getResources().getDisplayMetrics().heightPixels * heightRatio;
 layoutParams.height = (int) height;
 }
 getWindow().setAttributes(layoutParams);
 getWindow().getDecorView().setBackground(new ColorDrawable(Color.TRANSPARENT));
 getWindow().getDecorView().setPadding(0, 0, 0, 0);

}
}</code></pre>
<h1>实现对话框全透明</h1>
在styles添加
<div class="cnblogs_code">
<pre> <style name="dialogTransparent" parent="@android:style/Theme.Dialog">
 <item name="android:windowFrame">@null</item> 
 <item name="android:windowIsFloating">true</item> 
 <item name="android:windowIsTranslucent">true</item> 
 <item name="android:windowNoTitle">true</item> 
 <item name="android:background">@android:color/transparent</item> 
 <item name="android:windowBackground">@android:color/transparent</item> 
 <item name="android:backgroundDimEnabled">true</item> 
 <item name="android:backgroundDimAmount">0.5</item> 
</style></pre>
</div>
将风格添加
<div class="cnblogs_code">
<pre>public class NumberInputDialog extends BottomSheetDialog implements View.OnClickListener {

public NumberInputDialog(@NonNull Context context) {
 super(context,R.style.dialogTransparent);
 initView();
}
//略...</pre>
</div>
<h1>设置背景透明</h1>
<div class="cnblogs_code">
<pre> @Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 getWindow().getDecorView().setBackground(new ColorDrawable(Color.TRANSPARENT));
}</pre>
</div>
<h1>设置全屏</h1>
请注意,在开发的时候经常会发现,我们设置的全屏的宽度或者全屏的高度后经常外面还要一些边缘空白空间,需要设置setPadding来取消空白内边距,代码如下:
<div class="cnblogs_code">
<pre> @Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 getWindow().getDecorView().setPadding(0,0,0,0);//取消内边距空白
 getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);//设置全屏
}</pre>
</div>
或者
<div class="cnblogs_code">
<pre> @Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 getWindow().getDecorView().setPadding(0,0,0,0);//取消内边距空白
 WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
 layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
 layoutParams.height = WindowManager.LayoutParams.MATCH_PARENT;
 getWindow().setAttributes(layoutParams);
}</pre>
</div>
在取消内边距空白后,还有一个好处,那就是设置 layoutParams.width 与layoutParams.height 会更加准确
<h1>设置对话框显示位置</h1>
<div class="cnblogs_code">
<pre> @Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 //设置显示位置Gravity.BOTTOM Gravity.TOPGravity.LEFTGravity.RIGHTGravity.CENTER
 getWindow().setGravity(Gravity.BOTTOM);
}</pre>
</div>
<h1>弹出输入法并且焦点选中输入框</h1>
<div class="cnblogs_code">
<pre> EditText editTextTextPersonName = findViewById(R.id.editTextTextPersonName);
 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_VISIBLE);//设置输入盘可见
 editTextTextPersonName.requestFocus();</pre>
</div>
<h1>设置背景阴影透明度</h1>
<div class="cnblogs_code">
<pre> @Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
 layoutParams.dimAmount = 0f;//调整透明度
 getWindow().setAttributes(layoutParams);
}</pre>
</div>
<h1>BottomSheetDialog禁用下滑退出</h1>
<div class="cnblogs_code">
<pre> private fun showDurationPickerDialog(){
 val dialog = context?.let { BottomSheetDialog(it) }
 val binding = DialogDurationPickerBinding.inflate(layoutInflater)
 dialog?.setContentView(binding.root)
 binding.root.post {
 val view = dialog?.findViewById<View>(R.id.design_bottom_sheet)
 val behavior = view?.let { BottomSheetBehavior.from(it) }
 behavior?.isHideable = false
 }
//略...</pre>
</div>
<h1>BottomSheetDialog背景透明(显示圆角)</h1>
BottomSheetDialog对话框其实是自带一个白色背景的,我们在自己的布局设置圆角shape后会出现不显示的情况.
<div class="cnblogs_code">
<pre> val dialog = BottomSheetDialog(this)
 dialog.setContentView(R.layout.main_dialog_bottom_wheel)
 dialog.show()
 //设置背景透明,需要在show方法后面
 dialog.findViewById<View>(R.id.design_bottom_sheet)?.setBackgroundResource(android.R.color.transparent)</pre>
</div>
<h1>横屏显示不全的问题解决</h1>
<div class="cnblogs_code">
<pre> @Override
protected void onStart() {
 super.onStart();
 if (mIsHorizontal){
 getBehavior().setState(BottomSheetBehavior.STATE_EXPANDED);
 }
}</pre>
</div>
<h1>隐藏状态栏与导航栏</h1>
<div class="cnblogs_code">
<pre> @Override
protected void onStart() {
 super.onStart();
 //略...
 //隐藏导航栏
 WindowManager.LayoutParams params = getWindow().getAttributes();
 params.systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
 | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
 | View.SYSTEM_UI_FLAG_IMMERSIVE
 | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION;
 getWindow().setAttributes(params);
}</pre>
</div>
 
 
end

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

頁: [1]

琼殿技术论坛's Archiver

Android开发 自定义Dialog(BottomSheetDialog与Dialog)开发记录

Android开发自定义Dialog(BottomSheetDialog与Dialog)开发记录