分享一个圆角自定义的漂亮AlertDialog

最新推荐文章于 2024-04-24 16:41:00 发布
最新推荐文章于 2024-04-24 16:41:00 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： android 文章标签： android layout Dialog

转载：http://www.cnblogs.com/eustoma/p/3937099.html

分享一个圆角自定义的漂亮AlertDialog

 

\res\drawable-hdpi\bg_title_custom_dialog.xml:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item><shape>
            <gradient android:angle="270" android:endColor="#e1e1e1" android:startColor="#e1e1e1" />
            <corners android:topLeftRadius="15dp" android:topRightRadius="15dp" />
    </shape></item>
</selector>
复制代码

\res\drawable-hdpi\bg_middle_custom_dialog.xml:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item><shape>
            <gradient android:angle="270" android:endColor="#f5f5f5" android:startColor="#f5f5f5" />
    </shape></item>
</selector>
复制代码

\res\drawable-hdpi\bg_bottom_custom_dialog.xml:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item><shape>
            <gradient android:angle="270" android:endColor="#e1e1e1" android:startColor="#e1e1e1" />
            <corners android:bottomLeftRadius="15dp" android:bottomRightRadius="15dp" />
    </shape></item>
</selector>
复制代码

\res\drawable-hdpi\bbuton_info_rounded.xml:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"><shape>
            <solid android:color="@color/bbutton_info_pressed" />
            <stroke android:width="1dp" android:color="@color/bbutton_info_edge" />
            <corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
        </shape></item>
            
    <item android:state_enabled="false"><shape>
        <solid android:color="@color/bbutton_info_disabled" />
            <stroke android:width="1dp" android:color="@color/bbutton_info_disabled_edge" />
            <corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
        </shape></item>
        
    
    <item><shape>
            <solid android:color="@color/bbutton_info" />
            <stroke android:width="1dp" android:color="@color/bbutton_info_edge" />
            <corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
        </shape></item>

</selector>
复制代码

\res\drawable-hdpi\bbuton_danger_rounded.xml:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"><shape>
            <solid android:color="@color/bbutton_danger_pressed" />
            <stroke android:width="1dp" android:color="@color/bbutton_danger_edge" />
            <corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
        </shape></item>
        
    
    <item android:state_enabled="false"><shape>
        <solid android:color="@color/bbutton_danger_disabled" />
            <stroke android:width="1dp" android:color="@color/bbutton_danger_disabled_edge" />
            <corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
        </shape></item>
        

    <item><shape>
            <solid android:color="@color/bbutton_danger" />
            <stroke android:width="1dp" android:color="@color/bbutton_danger_edge" />
            <corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
        </shape></item>
    
        
</selector>
复制代码

\res\layout\custom_dialog_layout.xml:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:minWidth="280dip"
    android:orientation="vertical"
    android:background="@null">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_title_custom_dialog"
        android:paddingTop="10dip"
        android:paddingBottom="10dip"
        android:orientation="horizontal" >
        <ImageView 
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dip"
            android:src="@drawable/ic_expand"
            android:contentDescription="@string/line"/>
        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="8dip"
            android:textSize="16sp"
            />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:minHeight="100dip"
        android:background="@drawable/bg_middle_custom_dialog"
        android:orientation="vertical" 
        android:gravity="center">

        <TextView
            android:id="@+id/message"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dip" 
            android:textSize="16sp"
            android:textColor="#FF000000"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingTop="5dip"
        android:paddingBottom="5dip"
        android:paddingLeft="5dip"
        android:paddingRight="5dip"
        android:background="@drawable/bg_bottom_custom_dialog"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/positiveButton"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:background="@drawable/bbuton_info_rounded"
            android:textColor="@color/bg_white"
            android:layout_weight="1"
            android:singleLine="true" />

        <Button
            android:id="@+id/negativeButton"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:background="@drawable/bbuton_danger_rounded"
            android:layout_marginLeft="3dip"
            android:textColor="@color/bg_white"
            android:layout_weight="1"
            android:singleLine="true" />
    </LinearLayout>

</LinearLayout>
复制代码

\res\layout\activity_main.xml:

按 Ctrl+C 复制代码
按 Ctrl+C 复制代码

CustomDialog.java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
package  com.example.test;
  
import  android.app.Dialog;
import  android.content.Context;
import  android.content.DialogInterface;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup.LayoutParams;
import  android.widget.Button;
import  android.widget.LinearLayout;
import  android.widget.TextView;
  
