Android中自定义AlertDialog使用

1. 转自：http://blog.csdn.net/anialy/article/details/8483280

简述：

需要自定义一个AlertDialog来显示一些警告框，只需要修改一下背景图片和相应在mydialog.xml中的布局信息就可以自定义了

知识点：

1. 自定义警告框

2. selector修改点击行为的图片切换

3. RelativeLayout的排版

代码：

主界面的xml界面文件

main_activity.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/mainRelativeLayout"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     >  
7.   
8.     <Button  
9.         android:id="@+id/myBtn"  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content"  
12.         android:text="show dialog"  
13.         android:textSize="22dip"  
14.          />  
15.   
16. </RelativeLayout>  

主界面显示的Java代码
MainActivity.java

[java]  view plain copy

1. package com.atp.ui;  
2.   
3. import com.atp.R;  
4.   
5. import android.app.Activity;  
6. import android.app.AlertDialog;  
7. import android.os.Bundle;  
8. import android.view.View;  
9. import android.widget.Button;  
10.   
11. public class MainActivity extends Activity {  
12.   
13.     private Button myBtn = null;  
14.     private AlertDialog myDialog = null;  
15.     @Override  
16.     protected void onCreate(Bundle savedInstanceState) {  
17.         super.onCreate(savedInstanceState);  
18.         setContentView(R.layout.main_activity);  
19.         myBtn = (Button) findViewById(R.id.myBtn);  
20.         myBtn.setOnClickListener(new View.OnClickListener() {  
21.             @Override  
22.             public void onClick(View arg0) {  
23.                 myDialog = new AlertDialog.Builder(MainActivity.this).create();  
24.                 myDialog.show();  
25.                 myDialog.getWindow().setContentView(R.layout.mydialog);  
26.                 myDialog.getWindow()  
27.                     .findViewById(R.id.button_back_mydialog)  
28.                     .setOnClickListener(new View.OnClickListener() {  
29.                     @Override  
30.                     public void onClick(View v) {  
31.                         myDialog.dismiss();  
32.                     }  
33.                 });  
34.             }  
35.         });  
36.     }  
37. }  

mydialog.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content" >  
5.   
6.     <ImageView  
7.         android:id="@+id/imageView_background_mydialog"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content"  
10.         android:layout_centerInParent="true"  
11.         android:src="@drawable/pop_up" />  
12.   
13.     <!-- Line 1 -->  
14.   
15.     <ImageView  
16.         android:id="@+id/imageView_warning_mydialog"  
17.         android:layout_width="wrap_content"  
18.         android:layout_height="wrap_content"  
19.         android:layout_alignLeft="@id/imageView_background_mydialog"  
20.         android:layout_alignTop="@id/imageView_background_mydialog"  
21.         android:layout_marginLeft="20dip"  
22.         android:layout_marginTop="30dip"  
23.         android:src="@drawable/success" />  
24.   
25.     <TextView  
26.         android:id="@+id/textView_title_mydialog"  
27.         android:layout_width="wrap_content"  
28.         android:layout_height="wrap_content"  
29.         android:layout_toRightOf="@id/imageView_warning_mydialog"  
30.         android:layout_alignTop="@id/imageView_background_mydialog"  
31.         android:layout_marginLeft="20dip"  
32.         android:layout_marginTop="30dp"  
33.         android:text="success AlertDialog"  
34.         android:textColor="@color/white"  
35.         android:textSize="22dp" >  
36.     </TextView>  
37.   
38.     <!-- Line 2 -->  
39.   
40.     <TextView  
41.         android:id="@+id/textView_mydialog"  
42.         android:layout_width="250dp"  
43.         android:layout_height="wrap_content"  
44.         android:layout_alignLeft="@id/imageView_background_mydialog"  
45.         android:layout_alignTop="@id/imageView_background_mydialog"  
46.         android:layout_marginLeft="30dip"  
47.         android:layout_marginTop="87dip"  
48.         android:text="HELLO WORLD"  
49.         android:textColor="@color/white"  
50.         android:textSize="15dp" />  
51.       
52.     <!-- Line 3 -->  
53.   
54.     <Button  
55.         android:id="@+id/button_back_mydialog"  
56.         android:layout_width="wrap_content"  
57.         android:layout_height="wrap_content"  
58.         android:layout_alignBottom="@+id/imageView_background_mydialog"  
59.         android:layout_marginBottom="20dp"  
60.         android:layout_centerHorizontal="true"  
61.         android:background="@drawable/button_empty_selector"  
62.         android:text="CANCEL" />  
63.   
64. </RelativeLayout>  

自定义图片的动态切换

button_empty_selector.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.   
4.     <item android:drawable="@drawable/button_press_9" android:state_pressed="true"></item>  
5.     <item android:drawable="@drawable/button_normal_9" android:state_pressed="false"></item>  
6.   
7. </selector>  

实际效果：

点击前，

点击之后，