Android学习小Demo（14）Android中关于PopupWindow的使用

在一些场景中，我们希望能够点击按钮， 然后弹出一个菜单，而这个菜单是显示在屏幕的中央的，那么在Android中可以通过PopupWindow来实现这个效果。

具体效果如下图：

如上图中，我们点击“添加图片”按钮，然后在屏幕中央就弹出了一个菜单，可供我们选择“照相”，还是到“图库”中去选择。

下面我们来看一下具体实现：

1）首先，我们要定义一个layout，这个layout是用来放置两个按钮的，如下：

[html]  view plain copy

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="match_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <Button  
8.         android:id="@+id/btnToDoCamera"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="50dp"  
11.         android:layout_gravity="center"  
12.         android:background="@drawable/shape_button"  
13.         android:gravity="center"  
14.         android:text="@string/camera"  
15.         android:textColor="@color/popup_window_button" />  
16.   
17.     <Button  
18.         android:id="@+id/btnToDoGallery"  
19.         android:layout_width="match_parent"  
20.         android:layout_height="50dp"  
21.         android:layout_gravity="center"  
22.         android:background="@drawable/shape_button"  
23.         android:gravity="center"  
24.         android:text="@string/gallery"  
25.         android:textColor="@color/popup_window_button" />  
26.   
27. </LinearLayout>  

这个布局很简单，就是一个垂直方向的线性布局，在这里，将高度给固定好，宽度等一下由PopupWindow来指定。

2）在Java代码中创建一个PopupWindow对象，如下：

[java]  view plain copy

1. private void initPopupWindow(){  
2.     View popupView = LayoutInflater.from(this).inflate(R.layout.pw_take_photo, null);         
3.     popupWindow = new PopupWindow(popupView,screenWidth / 2,ViewGroup.LayoutParams.WRAP_CONTENT);  
4.     popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.shape_popup_window));  
5.     popupWindow.setFocusable(true);  
6.       
7.     btnToDoCamera = (Button)popupview.findViewById(R.id.btnToDoCamera);  
8.     btnToDoCamera.setOnClickListener(this);  
9.     btnToDoGallery = (Button)popupview.findViewById(R.id.btnToDoGallery);  
10.     btnToDoGallery.setOnClickListener(this);  
11. }  

首先利用 LayoutInflater 将我们的布局 pw_take_photo.xml 给解析出来，然后调用 PopupWindow的构造函数，将 popupView 传给它，并同时指定宽度是屏幕的一半，而高度则是跟随内容的高度。

第二步，必须在这里给PopupWindow指定一个背景BackgroundDrawable，只有这样做了，当我们点击界面的其他地方的时候，PopupWindow才能退出前台，否则的话，一定得去触发PopupWindow里面的事件才能离开，而且，这里的Background，还不能在xml中进行定义，不然没有效果（我试过了，不过不懂得具体原因）。

第三步，因为PopupWindow创建之后，默认是无法获得焦点的，所以我们要在这里设置它可成为焦点，只有这样，才能去处理上面的按钮事件。

其实也可以通过下面的构造函数，直接将 PopupWindow直接设置为 focusable的，构造函数定义如下：

[java]  view plain copy

1. public PopupWindow(View contentView, int width, int height, boolean focusable) {  
2.     if (contentView != null) {  
3.         mContext = contentView.getContext();  
4.         mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);  
5.     }  
6.     setContentView(contentView);  
7.     setWidth(width);  
8.     setHeight(height);  
9.     setFocusable(focusable);  
10. }  

3）点击“添加图片”的时候，弹出菜单：

[java]  view plain copy

1. @Override  
2. public void onClick(View v) {  
3.     switch(v.getId()){  
4.     case R.id.btnAddImage:  
5.         popupWindow.showAtLocation((View)v.getParent(), Gravity.CENTER|Gravity.CENTER_HORIZONTAL, 0, 0);  
6.         break;  
7.     case R.id.btnToDoCamera:  
8.         if(popupWindow.isShowing()){  
9.             popupWindow.dismiss();  
10.         }  
11.         startCamera();            
12.         break;  
13.     case R.id.btnToDoGallery:  
14.         if(popupWindow.isShowing()){  
15.             popupWindow.dismiss();  
16.         }  
17.         startGallery();  
18.         break;  
19.     }         
20. }  

调用 PopupWindow.showAtLocation方法，将 PopupWindow 显示在屏幕上，与此同时，在 PopupWindow 上面的按钮事件被触发之后，我们也需要调用dismiss方法将这个 PopupWindow 给关掉。

结束。