/**
  *
  * Create custom Dialog windows for your application
  * Custom dialogs rely on custom layouts wich allow you to
  * create and use your own look & feel.
  *
  * Under GPL v3 : http://www.gnu.org/licenses/gpl-3.0.html
  *
  * <a href="http://my.oschina.net/arthor" target="_blank" rel="nofollow">@author</a> antoine vianey
  *
  */
public  class  CustomDialog  extends  Dialog {
  
     public  CustomDialog(Context context,  int  theme) {
         super (context, theme);
     }
  
     public  CustomDialog(Context context) {
         super (context);
     }
  
     /**
      * Helper class for creating a custom dialog
      */
     public  static  class  Builder {
  
         private  Context context;
         private  String title;
         private  String message;
         private  String positiveButtonText;
         private  String negativeButtonText;
         private  View contentView;
  
         private  DialogInterface.OnClickListener positiveButtonClickListener, negativeButtonClickListener;
  
         public  Builder(Context context) {
             this .context = context;
         }
  
         /**
          * Set the Dialog message from String
          * @param title
          * @return
          */
         public  Builder setMessage(String message) {
             this .message = message;
             return  this ;
         }
  
         /**
          * Set the Dialog message from resource
          * @param title
          * @return
          */
         public  Builder setMessage( int  message) {
             this .message = (String) context.getText(message);
             return  this ;
         }
  
         /**
          * Set the Dialog title from resource
          * @param title
          * @return
          */
         public  Builder setTitle( int  title) {
             this .title = (String) context.getText(title);
             return  this ;
         }
  
         /**
          * Set the Dialog title from String
          * @param title
          * @return
          */
         public  Builder setTitle(String title) {
             this .title = title;
             return  this ;
         }
  
         /**
          * Set a custom content view for the Dialog.
          * If a message is set, the contentView is not
          * added to the Dialog...
          * @param v
          * @return
          */
         public  Builder setContentView(View v) {
             this .contentView = v;
             return  this ;
         }
  
         /**
          * Set the positive button resource and it's listener
          * @param positiveButtonText
          * @param listener
          * @return
          */
         public  Builder setPositiveButton( int  positiveButtonText, DialogInterface.OnClickListener listener) {
             this .positiveButtonText = (String) context.getText(positiveButtonText);
             this .positiveButtonClickListener = listener;
             return  this ;
         }
  
         /**
          * Set the positive button text and it's listener
          * @param positiveButtonText
          * @param listener
          * @return
          */
         public  Builder setPositiveButton(String positiveButtonText, DialogInterface.OnClickListener listener) {
             this .positiveButtonText = positiveButtonText;
             this .positiveButtonClickListener = listener;
             return  this ;
         }
  
         /**
          * Set the negative button resource and it's listener
          * @param negativeButtonText
          * @param listener
          * @return
          */
         public  Builder setNegativeButton( int  negativeButtonText, DialogInterface.OnClickListener listener) {
             this .negativeButtonText = (String) context.getText(negativeButtonText);
             this .negativeButtonClickListener = listener;
             return  this ;
         }
  
         /**
          * Set the negative button text and it's listener
          * @param negativeButtonText
          * @param listener
          * @return
          */
         public  Builder setNegativeButton(String negativeButtonText, DialogInterface.OnClickListener listener) {
             this .negativeButtonText = negativeButtonText;
             this .negativeButtonClickListener = listener;
             return  this ;
         }
  
