android自定义弹出框样式实现

最新推荐文章于 2023-08-24 17:07:59 发布

from_lazy_boy

最新推荐文章于 2023-08-24 17:07:59 发布

阅读量1.4k

点赞数

分类专栏： android 文章标签： android

android 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

原文地址:http://blog.csdn.net/duanyanrui/article/details/8494767

前言：

做项目时，感觉android自带的弹出框样式比较丑，很多应用都是自己做的弹出框，这里也试着自己做了一个。

废话不说先上图片：

实现机制

1.先自定义一个弹出框的样式

2.自己实现CustomDialog类，继承自Dialog，实现里面方法，在里面加载自定义样式的弹出框；

3.使用时，与使用Dialog一样

具体代码

dialog_normal_layout.xml样式文件

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="fill_parent"  
     android:layout_height="fill_parent"  
     android:clickable="true"  
     android:orientation="vertical"  
     android:padding="20.0dip" >  
   
     <LinearLayout  
         android:layout_width="fill_parent"  
         android:layout_height="wrap_content"  
         android:layout_gravity="center"  
         android:background="@drawable/bg_bombbox"  
         android:orientation="vertical" >  
   
         <TextView  
             android:id="@+id/title"  
             style="@style/text_18_ffffff"  
             android:layout_width="fill_parent"  
             android:layout_height="40.0dip"  
             android:gravity="center"  
             android:text="@string/title_alert"  
             android:visibility="visible" />  
   
         <TextView  
             android:id="@+id/message"  
             style="@style/text_16_666666"  
             android:layout_width="fill_parent"  
             android:layout_height="wrap_content"  
             android:gravity="left|center"  
             android:lineSpacingMultiplier="1.5"  
             android:minHeight="120.0dip"  
             android:paddingBottom="15.0dip"  
             android:paddingLeft="20.0dip"  
             android:paddingRight="20.0dip"  
             android:paddingTop="15.0dip" />  
   
         <View  
             android:layout_width="fill_parent"  
             android:layout_height="1.0px"  
             android:background="#ffd0d0d0" />  
   
         <LinearLayout  
             android:layout_width="fill_parent"  
             android:layout_height="60.0dip"  
             android:layout_gravity="bottom"  
             android:background="@drawable/dialog_bottom_bg"  
             android:gravity="center"  
             android:orientation="horizontal" >  
   
             <Button  
                 android:id="@+id/positiveButton"  
                 style="@style/text_15_ffffff_sdw"  
                 android:layout_width="114.0dip"  
                 android:layout_height="40.0dip"  
                 android:background="@drawable/btn_ok_selector"  
                 android:gravity="center"  
                 android:text="@string/ok" />  
   
             <Button  
                 android:id="@+id/negativeButton"  
                 style="@style/text_15_666666_sdw"  
                 android:layout_width="114.0dip"  
                 android:layout_height="40.0dip"  
                 android:layout_marginLeft="20.0dip"  
                 android:background="@drawable/btn_cancel_selector"  
                 android:gravity="center"  
                 android:text="@string/cancel" />  
         </LinearLayout>  
     </LinearLayout>  
   
 </FrameLayout>  

