Android之PopupWindow弹出对话框

  Android的对话框常用的有两种：PopupWindow和AlertDialog。PopupWindow顾名思义为弹出菜单，不同于AlertDialog对话框，PopupWindow弹出的位置可以很多变化，按照有无偏移分，可以分为无偏移和偏移两种；按照参照类型不同又可以分为两种：相对某个控件（Anchor锚）的位置和父容器内部的相对位置。具体如下：

             

函数	简介
showAsDropDown(View anchor)	相对某个控件的位置（正左下方），无偏移
showAsDropDown(View anchor, int xoff, int yoff)	相对某个控件的位置，有偏移
showAtLocation(View parent, int gravity, int x, int y)	父容器容器相对位置，例如正中央Gravity.CENTER，下方Gravity.BOTTOM等

 

下面是运行程序截图：

             

     

             

 

      程序代码：

      布局：main.xml

     

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/layout"  
4.     android:orientation="vertical"  
5.     android:layout_width="fill_parent"  
6.     android:layout_height="fill_parent"  
7.     >  
8. <TextView   
9.     android:id="@+id/tv_showText"  
10.     android:layout_width="fill_parent"   
11.     android:layout_height="wrap_content"   
12.     android:gravity="center"  
13.     android:text="@string/hello"  
14.     android:textSize="22px"  
15.     />  
16.       
17. <Button  
18.     android:id="@+id/bt_PopupWindow1"  
19.     android:text="以自己为Anchor，不偏移"  
20.     android:layout_width="fill_parent"   
21.     android:layout_height="wrap_content"  
22.     />    
23.   
24. <Button  
25.     android:id="@+id/bt_PopupWindow2"  
26.     android:text="以自己为Anchor，正下方"  
27.     android:layout_width="fill_parent"   
28.     android:layout_height="wrap_content"  
29.     />    
30.       
31. <Button  
32.     android:id="@+id/bt_PopupWindow3"  
33.     android:text="以屏幕中心为参照，不偏移（正中间）"  
34.     android:layout_width="fill_parent"   
35.     android:layout_height="wrap_content"  
36.     />    
37.   
38. <Button  
39.     android:id="@+id/bt_PopupWindow4"  
40.     android:text="以屏幕下方为参照，下方中间"  
41.     android:layout_width="fill_parent"   
42.     android:layout_height="wrap_content"  
43.     />    
44.       
45.     
46. </LinearLayout>  

      自定义对话框dialog.xml

      

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <TextView   
8.     android:id="@+id/tv_tip"  
9.     android:layout_width="fill_parent"   
10.     android:layout_height="wrap_content"   
11.     android:text="请输入内容："  
12.     />  
13.     
14.  <EditText  
15.     android:id="@+id/et_text"  
16.     android:layout_width="fill_parent"   
17.     android:layout_height="wrap_content"   
18.  ></EditText>   
19.    
20. <LinearLayout  
21.     android:gravity="center_horizontal"   
22.     android:layout_width="fill_parent"  
23.     android:layout_height="fill_parent"  
24. >    
25. <Button  
26.     android:id="@+id/bt_ok"  
27.     android:text="确定"  
28.     android:layout_width="100px"   
29.     android:layout_height="50px"  
30.     />    
31.   
32. <Button  
33.     android:id="@+id/bt_cancle"  
34.     android:text="取消"  
35.     android:layout_width="100px"   
36.     android:layout_height="50px"  
37.     />    
38. </LinearLayout>  
39. </LinearLayout>  

       代码：

      

view plain

