Android簡單例子——IpHone樣式AlertDialog

lovefan

此例子源于網(wǎng)絡(luò)，下載下來之后，自己加了寫注釋，作為總結(jié)，發(fā)到博客中，謝謝原作者

通過這個例子學(xué)到的東西

1.自定義對話框的使用

2.程序中使用顏色如何進(jìn)行存放，增加復(fù)用性

3.加深線性布局、常用控件的使用

1.實(shí)現(xiàn)效果


2.顏色值文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3.     <drawable name="white">#FFFFFF</drawable>
   
4.     <color name="White">#FFFFFF</color>
   
5.     <color name="Black">#000000</color>
   
6.     <color name="grey">#D7D4D4</color>
   
7.     <color name="red">#FF0000</color>
   
8. 
   
9. </resources>

復(fù)制代碼

3.第一個界面布局文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="wrap_content"
   
5.     android:layout_gravity="center_horizontal|center_vertical"
   
6.     android:orientation="vertical">
   
7.    
   
8.     <LinearLayout
   
9.         android:orientation="vertical"
   
10.         android:background="@drawable/alert"
    
11.         android:layout_width="match_parent"
    
12.         android:layout_height="wrap_content"
    
13.         android:gravity="center_horizontal"
    
14.         android:layout_marginLeft="20dip"
    
15.         android:layout_marginRight="20dip">
    
16.         
    
17.         <TextView android:id="@+id/dialog_title"
    
18.              android:layout_width="wrap_content"
    
19.              android:layout_height="wrap_content"
    
20.              android:layout_marginTop="15dip"
    
21.              android:textColor="#ffffff"
    
22.              android:textStyle="bold"
    
23.              android:textSize="17sp"
    
24.              android:text="About to call 323"/>
    
25.         
    
26.         <TextView android:id="@+id/dialog_message"
    
27.              android:layout_width="wrap_content"
    
28.              android:layout_height="wrap_content"
    
29.              android:layout_margin="10dip"
    
30.              android:gravity="center_horizontal"
    
31.              android:textSize="15sp"
    
32.              android:textColor="#ffffff"
    
33.              android:text="Are you sure you want to proceed?" />
    
34. 
    
35.          <Button
    
36.              android:id="@+id/ok"
    
37.              android:layout_width="fill_parent"
    
38.              android:layout_height="40dip"
    
39.              android:layout_marginBottom="10dip"
    
40.              android:layout_marginLeft="10dip"
    
41.              android:layout_marginRight="10dip"
    
42.              android:background="@drawable/custom_button"
    
43.              android:textColor="@color/White"
    
44.              android:textSize="17sp"
    
45.              android:textStyle="bold"
    
46.              android:text="OK"/>
    
47.     </LinearLayout>
    
48. </LinearLayout>

復(fù)制代碼

4.第二個界面的布局文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="wrap_content"
   
5.     android:layout_gravity="center_horizontal|center_vertical"
   
6.     android:orientation="vertical">
   
7.    
   
8.     <LinearLayout
   
9.         android:orientation="vertical"
   
10.         android:background="@drawable/alert"
    
11.         android:layout_width="match_parent"
    
12.         android:layout_height="wrap_content"
    
13.         android:gravity="center_horizontal"
    
14.         android:layout_marginLeft="20dip"
    
15.         android:layout_marginRight="20dip">
    
16.         
    
17.         <TextView android:id="@+id/dialog_title_2"
    
18.              android:layout_width="wrap_content"
    
19.              android:layout_height="wrap_content"
    
20.              android:layout_marginTop="15dip"
    
21.              android:textColor="#ffffff"
    
22.              android:textStyle="bold"
    
23.              android:textSize="17sp"
    
24.              android:text="About to call 323"/>
    
25.         
    
26.         <TextView android:id="@+id/dialog_message_2"
    
27.              android:layout_width="wrap_content"
    
28.              android:layout_height="wrap_content"
    
29.              android:layout_margin="10dip"
    
30.              android:gravity="center_horizontal"
    
31.              android:textSize="15sp"
    
32.              android:textColor="#ffffff"
    
33.              android:text="Are you sure you want to proceed?" />
    
34.         <LinearLayout
    
35.             android:layout_width="fill_parent"
    
36.             android:layout_height="wrap_content"
    
37.             android:layout_marginBottom="10dip"
    
38.             android:layout_marginTop="10dip"
    
39.             android:gravity="center_horizontal"
    
40.             android:orientation="horizontal" >
    
41. 
    
42.             <Button
    
43.                 android:id="@+id/cancel_2"
    
44.                 android:layout_width="0dip"
    
45.                 android:layout_height="40dip"
    
46.                 android:layout_gravity="left"
    
47.                 android:layout_marginLeft="10dip"
    
48.                 android:layout_weight="1"
    
49.                 android:background="@drawable/custom_button"
    
50.                 android:text="取消"
    
51.                 android:textColor="@color/White"
    
