Android中自定义对话框(Dialog)
16lz
2021-01-23
Android中自定义对话框(Dialog)
分类:android开发网摘 2012-08-22 22:39 136人阅读 评论(0) 收藏 举报注:本文转自http://blog.163.com/shaocpa@126/blog/static/55357757201241102525166/
1.修改系统默认的Dialog样式(风格、主题)2.自定义Dialog布局文件
3.可以自己封装一个类,继承自Dialog或者直接使用Dialog类来实现,为了方便以后重复使用,建议自己封装一个Dialog类
第一步: 我们知道Android定义个控件或View的样式都是通过定义其style来实现的,查看Android框架中的主题文件,在源码中的路径:/frameworks/base/core/res/res/values/themes.xml,我们可以看到,Android为Dialog定义了一个样式,
[html] view plain copy
- <stylename="Theme.Dialog">
- <itemname="android:windowFrame">@null</item>
- <itemname="android:windowTitleStyle">@android:style/DialogWindowTitle</item>
- <itemname="android:windowBackground">@android:drawable/panel_background</item>
- <itemname="android:windowIsFloating">true</item>
- <itemname="android:windowContentOverlay">@null</item>
- <itemname="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
- <itemname="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样式,代码如下:
[html] view plain copy
- <stylename="Theme_dialog"parent="@android:style/Theme.Dialog">
- <itemname="android:windowBackground">@android:color/transparent</item>
- <itemname="android:windowNoTitle">true</item>
- </style>
上面代码中,定义了一个样式Theme_dialog,继承自@android:style/Theme.Dialog,然后定义了Dialog所在Window的背景图,此处使用的是透明颜色#00000000,然后定义了Dialog所在的Window隐藏标题(系统定义Dialog样式是带有标题的,在此设置此属性为true可隐藏标题),自定义Dialog样式到这就完成了。
第二步:
定义Dialog的布局: 创建一个布局文件layout_dialog.xml,代码如下: [html] view plain copy
- <?xmlversion="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">
- <ProgressBarandroid:layout_width="wrap_content"
- android:layout_height="wrap_content"
- style="@style/progressbar_normal"/>
- <TextViewandroid: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:
[html] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <shape
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:shape="rectangle">
- <cornersandroid:radius="10dp"/>
- <solidandroid:color="#55000000"/>
- </shape>
代码中定义了一个矩形,并设置了圆角和颜色。到此,Dialog的布局就完成了。 第三步: 自定义CustomDialog类,继承自Dialog,代码如下: [html] view plain copy
- publicclassCustomDialogextendsDialog{2
- privatestaticintdefault_width=160;//默认宽度
- privatestaticintdefault_height=120;//默认高度
- publicCustomDialog(Contextcontext,intlayout,intstyle){
- this(context,default_width,default_height,layout,style);
- }
- publicCustomDialog(Contextcontext,intwidth,intheight,intlayout,intstyle){
- super(context,style);12
- //setcontent
- setContentView(layout);
- //setwindowparams
- Windowwindow=getWindow();
- WindowManager.LayoutParamsparams=window.getAttributes();
- //setwidth,heightbydensityandgravity
- floatdensity=getDensity(context);
- params.width=(int)(width*density);
- params.height=(int)(height*density);
- params.gravity=Gravity.CENTER;
- window.setAttributes(params);
- }
- privatefloatgetDensity(Contextcontext){
- Resourcesresources=context.getResources();
- DisplayMetricsdm=resources.getDisplayMetrics();
- returndm.density;
- }
- }
在构造方法中设置了Dialog的contentView,并且设置了Window的宽度、高度和居中显示。
CustomDialog使用方法如下:
[html] view plain copy
- publicclassCustomDialogDemoActivityextendsActivity{
- @Override
- protectedvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.test);
- CustomDialogdialog1=newCustomDialog(this,R.layout.common_dialog,R.style.Theme_dialog);//Dialog使用默认大小(160)
- CustomDialogdialog2=newCustomDialog(this,180,180,R.layout.common_dialog,R.style.Theme_dialog);
- dialog2.show();//显示Dialog
- //如果要修改Dialog中的某个View,比如把"正在删除..."改为"加载中..."
- TextViewmMessage=(TextView)dialog2.findViewById(R.id.message);
- mMessage.setText("加载中...");
- }
- }
大体过程就是这样,根据以上大家可以自由发挥吧,希望都设计出自己满意的dialog。
更多相关文章
- Android UI 开发入门—线性布局
- Android自定义属性 及 TypedArray的使用方法
- Android Studio使用XML样式在JAVA代码中的使用(使用java代码调节x
- Android自定义TabLayout后ViewPager与TabLayout互相控制切换
- Android 自定义字体方案
- Android Studio自定义模板:简单自定义DeviceAdminReceiver模板
- Android FragmentTransactionExtended:使Fragment以多种样式动画
- Android 之布局(一)