         /**
          * Create the custom dialog
          */
         public  CustomDialog create() {
             LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
             // instantiate the dialog with the custom Theme
             final  CustomDialog dialog =  new  CustomDialog(context, R.style.Dialog);
             dialog.setCanceledOnTouchOutside( false );
             View layout = inflater.inflate(R.layout.custom_dialog_layout,  null );
             dialog.addContentView(layout,  new  LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
             // set the dialog title
             ((TextView) layout.findViewById(R.id.title)).setText(title);
             // set the confirm button
             if  (positiveButtonText !=  null ) {
                 ((Button) layout.findViewById(R.id.positiveButton)).setText(positiveButtonText);
                 if  (positiveButtonClickListener !=  null ) {
                     ((Button) layout.findViewById(R.id.positiveButton)).setOnClickListener( new  View.OnClickListener() {
                                 public  void  onClick(View v) {
                                     positiveButtonClickListener.onClick(Dialog, DialogInterface.BUTTON_POSITIVE);
                                 }
                             });
                 }
             }  else  {
                 // if no confirm button just set the visibility to GONE
                 layout.findViewById(R.id.positiveButton).setVisibility(View.GONE);
             }
             
             // set the cancel button
             if  (negativeButtonText !=  null ) {
                 ((Button) layout.findViewById(R.id.negativeButton)).setText(negativeButtonText);
                 if  (negativeButtonClickListener !=  null ) {
                     ((Button) layout.findViewById(R.id.negativeButton)).setOnClickListener( new  View.OnClickListener() {
                                 public  void  onClick(View v) {
                                     negativeButtonClickListener.onClick(Dialog, DialogInterface.BUTTON_NEGATIVE);
                                 }
                             });
                 }
             }  else  {
                 // if no confirm button just set the visibility to GONE
                 layout.findViewById(R.id.negativeButton).setVisibility(View.GONE);
             }
             
             // set the content message
             if  (message !=  null ) {
                 ((TextView) layout.findViewById(R.id.message)).setText(message);
             }  else  if  (contentView !=  null ) {
                 // if no message set
                 // add the contentView to the dialog body
                 ((LinearLayout) layout.findViewById(R.id.content)).removeAllViews();
                 ((LinearLayout) layout.findViewById(R.id.content)).addView(contentView,  new  LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
             }
             dialog.setContentView(layout);
             return  dialog;
         }
  
     }
  
}

　　MainActivity.java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
package  com.example.test;
 
import  android.os.Bundle;
import  android.app.Activity;
import  android.app.Dialog;
import  android.content.DialogInterface;
import  android.view.Menu;
import  android.view.View;
import  android.view.View.OnClickListener;
 
public  class  MainActivity  extends  Activity {
     private  CustomDialog dialog;
     @Override
     protected  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         findViewById(R.id.button1).setOnClickListener( new  OnClickListener(){
 
             @Override
             public  void  onClick(View arg0) {
                 // TODO Auto-generated method stub
                 CustomDialog.Builder customBuilder =  new
                         CustomDialog.Builder(MainActivity. this );
                     customBuilder.setTitle( "标题" )
                         .setMessage( "提示内容" )
                         .setNegativeButton( "取消" ,  new  DialogInterface.OnClickListener() {
                             public  void  onClick(DialogInterface dialog,  int  which) {
                                 
                             }
                         })
                         .setPositiveButton( "确定" ,
                                 new  DialogInterface.OnClickListener() {
                             public  void  onClick(DialogInterface dialog,  int  which) {
                                 dialog.dismiss();
                             }
                         });
                     dialog = customBuilder.create();
                     dialog.show();
             }
             
         });
     }
 