52.                 android:textStyle="bold" />
    
53. 
    
54.             <Button
    
55.                 android:id="@+id/ok_2"
    
56.                 android:layout_width="0dip"
    
57.                 android:layout_height="40dip"
    
58.                 android:layout_marginBottom="10dip"
    
59.                 android:layout_marginRight="10dip"
    
60.                 android:layout_weight="1"
    
61.                 android:background="@drawable/custom_button"
    
62.                 android:text="確定"
    
63.                 android:textColor="@color/White"
    
64.                 android:textStyle="bold" />
    
65.         </LinearLayout>
    
66.     </LinearLayout>
    
67. </LinearLayout>

復(fù)制代碼

5.核心代碼文件

1. public class MainActivity extends Activity {
   
2. 
   
3.     private Button btn;
   
4.     private Button btn2;
   
5.     @Override
   
6.     protected void onCreate(Bundle savedInstanceState) {
   
7.         super.onCreate(savedInstanceState);
   
8.         setContentView(R.layout.activity_main);
   
9.         
   
10.         btn = (Button) findViewById(R.id.btn1);
    
11.         
    
12.         /**增加監(jiān)聽事件**/
    
13.         btn.setOnClickListener(new OnClickListener() {
    
14.             
    
15.             @Override
    
16.             public void onClick(View view) {
    
17.                 // TODO Auto-generated method stub
    
18.                 showCustomMessageOK("提示信息","不能進(jìn)行此項(xiàng)操作");
    
19.             }
    
20. 
    
21.         });
    
22.         
    
23.         btn2 = (Button) findViewById(R.id.btn2);
    
24.         btn2.setOnClickListener(new OnClickListener() {
    
25.             @Override
    
26.             public void onClick(View view) {
    
27.                 // TODO Auto-generated method stub
    
28.                 showCustomMessageOKAndCancle("溫馨提示","是否確認(rèn)退出");
    
29.             }
    
30.         });
    
31.     }
    
32.    
    
33.     /**
    
34.      * 實(shí)現(xiàn)一個帶有確定和取消按鈕的對話框
    
35.      * @param title
    
36.      * @param message
    
37.      */
    
38.     protected void showCustomMessageOKAndCancle(String title, String message) {
    
39.         // TODO Auto-generated method stub
    
40.         
    
41.         /**
    
42.          * 創(chuàng)建一個Dialog對象，Dialog有兩個構(gòu)造法方法
    
43.          * 1.
    
44.          *
    
45.          *
    
46.          **/
    
47.         final Dialog dialog = new Dialog(MainActivity.this, android.R.style.Theme_Translucent_NoTitleBar);
    
48.         
    
49.         /**為Dialog加載布局文件**/
    
50.         dialog.setContentView(R.layout.ok_cancle_dialog_view);
    
51.         /**為設(shè)置相應(yīng)的屬性值**/
    
52.         ((TextView)dialog.findViewById(R.id.dialog_title_2)).setText(title);
    
53.         ((TextView)dialog.findViewById(R.id.dialog_message_2)).setText(message);
    
54.         ((Button) dialog.findViewById(R.id.cancel_2)).setOnClickListener(new OnClickListener() {
    
55.             
    
56.             @Override
    
57.             public void onClick(View view) {
    
58.                 // TODO Auto-generated method stub
    
59.                 dialog.dismiss();
    
60.             }
    
61.         });
    
62.         
    
63.         ((Button) dialog.findViewById(R.id.ok_2)).setOnClickListener(new OnClickListener() {
    
64.                
    
65.                 @Override
    
66.                 public void onClick(View view) {
    
67.                     // TODO Auto-generated method stub
    
68.                     MainActivity.this.finish();
    
69.                     System.exit(0);
    
70.                 }
    
71.         });
    
72.         dialog.show();
    
73.     }
    
74.     /**
    
75.      * 創(chuàng)建一個只有確定按鈕的對話框
    
76.      * @param title
    
77.      * @param message
    
78.      */
    
79.     private void showCustomMessageOK(String title, String message) {
    
80.         // TODO Auto-generated method stub
    
81.         final Dialog dialog = new Dialog(MainActivity.this, android.R.style.Theme_Translucent_NoTitleBar);
    
82.         dialog.setContentView(R.layout.ok_dialog_view);
    
83.         ((TextView) dialog.findViewById(R.id.dialog_title)).setText(title);
    
84.         ((TextView) dialog.findViewById(R.id.dialog_message)).setText(message);
    
85.         ((Button) dialog.findViewById(R.id.ok)).setText("OK");
    
86.         ((Button) dialog.findViewById(R.id.ok)).setOnClickListener(new OnClickListener() {
    
87.             
    
88.             @Override
    
89.             public void onClick(View view) {
    
90.                 // TODO Auto-generated method stub
    
91.                 dialog.dismiss();
    
92.             }
    
93.         });
    
94.         
    
95.         dialog.show();
    
96.     }
    
97. }

復(fù)制代碼