自定义Dialog UI

中关村村草

自定义Dialog UI  

本例中CustomDialog继承Dialog，使用custom_dialog.xml布局文件。




custom_dialog.xml，这里就随便布局了一下



Java代码

1. 1.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   
2. 2.    android:id="@+id/layout_root"  
   
3. 3.    android:layout_width="fill_parent"  
   
4. 4.    android:layout_height="fill_parent"  
   
5. 5.    android:orientation="horizontal"  
   
6. 6.    android:padding="10dp" >   
   
7. 7.  
   
8. 8.    <ImageView   
   
9. 9.        android:id="@+id/image"  
   
10. 10.        android:layout_width="wrap_content"  
    
11. 11.        android:layout_height="fill_parent"  
    
12. 12.        android:layout_marginRight="10dp" />   
    
13. 13.  
    
14. 14.    <LinearLayout   
    
15. 15.        android:layout_width="fill_parent"  
    
16. 16.        android:layout_height="wrap_content"  
    
17. 17.        android:orientation="vertical"  
    
18. 18.        android:padding="5px" >   
    
19. 19.  
    
20. 20.        <TextView   
    
21. 21.            android:id="@+id/text"  
    
22. 22.            android:layout_width="wrap_content"  
    
23. 23.            android:layout_height="fill_parent"  
    
24. 24.            android:textColor="#FFF" />   
    
25. 25.  
    
26. 26.        <LinearLayout   
    
27. 27.            android:layout_width="fill_parent"  
    
28. 28.            android:layout_height="wrap_content"  
    
29. 29.            android:orientation="horizontal"  
    
30. 30.            android:padding="5px" >   
    
31. 31.  
    
32. 32.            <Button   
    
33. 33.                android:id="@+id/button_yes"  
    
34. 34.                android:layout_width="wrap_content"  
    
35. 35.                android:layout_height="wrap_content"  
    
36. 36.                android:gravity="center"  
    
37. 37.                android:text=" Yes " />   
    
38. 38.  
    
39. 39.            <Button   
    
40. 40.                android:id="@+id/button_no"  
    
41. 41.                android:layout_width="wrap_content"  
    
42. 42.                android:layout_height="wrap_content"  
    
43. 43.                android:gravity="center"  
    
44. 44.                android:text=" No " />   
    
45. 45.        </LinearLayout>   
    
46. 46.    </LinearLayout>   
    
47. 47.  
    
48. 48.</LinearLayout>  
    
49. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
50.     android:id="@+id/layout_root"
    
51.     android:layout_width="fill_parent"
    
52.     android:layout_height="fill_parent"
    
53.     android:orientation="horizontal"
    
54.     android:padding="10dp" >
    
55. 
    
56.     <ImageView
    
57.         android:id="@+id/image"
    
58.         android:layout_width="wrap_content"
    
59.         android:layout_height="fill_parent"
    
60.         android:layout_marginRight="10dp" />
    
61. 
    
62.     <LinearLayout
    
63.         android:layout_width="fill_parent"
    
64.         android:layout_height="wrap_content"
    
65.         android:orientation="vertical"
    
66.         android:padding="5px" >
    
67. 
    
68.         <TextView
    
69.             android:id="@+id/text"
    
70.             android:layout_width="wrap_content"
    
71.             android:layout_height="fill_parent"
    
72.             android:textColor="#FFF" />
    
73. 
    
74.         <LinearLayout
    
75.             android:layout_width="fill_parent"
    
76.             android:layout_height="wrap_content"
    
77.             android:orientation="horizontal"
    
78.             android:padding="5px" >
    
79. 
    
80.             <Button
    
81.                 android:id="@+id/button_yes"
    
82.                 android:layout_width="wrap_content"
    
83.                 android:layout_height="wrap_content"
    
84.                 android:gravity="center"
    
85.                 android:text=" Yes " />
    
86. 
    
87.             <Button
    
88.                 android:id="@+id/button_no"
    
89.                 android:layout_width="wrap_content"
    
90.                 android:layout_height="wrap_content"
    
91.                 android:gravity="center"
    
92.                 android:text=" No " />
    
93.         </LinearLayout>
    
94.     </LinearLayout>
    
95. 
    
96. </LinearLayout>  
    

复制代码

main.xml



Java代码

1. 1.<?xml version="1.0" encoding="utf-8"?>   
   
2. 2.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   
3. 3.    android:orientation="vertical"  
   
4. 4.    android:layout_width="fill_parent"  
   
