Android-自定义弹出框样式

前言：

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

废话不说先上图片：

实现机制

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

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

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

具体代码

dialog_normal_layout.xml样式文件

<?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" />



 



        <LinearLayout




            android:id="@+id/content"




            android:layout_width="fill_parent"




            android:layout_height="wrap_content"




            android:gravity="center" >



 



 



            <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" />



        </LinearLayout>




 



        <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

<?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

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.content))



						.removeAllViews();



				((LinearLayout) layout.findViewById(R.id.content))



						.addView(contentView, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));



			}



			dialog.setContentView(layout);



			return dialog;



		}



	}



}

使用代码

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

至此，自定义弹出框已经完成，是不是感觉很简单呢。

这里附上一个自定义弹出框的小项目代码下载地址：点击打开链接

注：转载请注明出处 http://blog.csdn.net/duanyanrui/article/details/8494767