1. package com.myandroid.test;  
2.   
3. import android.app.Activity;  
4. import android.content.Context;  
5. import android.content.SharedPreferences.Editor;  
6. import android.os.Bundle;  
7. import android.util.Log;  
8. import android.view.Gravity;  
9. import android.view.LayoutInflater;  
10. import android.view.View;  
11. import android.view.View.OnClickListener;  
12. import android.view.ViewGroup.LayoutParams;  
13. import android.widget.Button;  
14. import android.widget.EditText;  
15. import android.widget.Gallery;  
16. import android.widget.PopupWindow;  
17. import android.widget.TextView;  
18.   
19. public class PopupWindowTest extends Activity {//PopupWindow属于不阻塞的对话框，AlertDialog则是阻塞的。  
20.     private Button bt_popupWindow1;  
21.     private Button bt_popupWindow2;  
22.     private Button bt_popupWindow3;  
23.     private Button bt_popupWindow4;  
24.     private TextView tv_showText;  
25.     private PopupWindow popupWindow;  
26.     private int screenWidth;  
27.     private int screenHeight;  
28.     private int dialgoWidth;  
29.     private int dialgoheight;  
30.       
31.   
32.     /** Called when the activity is first created. */  
33.     @Override  
34.     public void onCreate(Bundle savedInstanceState) {  
35.         super.onCreate(savedInstanceState);  
36.         setContentView(R.layout.main);  
37.           
38.         initView();  
39.     }  
40.       
41.     /** 
42.      * 初始化控件和响应事件 
43.      */  
44.     private void initView() {  
45.         bt_popupWindow1 = (Button)findViewById(R.id.bt_PopupWindow1);  
46.         bt_popupWindow2 = (Button)findViewById(R.id.bt_PopupWindow2);  
47.         bt_popupWindow3 = (Button)findViewById(R.id.bt_PopupWindow3);  
48.         bt_popupWindow4 = (Button)findViewById(R.id.bt_PopupWindow4);  
49.         tv_showText = (TextView)findViewById(R.id.tv_showText);  
50.           
51.         bt_popupWindow1.setOnClickListener(new ClickEvent());  
52.         bt_popupWindow2.setOnClickListener(new ClickEvent());  
53.         bt_popupWindow3.setOnClickListener(new ClickEvent());  
54.         bt_popupWindow4.setOnClickListener(new ClickEvent());  
55.           
56.           
57.           
58.     }  
59.       
60.     /** 
61.      * 按钮点击事件处理 
62.      * @author Kobi 
63.      * 
64.      */  
65.     private class ClickEvent implements OnClickListener {  
66.           
67.         @Override  
68.         public void onClick(View v) {  
69.             // TODO Auto-generated method stub  
70.             switch(v.getId()) {  
71.                   
72.             case R.id.bt_PopupWindow1:  //以自己为Anchor，不偏移  
73.                 getPopupWindow();  
74.                 popupWindow.showAsDropDown(v);  
75.                 break;  
76.                   
77.             case R.id.bt_PopupWindow2:  //以自己为Anchor，偏移(screenWidth-dialgoWidth)/2, 0)--按钮正下方  
78.                 getPopupWindow();  
79.                 popupWindow.showAsDropDown(v, (screenWidth-dialgoWidth)/2, 0);  
80.                 break;  
81.                   
82.             case R.id.bt_PopupWindow3:  //以屏幕中心为参照，不偏移  
83.                 getPopupWindow();  
84.                 popupWindow.showAtLocation(findViewById(R.id.layout), Gravity.CENTER, 0, 0);  
85.                 break;  
86.                   
87.             case R.id.bt_PopupWindow4:  //以屏幕左下角为参照，偏移(screenWidth-dialgoWidth)/2, 0) --屏幕下方中央  
88.                 getPopupWindow();  
89.                 popupWindow.showAtLocation(findViewById(R.id.layout),   
90.                         Gravity.BOTTOM, 0, 0);  
91.                 break;  
92.                   
93.             default:  
94.                 break;  
95.             }  
96.         }  
97.           
98.     }  
99.   
100.     /** 
101.      * 创建PopupWindow 
102.      */  
103.     protected void initPopuptWindow() {  
104.         // TODO Auto-generated method stub  
105.           
106.           
107.         View popupWindow_view = getLayoutInflater().inflate(    //获取自定义布局文件dialog.xml的视图  
108.                 R.layout.dialog, null,false);  
109.           
110.         popupWindow = new PopupWindow(popupWindow_view, 200, 150, true);//创建PopupWindow实例  
111.           
112.         Button bt_ok = (Button)popupWindow_view.findViewById(R.id.bt_ok);   //dialog.xml视图里面的控件  
113.         Button bt_cancle = (Button)popupWindow_view.findViewById(R.id.bt_cancle);  
114.         final EditText et_text = (EditText)popupWindow_view.findViewById(R.id.et_text);   
115.           
116.         bt_ok.setOnClickListener(new OnClickListener() {  
117.               
118.             @Override  
119.             public void onClick(View v) {  
120.                 // TODO Auto-generated method stub  
121.                 tv_showText.setText(et_text.getText()); //在标签里显示内容  
122.                 popupWindow.dismiss();                  //对话框消失  
123.             }  
124.         });  
125.           
126.         bt_cancle.setOnClickListener(new OnClickListener() {  
127.               
128.             @Override  
129.             public void onClick(View v) {  
130.                 // TODO Auto-generated method stub  
131.                 popupWindow.dismiss();  
132.             }  
133.         });  
134.           
135.         //获取屏幕和对话框各自高宽  
136.         screenWidth = PopupWindowTest.this.getWindowManager().getDefaultDisplay().getWidth();  
137.         screenHeight = PopupWindowTest.this.getWindowManager().getDefaultDisplay().getHeight();  
138.   
139.         dialgoWidth = popupWindow.getWidth();  
140.         dialgoheight = popupWindow.getHeight();  
141.           
142.     }  
143.       
144.     /* 
145.      * 获取PopupWindow实例 
146.      */  
147.     private void getPopupWindow() {  
148.           
149.         if(null != popupWindow) {  
150.             popupWindow.dismiss();  
151.             return;  
152.         }else {  
153.             initPopuptWindow();  
154.         }  
155.     }  
156.   
157.     @Override  
158.     protected void onPause() {  
159.         // TODO Auto-generated method stub  
160.         super.onPause();  
161.         Log.e("ActivityState", "onPause");  
162.     }  
163.   
164.     @Override  
165.     protected void onResume() {  
166.         // TODO Auto-generated method stub  
167.         super.onResume();  
168.         Log.e("ActivityState", "onResume");  
169.     }  
170.       
171.       
172.   
173.       
174. }