其中引用的样式文件styles.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <resources xmlns:android="http://schemas.android.com/apk/res/android">  
   
     <style name="AppBaseTheme" parent="android:Theme.Light"></style>  
   
     <style name="AppTheme" parent="AppBaseTheme"></style>  
   
     <style name="text_18_ffffff">  
         <item name="android:textSize">18.0dip</item>  
         <item name="android:textColor">#ffffffff</item>  
     </style>  
   
     <style name="text_16_666666">  
         <item name="android:textSize">16.0dip</item>  
         <item name="android:textColor">#ff666666</item>  
     </style>  
   
     <style name="sdw_white">  
         <item name="android:shadowColor">#7fffffff</item>  
         <item name="android:shadowDx">0.0</item>  
         <item name="android:shadowDy">0.65</item>  
         <item name="android:shadowRadius">1.0</item>  
     </style>  
   
     <style name="sdw_79351b">  
         <item name="android:shadowColor">#ff79351b</item>  
         <item name="android:shadowDx">0.0</item>  
         <item name="android:shadowDy">1.0</item>  
         <item name="android:shadowRadius">1.0</item>  
     </style>  
   
     <style name="text_15_ffffff_sdw" parent="@style/sdw_79351b">  
         <item name="android:textSize">15.0dip</item>  
         <item name="android:textColor">#ffffffff</item>  
     </style>  
   
     <style name="text_15_666666_sdw" parent="@style/sdw_white">  
         <item name="android:textSize">15.0dip</item>  
         <item name="android:textColor">#ff666666</item>  
     </style>  
   
     <style name="Dialog" parent="android:style/Theme.Dialog">  
         <item name="android:background">#00000000</item>  
         <item name="android:windowBackground">@android:color/transparent</item>  
         <item name="android:windowNoTitle">true</item>  
         <item name="android:windowIsFloating">true</item>  
     </style>  
   
 </resources>  

自定义Dialog的实现类CustomDialog

[java]view plaincopy 
   
 package com.dyr.custom;  
   
 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;  
   
 import com.dyr.view.R;  
   
 public class CustomDialog extends Dialog {  
   
     public CustomDialog(Context context) {  
         super(context);  
     }  
   
     public CustomDialog(Context context, int theme) {  
         super(context, theme);  
     }  
   
     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;  
         private DialogInterface.OnClickListener negativeButtonClickListener;  
   
         public Builder(Context context) {  
             this.context = context;  
         }  
   
         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;  
         }  
   
         public Builder setContentView(View v) {  
             this.contentView = v;  
             return this;  
         }  
   
         /** 
          * Set the positive button resource and it's listener 
          *  
          * @param positiveButtonText 
          * @return 
          */  
         public Builder setPositiveButton(int positiveButtonText,  
                 DialogInterface.OnClickListener listener) {  
             this.positiveButtonText = (String) context  
                     .getText(positiveButtonText);  
             this.positiveButtonClickListener = listener;  
             return this;  
         }  
   
         public Builder setPositiveButton(String positiveButtonText,  
                 DialogInterface.OnClickListener listener) {  
             this.positiveButtonText = positiveButtonText;  
             this.positiveButtonClickListener = listener;  
             return this;  
         }  
   
         public Builder setNegativeButton(int negativeButtonText,  
                 DialogInterface.OnClickListener listener) {  
             this.negativeButtonText = (String) context  
                     .getText(negativeButtonText);  
             this.negativeButtonClickListener = listener;  
             return this;  
         }  
   
         public Builder setNegativeButton(String negativeButtonText,  
                 DialogInterface.OnClickListener listener) {  
             this.negativeButtonText = negativeButtonText;  
             this.negativeButtonClickListener = listener;  
             return this;  
         }  
   
         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);  
             View layout = inflater.inflate(R.layout.dialog_normal_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.message))  
                         .removeAllViews();  
                 ((LinearLayout) layout.findViewById(R.id.message)).addView(  
                         contentView, new LayoutParams(  
                                 LayoutParams.WRAP_CONTENT,  
                                 LayoutParams.WRAP_CONTENT));  
             }  
             dialog.setContentView(layout);  
             return dialog;  
         }  
   
     }  
 }  

使用代码

[java]view plaincopy 
   
 CustomDialog.Builder builder = new CustomDialog.Builder(this);  
         builder.setMessage("这个就是自定义的提示框");  
         builder.setTitle("提示");  
         builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {  
             public void onClick(DialogInterface dialog, int which) {  
                 dialog.dismiss();  
                 //设置你的操作事项  
             }  
         });  
   
         builder.setNegativeButton("取消",  
                 new android.content.DialogInterface.OnClickListener() {  
                     public void onClick(DialogInterface dialog, int which) {  
                         dialog.dismiss();  
                     }  
                 });  
   
         builder.create().show();  