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

最新推荐文章于 2022-06-27 18:58:57 发布
最新推荐文章于 2022-06-27 18:58:57 发布
阅读量271 收藏
点赞数
分类专栏： 日记 文章标签： 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mimiroro/article/details/94435689
版权

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

首先创建布局文件dialog：

代码:

<?xml version="1.0" encoding="utf-8"?>



其次创建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();

}

}

效果如图：

2016429151132630.jpg (322×489)

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

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

我们下面将要做下面三个效果：
（1）带选择确认框的提示

2016429151333943.jpg (601×258)

（2）图片+文字的提示

2016429151417413.jpg (599×274)

（3）图片+图片

2016429151439752.jpg (613×273)

实现上面三个效果我们只需要继承一个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=“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>

（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=“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>

（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=“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>

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();
}
}

}

mimiroro
关注
专栏目录
Android-自定义Dialog，android开发
m0_64603929的博客
12-12 198
具体实现代码如下： 1. 修改样式 /04_CustomDialog/res/values/styles.xml 添加以下代码： 2. 自定义Dialog package com.wwj.custom.dialog; import android.app.Dialog; import android.content.Context; import android.content.res.Resources; import android.util.DisplayMetrics; import andro
Android自定义Dialog
03-13
整理了常用的dialog 包括：single Choice Dialog Multiple choice Dialog Input Dialog Progress Dialog
Android中自定义Dialog样式
笑傲人生的博客
01-07 865
在Android开发中，经常需要在界面上弹出一些对话框，用来提示用户输入信息或者让用户做出选择，这就是Android中的对话框功能。 　　那么如何来实现这些对话框功能呢？在Android中，对话框是使用 Dialog类来实现。其中，Alertialog用于实现警告对话框；ProgressDialog用于实现带进度条的对话 框；DatePickerDialog用于实现日期选择对话框；TimePick
Android:自定义Dialog-Demo
07-25
Dialog 很经常用到的一个控件，但大多时候系统默认的样式是不满足于项目使用的，故自定义了一套合适的Dialog模板方便日常使用。
Android自定义dialogDemo
01-20
Android自定义dialogDemo
Android中自定义对话框(Dialog)的实例代码
09-05
本实例将详细介绍如何在Android中实现自定义对话框，包括修改系统默认的Dialog样式、自定义Dialog布局文件以及封装自定义Dialog类。 首先，我们来看如何修改系统默认的Dialog样式。Android系统为Dialog提供了预设的...
自定义Dialog对话框（实现微信分享对话框）
02-08
在Android开发中，自定义Dialog对话框是一种常见的需求，它能提供更为丰富的用户交互体验，尤其是在需要用户进行特定选择或操作时。本教程将详细讲解如何实现一个类似于微信分享的自定义Dialog对话框。 首先，我们...
Android编程中自定义dialog用法实例
09-02
在本实例中，我们将探讨如何在Android应用中自定义Dialog，并通过具体的步骤和代码来实现这一功能。 首先，我们需要定义一个自定义的Dialog样式。在Android项目的res/values目录下的style.xml文件中，创建一个新的...
android 自定义单选、多选对话框及popwindow窗口实例源码.zip
07-03
通过这些基础，你可以根据提供的“自定义单选、多选对话框及popwindow窗口实例源码”进一步学习和实践，加深对Android自定义对话框和PopWindow的理解。在开发过程中，要注意用户体验，合理使用动画和过渡效果，使...
android 自定义dialog
11-17
android dialog 自定义 对话框 android对话框
Android自定义dialogdemo
weixin_30781433的博客
06-04 128
很多时候，我们需要自己去定义dialog，目前我们就遇见了这样一个需求，我的想法是自己定义一个dialog，如果有list的话就使用listview，如果有msg的话就使用msg，并且取消和确定按钮也可自己定义。自定义一个dialog，好处是我们自己定义背景，自己定义事件，自己定义按钮，能很完美的达到自己想要的效果。 [java]view plaincopy pub...
android 自定义dialog Demo
低级写手 我自由了
11-11 180
好久没更新博客了，悲剧的菜鸟 就是这样 木有时间. 最近用到了 自定义的 对话框 这有个demo 可供大家参考。。 先看看 效果图 [img]http://dl.iteye.com/upload/attachment/586965/bb36e29b-759f-34fd-b398-b33e04e9fe70.png[/img] [img]http://dl.iteye.com...
android自定义dialog 例子,Android AlertDialogDemo自定义使用方法及例子实现
weixin_42311046的博客
05-25 158
效果图如下:Dialog左边的按钮忘记支付密码写错了 已修复 图就不改了 功能需求点击重试 再次打开输入支付密码页面 点击忘记支付密码跳转密码设置页面 此Demo只为演示AlertDialog的使用方法以及资源属性设置 需要其他功能请留言说明这是一个支付密码输入失败的弹框 自定义了基本属性XMl布局dialog_commonxmlns:android="http://schemas.android...
Android之自定义Dialog
question_mark的博客
05-13 211
自己写一个Dialog CustonDialog还需要画一个布局layout_custom_dialog <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android
Android自定义对话框
小兵的学习笔记
05-06 105
Android给我们提供了 AlertDialog类，使我们可以很容易地通过它的内部类Builder构建弹出式对话框。但是有时候为了给用户更好的体验，可能需要更改Dialog的外观和结构。解决的办法是自定义AlertDialog和AlertDialog.Builder类。 Android提供的默认Dialog如下图所示： [img]http://blog.androgames.net/wp-c...
android之自定义Dialog
一无所精，皆为所爱。
04-19 117
        前段时间，做了一个android涂鸦板项目（http://mm.10086.cn/1007/300001153536.html?fw=411130），在项目中，用到了一些自定义的对话框，如图所示。         在参考了android提供的ApiDemos程序以后，这里对如何实现自己定义的对话框进行一下总结。在android的ApiDemos中的com.example.an...
Android 之自定义Dialog
le9406的博客
12-10 190
1.先准备好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:gravity="center_horizonta
android 自定义Dialog
weixin_41449643的博客
06-27 674
android 自定义 Dialog
自定义Android对话框(Dialog)实例与管理
2. **showDialog(int id)**: 调用此方法时，传入一个唯一的标识符，系统会调用onCreateDialog(id)来创建对话框实例。这是一个展示对话框的入口，开发者应该在此处确保对话框的初次显示正确无误。 3. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值