Android中制作自定义dialog对话框的实例分享

自定义dialog基础版
很多时候,我们在使用android sdk提供的alerdialog的时候,会因为你的系统的不同而产生不同的效果,就好比如你刷的是MIUI的系统,弹出框都会在顶部显示!这里简单的介绍自定义弹出框的应用。

首先创建布局文件dialog:

代码:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <EditText android:id="@+id/edit" android:layout_width="250dip" android:layout_height="wrap_content" /> <Button android:id="@+id/clickbtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="click me" /> </LinearLayout>

其次创建MyCustomDialog类继承Dialog:

代码:

package com.xzw.custom.dialog; import android.app.Dialog; import android.content.Context; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; /** * 自定义dialog */ public class MyCustomDialog extends Dialog { //定义回调事件,用于dialog的点击事件 public interface OnCustomDialogListener{ public void back(String name); } private String name; private OnCustomDialogListener customDialogListener; EditText etName; public MyCustomDialog(Context context,String name,OnCustomDialogListener customDialogListener) { super(context); this.name = name; this.customDialogListener = customDialogListener; } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.dialog); //设置标题 setTitle(name); etName = (EditText)findViewById(R.id.edit); Button clickBtn = (Button) findViewById(R.id.clickbtn); clickBtn.setOnClickListener(clickListener); } private View.OnClickListener clickListener = new View.OnClickListener() { @Override public void onClick(View v) { customDialogListener.back(String.valueOf(etName.getText())); MyCustomDialog.this.dismiss(); } }; }

最后再完成MainActivity:

代码:

package com.xzw.custom.dialog; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends Activity implements OnClickListener { private TextView resultText; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); resultText = (TextView) findViewById(R.id.result); Button showDialogBtn = (Button) findViewById(R.id.showdialog); showDialogBtn.setOnClickListener(this); } @Override public void onClick(View v) { MyCustomDialog dialog = new MyCustomDialog(this,"Enter your name",new MyCustomDialog.OnCustomDialogListener() { @Override public void back(String name) { resultText.setText("Enter name is "+name); } }); dialog.show(); } }

效果如图:

炫酷升级版
在日常开发过程中,Android自带的对话框控件美观程度远远满足不了开发的要求,特别是相对于移植开发,下面描述的demo是基于1280X720分辨率实现的效果。

自定义对话框和上次记录的自定义RatingBar非常类似,都是通过在styles.xml里面继承父类(此处是Dialog)的样式。
styles.xml

<style name="NoticeDialog" parent="@android:style/Theme.Dialog"> <item name="android:windowFrame">@null</item><!--边框--> <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上--> <item name="android:windowIsTranslucent">false</item><!--半透明--> <item name="android:windowNoTitle">true</item><!--无标题--> <item name="android:windowBackground">@drawable/tck_bg</item><!--背景透明--> <item name="android:backgroundDimEnabled">false</item><!--模糊--> </style>

我们下面将要做下面三个效果:
(1)带选择确认框的提示

(2)图片+文字的提示

(3)图片+图片

实现上面三个效果我们只需要继承一个Dialog类,然后根据不同的布局添加相对应的xml布局就可以简单实现功能扩展的效果了。
1.继承Dialog类,重写父类的方法,并添加子类自己的方法。
NoticeDialog.java,继承于Dialog父类,实现了点击事件的接口,如果有确认选择框,则把确认选择框的控件添加click事件监听,通过在回调方法在UI主线程里面实现界面更新和逻辑操作。

