当前位置:   article > 正文

Android弹出自定义对话框、底层遮罩、窗体半透明_安卓 如何弹出 自定义透明视图

安卓 如何弹出 自定义透明视图

以下文中是参照多个文章最终形成,先感谢他们的分享。

自定义对话框是本质是一个AlertDialog,需要的资源有布局、样式,然后在Activity弹出这个窗体即可。

一,布局

与普通的窗体布局没什么区别,例如自定义布局res\layout\popup_test.xml:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:background="@drawable/dialog_bg"><!--给弹出层增加一个背景色,否则弹出内容与下层边界不清楚,你可以尝试去掉看看效果-->
  8. <TextView
  9. android:id="@+id/tvTitle1"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"
  12. android:text="我是一个弹出窗口,啦啦啦。。。。"
  13. android:textColor="#ffffff"
  14. app:layout_constraintLeft_toLeftOf="parent"
  15. app:layout_constraintRight_toRightOf="parent"
  16. app:layout_constraintTop_toTopOf="parent" />
  17. <RadioGroup
  18. android:layout_width="wrap_content"
  19. android:layout_height="wrap_content"
  20. app:layout_constraintLeft_toLeftOf="@id/tvTitle1"
  21. app:layout_constraintTop_toBottomOf="@id/tvTitle1">
  22. <RadioButton
  23. android:layout_width="wrap_content"
  24. android:layout_height="wrap_content"
  25. android:text="测试。。。"
  26. android:textColor="#ffffff" />
  27. </RadioGroup>
  28. </androidx.constraintlayout.widget.ConstraintLayout>

二,样式

在res\values\目录下增加一个styles.xml文件,内容如下:

  1. <resources>
  2. <style name="popupDialogTest" parent="android:style/Theme.Dialog">
  3. <!-- 背景透明,设置圆角对话框必须设置背景透明,否则四角会有背景色小块-->
  4. <item name="android:windowBackground">@android:color/transparent</item>
  5. <!-- 没有标题 -->
  6. <item name="android:windowNoTitle">true</item>
  7. <!-- 背景模糊 -->
  8. <item name="android:backgroundDimEnabled">true</item>
  9. </style>
  10. </resources>

在res\drawable\下增加一个dialog_bg.xml,内容如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3. <corners android:radius="5dp" />
  4. <solid android:color="#3a3a3a" />
  5. </shape>

三,构造窗体并显示

  1. private AlertDialog dialogPopupTest = null;
  2. public void doShowPopup(View view) {
  3. if (dialogPopupTest == null) {
  4. View popupView = LayoutInflater.from(this).inflate(R.layout.popup_test, null, false);
  5. //获得布局里的各元素用于控制
  6. //例如Button btTest1 = popupView.findViewById(R.id.btTest1);
  7. //...
  8. dialogPopupTest = new AlertDialog.Builder(this, R.style.popupDialogTest).setView(popupView).create();
  9. //以下内容可以不要,用于对话框本身的透明
  10. Window window = dialogPopupTest.getWindow();
  11. WindowManager.LayoutParams attributes = window.getAttributes();
  12. attributes.alpha = 0.7f;
  13. window.setAttributes(attributes);
  14. }
  15. dialogPopupTest.show();
  16. }

效果图如下:

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/318494
推荐阅读
相关标签