     @Override
     public  boolean  onCreateOptionsMenu(Menu menu) {
         // Inflate the menu; this adds items to the action bar if it is present.
         getMenuInflater().inflate(R.menu.main, menu);
         return  true ;
     }
     
}

　　

http://www.eoeandroid.com/thread-319801-1-1.html


lyen2010
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
好看的AlertDialog
07-28
Android官方自带的alertDialog很强大，可以实现很多功能。本文介绍的alertDialog是继承自Dialog，做了一些样式的优化。Icon在布局中写的。当然你也可以改改，实现图标自定义。
好看的 自定义AlertDialog
一个会玩sf的男人的专栏
04-30 2091
先来看看效果这就是一个自定义的dialog。 直接上代码：<?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/a
简单快速取消AlertDialog的白色背景框，AlertDialog设置圆角背景
CHenhong_666的博客
01-24 869
使用shape 设置圆角背景后，弹出的AlertDialog提示框四个角有白色的背景，一行代码完美解决问题
一个好看的Android AlertDialog
qq_41138470的博客
04-14 506
最近项目需求，需要一个好看一点的提示框，网上搜罗一番，发现sweetDialog 人气很高，但是到了实际使用的时候，发现有些问题不太好解决，而且已经三年没有更新了，而其他的库，更是达不到要求。所以索性自己写了一个smile-dialog，这里放出来，希望对大家有所帮助。 目前实现比较简单，只是一个简单的提示框（warning、success、error 三种状态），以后持续添加新的功能。 话不多说...
Android漂亮的对话框项目sweet-alert-dialog
z842667166的博客
07-01 794
项目地址： https://github.com/pedant/sweet-alert-dialog android原生的dialog太生硬了，之前看到了这个效果非常不错但是没有用过，今天给别人推荐使用，他遇到了问题，导入后错误非常多，也没有库工程。于是自己认真看了一下，这是个AndroidStudio的工程，并且里面还依赖于materialish-progress工程，也是个AS的工程。于
很漂亮的自定义的AlertDialog的对话框
zh刺客
08-11 774
请尊重原创；过后会上传源码，或者联系我 看图效果 不多说，上代码 public void init(){ final View textEntryView=factory.inflate(R.layout.dialog_layout,null); dlg=new AlertDialog.Builder(MainActivity.
Android中AlertDialog实现圆角边框效果
热门推荐
活在当下！输出快乐！
11-22 1万+
文章目录背景实现思路创建自定义视图的布局文件实现代码简单运行效果图改变dialog的宽度 背景 微博的圆角边框的Dialog用户体验很好，让我们一起来实现这个功能，然后应用到自己的项目中去。 微博中图示为： 实现思路 新建一个AlertDialog对象并显示，然后获取这个dialog的Window对象，给这个Window对象设置自定义view显示视图内容即可。 这里view视图中的内容展示...
android漂亮的dialog,一个好看的Android AlertDialog
weixin_40006977的博客
06-02 726
最近项目需求，需要一个好看一点的提示框，网上搜罗一番，发现sweetDialog 人气很高，但是到了实际使用的时候，发现有些问题不太好解决，而且已经三年没有更新了，而其他的库，更是达不到要求。所以索性自己写了一个smile-dialog，这里放出来，希望对大家有所帮助。目前实现比较简单，只是一个简单的提示框(warning、success、error 三种状态)，以后持续添加新的功能。话不多说，先...
安卓好看的弹出提示（Dialog）—— ColorDialog
莫言情难忘的博客
11-28 5899
这个类似于 Sweet Alert Dialog ，同样是弹出提示，这个比Sweet Alert Dialog功能要多点 ColorDialog github地址 展示： 过程： 第一步：project的build.gradle中添加maven maven { url "https://jitpack.io" } 第二步：添加依赖并Sync Now impleme...
【kotlin】好看的弹出框、自定义弹出框（对话框）、扩展函数、菊花等待条、消息提示框
weixin_44002043的博客
06-28 976
扩展函数
android中AlertDialog设置圆角
aidou1314的博客
04-26 4222
参考网址：https://blog.csdn.net/qq_33224517/article/details/53421307 说明：在AlertDialog自定义布局的时候，想要一个圆角效果，但是给xml设置圆角后，AlertDialog并不是显示的圆角，只有自定义的布局是圆角样式，AlertDialog会显示出一个白色四方的背景 AlertDialog alertDialog = new...
KAlertDialog,android的alert dialog，一个漂亮的材料警告对话框，可以在你的android应用程序中使用。.zip
10-11
android的alert dialog，一个漂亮的材料警告对话框，可以在你的android应用程序中使用。
android自定义的可扩展漂亮的dialog对话框
11-12
android自定义可扩展漂亮的dialog对话框，支持android 2.2以上的版本，可用作条件筛选、消息提示、浮出窗口的应用操作。
Android自定义单例AlertDialog详解
08-29
主要为大家详细介绍了Android自定义单例AlertDialog的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ANDROID中自定义对话框AlertDialog使用示例
01-05
AlertDialog中定义的一些对话框往往无法满足我们关于对话框的需求，这时我们就需要通过自定义对话框VIEW来实现需求，这里我自定义一个登陆的提示对话框，效果图显示如下： Layout（alertdialog自定义登陆按钮）界面...
AlertDialog:自定义样式AlertDialog
05-13
一个可自定义UI风格的对话框，用法和原生的AlertDialog类似。 效果图 下面是一个仿ios风格的对话框效果图： 使用 用法如下所示： AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setTitle...
alertDialog 自定义 圆角 无黑边问题
12-23
该alertDialog 解决了自定义过程中容易出现边角黑边无法去除等问题，代码简介易懂，类似IOS dialog风格.zip
react-native开发安卓端app
m0_73872315的博客
04-24 565
总之，第一次app开发还是颇废了我一番功夫的，可以说红温了很多次，不过好在最终没有夭折。。。接下来要做点啥好像暂时还没有思路，正在思考我需要点啥中。。。。
Android 跨进程通信
最新发布
Yimi-依米 的博客
04-24 193
Android中常用的跨进程通信方法有以下几种： Intent、Binder、AIDL、Messenger、ContentProvider。
android在onCreateDialog中使用AlertDialog dialog自定义一个弹窗
05-24
可以像下面这样在 `onCreateDialog()` 方法中自定义一个 `AlertDialog` 弹窗： ```java @Override public Dialog onCreateDialog(Bundle savedInstanceState) { AlertDialog.Builder builder = new AlertDialog....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值