package com.zlc.dialog; import android.app.Dialog; import android.content.Context; import android.os.Bundle; import android.view.KeyEvent; import android.view.View; import android.view.View.OnClickListener; import android.widget.TextView; public class NoticeDialog extends Dialog implements OnClickListener{ Context context; private NoticeDialogListener listener; //对话框事件监听接口,用于处理回调点击事件 public interface NoticeDialogListener { public void onClick(View view); } public NoticeDialog(Context context) { super(context); // TODO Auto-generated constructor stub this.context = context; } public NoticeDialog(Context context,int theme){ super(context, theme); this.context = context; } public NoticeDialog(Context context,int theme,NoticeDialogListener listener){ super(context, theme); this.context = context; this.listener = listener; } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView enter = (TextView)findViewById(R.id.dialog_enter);//确定控件 TextView cancel = (TextView)findViewById(R.id.dialog_cancle);//取消控件 if(enter != null && cancel != null){//如果是不带确认选择框,不做事件监听操作 enter.setOnClickListener(this); cancel.setOnClickListener(this); enter.requestFocus(); } } @Override public void onClick(View v) { // TODO Auto-generated method stub listener.onClick(v); } }

2.对应上面三个效果,添加不同的xml布局。
(1)带选择确认框的提示dialog_notice_choise.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="652dp" android:layout_height="352dp" > <LinearLayout android:layout_width="500dp" android:layout_height="200dp" android:layout_marginLeft="76dp" android:layout_marginTop="76dp" android:orientation="vertical" android:background="@drawable/tck01"> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:layout_marginLeft="10dp" > <TextView android:textSize="26sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/dialog_title" android:text="@string/dialog_title" android:focusable="false" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="40dp" android:gravity="center" > <TextView android:id="@+id/notice_value" android:textSize="32sp" android:layout_marginLeft="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/dialog_content" android:text="@string/dialog_uninstall" android:focusable="false" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="44dp" android:layout_marginTop="35dp" android:layout_marginLeft="4dp" > <TextView android:id="@+id/dialog_enter" android:textSize="25sp" android:layout_width="246dp" android:layout_height="fill_parent" android:text="@string/dialog_enter" android:gravity="center" android:textColor="@drawable/app_manager_dialog_textcolor" android:background="@drawable/app_manager_dialog_btn_color" android:focusable="true" /> <TextView android:id="@+id/dialog_cancle" android:textSize="25sp" android:layout_width="246dp" android:layout_height="fill_parent" android:text="@string/dialog_cancel" android:gravity="center" android:textColor="@drawable/app_manager_dialog_textcolor" android:background="@drawable/app_manager_dialog_btn_color" android:focusable="true" /> </LinearLayout> </LinearLayout> </LinearLayout>

(2)图片+文字的提示dialog_notice_ing.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="652dp" android:layout_height="352dp" > <LinearLayout android:layout_width="500dp" android:layout_height="200dp" android:layout_marginLeft="76dp" android:layout_marginTop="76dp" android:orientation="vertical" android:background="@drawable/tck01"> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:layout_marginLeft="10dp" > <TextView android:textSize="26sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/dialog_title" android:text="@string/dialog_title" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="50dp" android:gravity="center" > <ImageView android:layout_width="38dp" android:layout_height="42dp" android:src="@drawable/uninstall_icon"/> <TextView android:id="@+id/dialog_in_msg" android:textSize="32sp" android:layout_marginLeft="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/dialog_content" android:text="@string/dialog_uninstall_in" /> </LinearLayout> </LinearLayout> </LinearLayout>

(3)图片+图片dialog_notice_finish.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="652dp" android:layout_height="352dp" > <LinearLayout android:layout_width="500dp" android:layout_height="200dp" android:layout_marginLeft="76dp" android:layout_marginTop="76dp" android:orientation="vertical" android:background="@drawable/tck01"> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="5dp" android:layout_marginLeft="10dp" > <TextView android:textSize="26sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/dialog_title" android:text="@string/dialog_title" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="40dp" android:gravity="center" > <ImageView android:layout_width="66dp" android:layout_height="67dp" android:src="@drawable/cg"/> <ImageView android:id="@+id/dialog_finish_img" android:layout_marginLeft="20dp" android:layout_width="165dp" android:layout_height="36dp" android:src="@drawable/uninstall_ok" /> </LinearLayout> </LinearLayout> </LinearLayout>

3.在MainActivity实现对自定义对话框的添加显示。
MainActivity.java,在进行对话框切换显示的时候,只需要设置不同的xml配置文件就行了。(注意:NoticeDialog里面的构造方法的context参数只能是XXXActivity.this,不能是通过getApplicationContext获取的context对象)

package com.zlc.dialog; import java.util.Timer; import java.util.TimerTask; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.view.View; import com.zlc.dialog.NoticeDialog.NoticeDialogListener; public class MainActivity extends Activity { private Context context; private NoticeDialog notiDialog; int count = 0; Handler handler; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); context = getApplicationContext(); notiDialog = new NoticeDialog(MainActivity.this, R.style.NoticeDialog, new NoticeDialogListener() { @Override public void onClick(View view) { try { if(view.getId() == R.id.dialog_enter){ notiDialog.dismiss(); //TODO 购买 } notiDialog.dismiss(); } catch (Exception e) { e.printStackTrace(); } } }); notiDialog.setContentView(R.layout.dialog_notice_choise); notiDialog.show(); Timer timer = new Timer(); handler = new Myhandler(); timer.schedule(new TimerTask() { @Override public void run() { // TODO Auto-generated method stub count = count % 4; notiDialog.cancel(); handler.sendEmptyMessage(count); count ++; } }, 3000, 3000); } private class Myhandler extends Handler{ @Override public void handleMessage(Message msg) { // TODO Auto-generated method stub switch (msg.what) { case 0: notiDialog.setContentView(R.layout.dialog_notice_ing); break; case 1: notiDialog.setContentView(R.layout.dialog_notice_finish); break; case 2: notiDialog.setContentView(R.layout.dialog_notice_choise); break; default: break; } notiDialog.show(); } } }

时间: 2024-09-29 07:25:39

Android中制作自定义dialog对话框的实例分享的相关文章

Android中制作自定义dialog对话框的实例分享_Android

自定义dialog基础版很多时候,我们在使用android sdk提供的alerdialog的时候,会因为你的系统的不同而产生不同的效果,就好比如你刷的是MIUI的系统,弹出框都会在顶部显示!这里简单的介绍自定义弹出框的应用. 首先创建布局文件dialog: 代码: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.andr

Android中设置自定义Dialog的位置和大小例子

在写代码用到对话框的时候,很多时候需要我们自己去搭建对话框的布局,也就是说要自定义dialog,然后在运行出效果的时候,往往对话框大小不成比例,位置也是默认居中的,很不符合我们的需求,下面贴上一部分代码来自定义对话框的位置和大小. 例子1 import android.app.Activity; import android.app.Dialog; import android.os.Bundle; import android.view.Display; import android.view

Android Dialog对话框用法实例详解_Android

本文实例讲述了Android Dialog对话框用法.分享给大家供大家参考,具体如下: Activities提供了一种方便管理的创建.保存.回复的对话框机制,例如 onCreateDialog(int), onPrepareDialog(int, Dialog), showDialog(int),dismissDialog(int)等方法,如果使用这些方法的话,Activity将通过getOwnerActivity()方法返回该Activity管理的对话框(dialog). 1. onCreat

Android 中TabLayout自定义选择背景滑块的实例代码_Android

 TabLayout是Android 的Material Design包中的一个控件,可以和V4包中的ViewPager搭配产生一个联动的效果.这里我自定义了一个滑块能够跟随TabLayout进行滑动选择的SliderLayout.效果见下图(白色方框): 下面是SliderLayout的源码: import android.content.Context; import android.content.res.TypedArray; import android.graphics.drawab

Android 中TabLayout自定义选择背景滑块的实例代码

TabLayout是Android 的Material Design包中的一个控件,可以和V4包中的ViewPager搭配产生一个联动的效果.这里我自定义了一个滑块能够跟随TabLayout进行滑动选择的SliderLayout.效果见下图(白色方框): 下面是SliderLayout的源码: import android.content.Context; import android.content.res.TypedArray; import android.graphics.drawabl

android中能不能在对话框中再弹出一个时间选择对话框

问题描述 android中能不能在对话框中再弹出一个时间选择对话框 点击条目弹出个自定义对话框!在自定义对话框中有个时间选择,点击时间选择再跳出一个时间选择对话框!我试了好多次都不能实现!要怎么做才能实现这功能?求求大神帮忙! 解决方案 Dialog里面放一个TimePicker.选完点确定,返回结果 解决方案二: android中能不能在对话框中再弹出一个时间选择对话框可以的. 解决方案三: 用windowsManager想在哪显示都可以哦非常灵活 http://blog.csdn.net/u

Android之复选框对话框用法实例分析_Android

本文实例讲述了Android之复选框对话框用法.分享给大家供大家参考.具体如下: main.xml布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:l

Android中DialogFragment自定义背景与宽高的方法

介绍 DialogFragment在android 3.0时被引入.是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框.典型的用于:展示警告框,输入框,确认框等等. 在DialogFragment产生之前,我们创建对话框:一般采用AlertDialog和Dialog.注:官方不推荐直接使用Dialog创建对话框. 本文主要给大家介绍了关于Android中DialogFragment自定义背景与宽高的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的

Android之日期及时间选择对话框用法实例分析_Android

本文实例讲述了Android之日期及时间选择对话框用法.分享给大家供大家参考.具体如下: 清单文件: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.ljq.dialog" android:versionCode=&q