5. 5.    android:layout_height="fill_parent"  
   
6. 6.    >   
   
7. 7.<Button   
   
8. 8.    android:id="@+id/main_button"     
   
9. 9.    android:layout_width="fill_parent"   
   
10. 10.    android:layout_height="wrap_content"   
    
11. 11.    android:text="click to start an Dialog"  
    
12. 12.    />   
    
13. 13.</LinearLayout>  
    
14. <?xml version="1.0" encoding="utf-8"?>
    
15. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
16.     android:orientation="vertical"
    
17.     android:layout_width="fill_parent"
    
18.     android:layout_height="fill_parent"
    
19.     >
    
20. <Button
    
21.         android:id="@+id/main_button"  
    
22.     android:layout_width="fill_parent"
    
23.     android:layout_height="wrap_content"
    
24.     android:text="click to start an Dialog"
    
25.     />
    
26. </LinearLayout>

复制代码

CustomDialog.java，CustomDialog继承Dialog，使用起来和Activity差不多，通过setContentView()指定使用的布局文件，剩下的就和Activity差不多了，就是一些findViewById()和setListener()。



Java代码

1. 1.package com.android.CustomDialog;   
   
2. 2.  
   
3. 3.import android.app.Dialog;   
   
4. 4.import android.content.Context;   
   
5. 5.import android.os.Bundle;   
   
6. 6.import android.util.Log;   
   
7. 7.import android.view.View;   
   
8. 8.import android.widget.Button;   
   
9. 9.import android.widget.ImageView;   
   
10. 10.import android.widget.TextView;   
    
11. 11.  
    
12. 12.public class CustomDialog extends Dialog {   
    
13. 13.  
    
14. 14.    public CustomDialog(Context context) {   
    
15. 15.        super(context);   
    
16. 16.        // TODO Auto-generated constructor stub   
    
17. 17.    }   
    
18. 18.      
    
19. 19.     protected void onCreate(Bundle savedInstanceState){   
    
20. 20.         super.onCreate(savedInstanceState);   
    
21. 21.            
    
22. 22.         setContentView(R.layout.custom_dialog);   
    
23. 23.         setTitle("Custom Dialog");   
    
24. 24.  
    
25. 25.         TextView text = (TextView)findViewById(R.id.text);   
    
26. 26.         text.setText("Hello, this is a custom dialog!");   
    
27. 27.         ImageView image = (ImageView)findViewById(R.id.image);   
    
28. 28.         image.setImageResource(R.drawable.sepurple);   
    
29. 29.            
    
30. 30.         Button buttonYes = (Button) findViewById(R.id.button_yes);   
    
31. 31.         buttonYes.setHeight(5);   
    
32. 32.         buttonYes.setOnClickListener(new Button.OnClickListener(){   
    
33. 33.  
    
34. 34.                public void onClick(View v) {   
    
35. 35.                    // TODO Auto-generated method stub   
    
36. 36.                    dismiss();   
    
37. 37.                       
    
38. 38.                }   
    
39. 39.            });   
    
40. 40.         Button buttonNo = (Button) findViewById(R.id.button_no);   
    
41. 41.         buttonNo.setSingleLine(true);   
    
42. 42.         buttonNo.setOnClickListener(new Button.OnClickListener(){   
    
43. 43.  
    
44. 44.                public void onClick(View v) {   
    
45. 45.                    // TODO Auto-generated method stub   
    
46. 46.                    dismiss();   
    
47. 47.                       
    
48. 48.                }   
    
49. 49.            });   
    
50. 50.     }   
    
51. 51.        
    
52. 52.     //called when this dialog is dismissed   
    
53. 53.     protected void onStop() {   
    
54. 54.         Log.d("TAG","+++++++++++++++++++++++++++");   
    
55. 55.     }   
    
56. 56.        
    
57. 57.  
    
58. 58.}  
    
59. package com.android.CustomDialog;
    
60. 
    
61. import android.app.Dialog;
    
62. import android.content.Context;
    
63. import android.os.Bundle;
    
64. import android.util.Log;
    
65. import android.view.View;
    
66. import android.widget.Button;
    
67. import android.widget.ImageView;
    
68. import android.widget.TextView;
    
69. 
    
