Android中自定义对话框(Dialog)的实例代码
2019/7/7 20:17:11
本文主要是介绍Android中自定义对话框(Dialog)的实例代码，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
1.修改系统默认的Dialog样式（风格、主题）
2.自定义Dialog布局文件
3.可以自己封装一个类，继承自Dialog或者直接使用Dialog类来实现，为了方便以后重复使用，建议自己封装一个Dialog类
第一步：
我们知道Android定义个控件或View的样式都是通过定义其style来实现的，查看Android框架中的主题文件，在源码中的路径：/frameworks/base/core/res/res/values/themes.xml，我们可以看到，Android为Dialog定义了一个样式，
<style name="Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowTitleStyle">@android:style/DialogWindowTitle</item>
<item name="android:windowBackground">@android:drawable/panel_background</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
<item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
</style>
我们可以看到，在Themes.xml中定义的Dialog的样式，其中，定义了window的标题样式，window的背景图，是否悬浮等等。
那么，我们要创建具有自定义样式的Dialog就可以创建一个styles.xml,在其中定义我们自己的Dialog样式，让其继承自Theme.Dialog样式,并修改其中的某些属性即可。
定义我们自己的Dialog样式：
a.创建一个styles.xml文件，放在res/values 文件夹下（当然了，这就不用说了。。。啰嗦一下）
b.在styles.xml中定义Dialog样式，代码如下:
<style name="Theme_dialog" parent="@android:style/Theme.Dialog">
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowNoTitle">true</item>
</style>
上面代码中，定义了一个样式Theme_dialog，继承自@android:style/Theme.Dialog，然后定义了Dialog所在Window的背景图，此处使用的是透明颜色#00000000，然后定义了Dialog所在的Window隐藏标题（系统定义Dialog样式是带有标题的，在此设置此属性为true可隐藏标题）,自定义Dialog样式到这就完成了。
第二步：
定义Dialog的布局:
创建一个布局文件layout_dialog.xml，代码如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/pp_bg_dialog"
android:gravity="center">
<ProgressBar android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/progressbar_normal"/>
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
style="@style/text_white_small" android:layout_marginTop="5dp"
android:text="正在删除..." android:id="@+id/message"/>
</LinearLayout>
这里使用了一个垂直方向的线性布局，并且设置所有子元素居中，子元素为已个进度条ProgressBar和一个TextView。
此处，ProgressBar采用自定义样式，使用系统默认的ProgressBar可达到同样的效果（大同小异）。LinearLayout的背景
android:background="@drawable/pp_bg_dialog"（即上面效果图中居中显示的黑色透明背景框）是一个自定义的图片资源Shape:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="10dp"/>
<solid android:color="#55000000"/>
</shape>
代码中定义了一个矩形，并设置了圆角和颜色。到此，Dialog的布局就完成了。
第三步：
自定义CustomDialog类，继承自Dialog，代码如下：
public class CustomDialog extends Dialog { 2
private static int default_width = 160; //默认宽度
private static int default_height = 120;//默认高度
public CustomDialog(Context context, int layout, int style) {
this(context, default_width, default_height, layout, style);
}
public CustomDialog(Context context, int width, int height, int layout, int style) {
super(context, style);12
//set content
setContentView(layout);
//set window params
Window window = getWindow();
WindowManager.LayoutParams params = window.getAttributes();
//set width,height by density and gravity
float density = getDensity(context);
params.width = (int) (width*density);
params.height = (int) (height*density);
params.gravity = Gravity.CENTER;
window.setAttributes(params);
}
private float getDensity(Context context) {
Resources resources = context.getResources();
DisplayMetrics dm = resources.getDisplayMetrics();
return dm.density;
}
}
在构造方法中设置了Dialog的contentView,并且设置了Window的宽度、高度和居中显示。
CustomDialog使用方法如下：
public class CustomDialogDemoActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
CustomDialog dialog1 = new CustomDialog(this, R.layout.common_dialog, R.style.Theme_dialog);//Dialog使用默认大小(160)
CustomDialog dialog2 = new CustomDialog(this, 180, 180, R.layout.common_dialog, R.style.Theme_dialog);
dialog2.show();//显示Dialog
//如果要修改Dialog中的某个View,比如把"正在删除..."改为"加载中..."
TextView mMessage = (TextView) dialog2.findViewById(R.id.message);
mMessage.setText("加载中...");
}
}
大体过程就是这样，根据以上大家可以自由发挥吧，希望都设计出自己满意的dialog。
2.自定义Dialog布局文件
3.可以自己封装一个类，继承自Dialog或者直接使用Dialog类来实现，为了方便以后重复使用，建议自己封装一个Dialog类
第一步：
我们知道Android定义个控件或View的样式都是通过定义其style来实现的，查看Android框架中的主题文件，在源码中的路径：/frameworks/base/core/res/res/values/themes.xml，我们可以看到，Android为Dialog定义了一个样式，
复制代码 代码如下:
<style name="Theme.Dialog">
<item name="android:windowFrame">@null</item>
<item name="android:windowTitleStyle">@android:style/DialogWindowTitle</item>
<item name="android:windowBackground">@android:drawable/panel_background</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
<item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
</style>
我们可以看到，在Themes.xml中定义的Dialog的样式，其中，定义了window的标题样式，window的背景图，是否悬浮等等。
那么，我们要创建具有自定义样式的Dialog就可以创建一个styles.xml,在其中定义我们自己的Dialog样式，让其继承自Theme.Dialog样式,并修改其中的某些属性即可。
定义我们自己的Dialog样式：
a.创建一个styles.xml文件，放在res/values 文件夹下（当然了，这就不用说了。。。啰嗦一下）
b.在styles.xml中定义Dialog样式，代码如下:
复制代码 代码如下:
<style name="Theme_dialog" parent="@android:style/Theme.Dialog">
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowNoTitle">true</item>
</style>
上面代码中，定义了一个样式Theme_dialog，继承自@android:style/Theme.Dialog，然后定义了Dialog所在Window的背景图，此处使用的是透明颜色#00000000，然后定义了Dialog所在的Window隐藏标题（系统定义Dialog样式是带有标题的，在此设置此属性为true可隐藏标题）,自定义Dialog样式到这就完成了。
第二步：
定义Dialog的布局:
创建一个布局文件layout_dialog.xml，代码如下：
复制代码 代码如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/pp_bg_dialog"
android:gravity="center">
<ProgressBar android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/progressbar_normal"/>
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
style="@style/text_white_small" android:layout_marginTop="5dp"
android:text="正在删除..." android:id="@+id/message"/>
</LinearLayout>
这里使用了一个垂直方向的线性布局，并且设置所有子元素居中，子元素为已个进度条ProgressBar和一个TextView。
此处，ProgressBar采用自定义样式，使用系统默认的ProgressBar可达到同样的效果（大同小异）。LinearLayout的背景
android:background="@drawable/pp_bg_dialog"（即上面效果图中居中显示的黑色透明背景框）是一个自定义的图片资源Shape:
复制代码 代码如下:
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="10dp"/>
<solid android:color="#55000000"/>
</shape>
代码中定义了一个矩形，并设置了圆角和颜色。到此，Dialog的布局就完成了。
第三步：
自定义CustomDialog类，继承自Dialog，代码如下：
复制代码 代码如下:
public class CustomDialog extends Dialog { 2
private static int default_width = 160; //默认宽度
private static int default_height = 120;//默认高度
public CustomDialog(Context context, int layout, int style) {
this(context, default_width, default_height, layout, style);
}
public CustomDialog(Context context, int width, int height, int layout, int style) {
super(context, style);12
//set content
setContentView(layout);
//set window params
Window window = getWindow();
WindowManager.LayoutParams params = window.getAttributes();
//set width,height by density and gravity
float density = getDensity(context);
params.width = (int) (width*density);
params.height = (int) (height*density);
params.gravity = Gravity.CENTER;
window.setAttributes(params);
}
private float getDensity(Context context) {
Resources resources = context.getResources();
DisplayMetrics dm = resources.getDisplayMetrics();
return dm.density;
}
}
在构造方法中设置了Dialog的contentView,并且设置了Window的宽度、高度和居中显示。
CustomDialog使用方法如下：
复制代码 代码如下:
public class CustomDialogDemoActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);
CustomDialog dialog1 = new CustomDialog(this, R.layout.common_dialog, R.style.Theme_dialog);//Dialog使用默认大小(160)
CustomDialog dialog2 = new CustomDialog(this, 180, 180, R.layout.common_dialog, R.style.Theme_dialog);
dialog2.show();//显示Dialog
//如果要修改Dialog中的某个View,比如把"正在删除..."改为"加载中..."
TextView mMessage = (TextView) dialog2.findViewById(R.id.message);
mMessage.setText("加载中...");
}
}
大体过程就是这样，根据以上大家可以自由发挥吧，希望都设计出自己满意的dialog。
这篇关于Android中自定义对话框(Dialog)的实例代码的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
- 2024-01-18android.permission.read_media_video
- 2024-01-18android_getaddrinfo failed eai_nodata
- 2024-01-18androidmo
- 2024-01-15Android下三种离屏渲染技术
- 2024-01-09Android 蓝牙使用
- 2024-01-06Android对接华为AI - 文本识别
- 2023-11-15代码安全之代码混淆及加固（Android）
- 2023-11-10简述Android语音播报TTS
- 2023-11-06Android WiFi工具类
- 2023-07-22Android开发未来的出路
