在Android开发中常常会遇到一些需求场景——在界面上弹出一个弹框,对用户进行提醒并让用户进行某些选择性的操作,
如退出登录时的弹窗,让用户选择“退出”还是“取消”等操作。
Android系统提供了Dialog类,以及Dialog的子类,常见如AlertDialog来实现此类功能。
一般情况下,利用Android提供的Dialog及其子类能够满足多数此类需求,然而,其不足之处体现在:
1. 基于Android提供的Dialog及其子类样式单一,风格上与App本身风格可能不太协调;
2. Dialog弹窗在布局和功能上有所限制,有时不一定能满足实际的业务需求。
本文将通过在Dialog基础上构建自定义的Dialog弹窗,以最常见的确认弹框为例。
首先就是咱们的自定义布局,这个布局可以设置为自己项目中需要的,根据项目的需求来设置成自己想要的类型,样式
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/dialog_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:text="客官,确定退出登录吗?"
android:textSize="18sp"
android:layout_marginTop="20dp"/>
<Button
android:id="@+id/dialog_2"
android:layout_below="@+id/dialog_1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="退出"
android:textColor="@color/bai"
android:background="@drawable/button_ziyuanjiao"
android:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"/>
<Button
android:layout_below="@+id/dialog_2"
android:id="@+id/dialog_3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="取消"
android:background="@drawable/button_yuanjiao"
android:layout_marginTop="20dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginBottom="20dp"/>
</RelativeLayout>
下面是自定义的MyDialog类
public class MyDialog extends Dialog {
// style引用style样式
public MyDialog(Context context, int width, int height, View layout, int style) {
super(context, style);
setContentView(layout);
Window window = getWindow();
WindowManager.LayoutParams params = window.getAttributes();
params.gravity = Gravity.CENTER;
window.setAttributes(params);
}
}
下面就是styles.xml里面的dialog样式
<!-- Dialog样式-->
<style name="DialogTheme" parent="@android:style/Theme.Dialog">
<!-- 边框 -->
<item name="android:windowFrame">@null</item>
<!-- 是否浮现在activity之上 -->
<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">@drawable/dialog_yuanjiao</item>
<!-- 模糊 -->
<item name="android:backgroundDimEnabled">true</item>
<!-- 遮罩层 -->
<item name="android:backgroundDimAmount">0.5</item>
</style>
最后就是Activity里面的代码
//自定义dailog布局 给其布局控件社会指定时间
AlertDialog.Builder builder = new AlertDialog.Builder(this);
final AlertDialog dialog = builder
.setView(R.layout.my_dialog) //自定义的布局文件
.create();
dialog.show();
//查找控件设置点击事件
dialog.getWindow().findViewById(R.id.dialog_2).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(Shezhi_Activity.this, "退出", Toast.LENGTH_SHORT).show();
dialog.dismiss(); //退出对话框
}
});
dialog.getWindow().findViewById(R.id.dialog_3).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//退出登录
Toast.makeText(Shezhi_Activity.this, "取消", Toast.LENGTH_SHORT).show();
dialog.dismiss(); //取消对话框
}
});