70. public class CustomDialog extends Dialog {
    
71. 
    
72.         public CustomDialog(Context context) {
    
73.                 super(context);
    
74.                 // TODO Auto-generated constructor stub
    
75.         }
    
76.        
    
77.          protected void onCreate(Bundle savedInstanceState){
    
78.                  super.onCreate(savedInstanceState);
    
79.                  
    
80.                  setContentView(R.layout.custom_dialog);
    
81.                  setTitle("Custom Dialog");
    
82. 
    
83.                  TextView text = (TextView)findViewById(R.id.text);
    
84.                  text.setText("Hello, this is a custom dialog!");
    
85.                  ImageView image = (ImageView)findViewById(R.id.image);
    
86.                  image.setImageResource(R.drawable.sepurple);
    
87.                  
    
88.                  Button buttonYes = (Button) findViewById(R.id.button_yes);
    
89.                  buttonYes.setHeight(5);
    
90.                  buttonYes.setOnClickListener(new Button.OnClickListener(){
    
91. 
    
92.                                 public void onClick(View v) {
    
93.                                         // TODO Auto-generated method stub
    
94.                                         dismiss();
    
95.                                        
    
96.                                 }
    
97.                 });
    
98.                  Button buttonNo = (Button) findViewById(R.id.button_no);
    
99.                  buttonNo.setSingleLine(true);
    
100.                  buttonNo.setOnClickListener(new Button.OnClickListener(){
     
101. 
     
102.                                 public void onClick(View v) {
     
103.                                         // TODO Auto-generated method stub
     
104.                                         dismiss();
     
105.                                        
     
106.                                 }
     
107.                 });
     
108.          }
     
109.          
     
110.          //called when this dialog is dismissed
     
111.          protected void onStop() {
     
112.                  Log.d("TAG","+++++++++++++++++++++++++++");
     
113.          }
     
114.          
     
115. 
     
116. }

复制代码

CustomDialogUsage.java，这里重写了Activity的onCreateDialog()方法创建Dialog()，并为Dialog设置了OnDismissListener，没什么特别的。



Java代码

1. 1.package com.android.CustomDialog;   
   
2. 2.  
   
3. 3.import android.app.Activity;   
   
4. 4.import android.app.Dialog;   
   
5. 5.import android.content.DialogInterface;   
   
6. 6.import android.content.DialogInterface.OnDismissListener;   
   
7. 7.import android.os.Bundle;   
   
8. 8.import android.view.View;   
   
9. 9.import android.view.View.OnClickListener;   
   
10. 10.import android.widget.Button;   
    
11. 11.import android.widget.Toast;   
    
12. 12.  
    
13. 13.public class CustomDialogUsage extends Activity {   
    
14. 14.  
    
15. 15.    OnDismissListener lis;   
    
16. 16.    /** Called when the activity is first created. */  
    
17. 17.    @Override  
    
18. 18.    public void onCreate(Bundle savedInstanceState) {   
    
19. 19.        super.onCreate(savedInstanceState);   
    
20. 20.        setContentView(R.layout.main);   
    
21. 21.           
    
22. 22.        lis  =  new OnDismissListener() {   
    
23. 23.               
    
24. 24.            @Override  
    
25. 25.            public void onDismiss(DialogInterface dialog) {   
    
26. 26.                // TODO Auto-generated method stub   
    
27. 27.                Toast.makeText(getApplicationContext(),   
    
28. 28.                        ((CustomDialog)dialog).toString(),   
    
29. 29.                        Toast.LENGTH_SHORT)   
    
30. 30.                .show();   
    
31. 31.            }   
    
32. 32.        };   
    
33. 33.           
    
34. 34.        Button buttonYes = (Button) findViewById(R.id.main_button);   
    
35. 35.        buttonYes.setOnClickListener(new OnClickListener(){   
    
36. 36.  
    
37. 37.            public void onClick(View v) {   
    
38. 38.                // TODO Auto-generated method stub   
    
39. 39.                showDialog(0);   
    
40. 40.            }   
    
41. 41.        });   
    
42. 42.  
    
43. 43.    }   
    
44. 44.      
    
45. 45.    @Override  
    
46. 46.    protected Dialog onCreateDialog(int id) {   
    
47. 47.        // TODO Auto-generated method stub   
    
48. 48.        Dialog d = new CustomDialog(this);   
    
49. 49.        d.setOnDismissListener(lis);   
    
50. 50.        return d;   
    
51. 51.    }   
    
52. 52.      
    
53. 53.    @Override  
    
54. 54.    protected void onPrepareDialog(int id, Dialog dialog) {   
    
55. 55.        // TODO Auto-generated method stub   
    
56. 56.        super.onPrepareDialog(id, dialog);   
    
57. 57.    }   
    
58. 58.      
    
59. 59.}  

复制代码