PopupWindow

magic00 2012-05-22

转载:

http://www.cyqdata.com/android/article-detail-25069

 遇到的问题:

点击PopupWindow 外部区域消失

//view是自定义的点击PopupWindow样式

pop=newPopupWindow(view,ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);

pop.setBackgroundDrawable(newBitmapDrawable());

pop.setOutsideTouchable(true);

pop=newPopupWindow(view,ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);

pop.setBackgroundDrawable(newBitmapDrawable());

pop.setOutsideTouchable(true);

上面两句位置不能颠倒,不然无效!

必须设置backgroundDrawable()不然popupwindow外部区域的点击效果消失。

在Android开发中,时不时的可能要弹出出个窗口,本文为你介绍Android PopupWindow弹窗方面的相关知识,其实Android PopupWindow弹窗,也和AlertDialog对话框类似,本文就先介绍Android PopupWindow弹窗的相关内容,下面请看教程:

首先:初始化一个Android PopupWindow

1 PopupWindow  mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null),
2 LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

实现PopupWindow的构造函数,第一个参数导入布局,后面两个指定宽和高。弹窗一般有两种展示方法,用showAsDropDown()和showAtLocation()两种方法实现。一般参数有两种,有偏移和无偏移。

1         bt1.setOnClickListener(new OnClickListener(){
 2 
 3             @Override
 4             public void onClick(View v) {
 5                 initPopWindow();
 6                 mPop.showAsDropDown(v);//以这个Button为anchor(可以理解为锚,基准),在下方弹出
 7                  
 8             }});
 9         
10         bt2.setOnClickListener(new OnClickListener(){
11 
12             @Override
13             public void onClick(View v) {
14                 initPopWindow();
15                 mPop.showAsDropDown(v,20,-20);//横轴偏移20,纵轴-20,一个状态栏的长度
16                  
17             }});
18         
19         bt3.setOnClickListener(new OnClickListener(){
20 
21             @Override
22             public void onClick(View v) {
23                 initPopWindow();
24                 mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl), 
25                         Gravity.CENTER, 0, 0);//在屏幕居中,无偏移
26                  
27             }});
28         
29         
30         bt4.setOnClickListener(new OnClickListener(){
31 
32             @Override
33             public void onClick(View v) {
34                 initPopWindow();
35                 mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl), 
36                         Gravity.TOP | Gravity.LEFT, 20, 20);//在屏幕顶部|居右,带偏移
37                  
38             }});
39         
40         bt5.setOnClickListener(new OnClickListener(){
41 
42             @Override
43             public void onClick(View v) {
44                 if (mPop != null) {
45                     mPop.dismiss();
46                 }
47                 
48             }});

其中initPopWindow()方法来初始化一个弹窗

1     private void initPopWindow() {
2         if (mPop == null) {
3             mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.pop, null),
4                     LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
5         }
6         if (mPop.isShowing()) {
7             mPop.dismiss();
8         }
9     }

这里定义了4个按钮来呈现展示效果,一个按钮用来关闭,来看下第三个按钮点击效果,就不一一截图了,大家可以自己试下。

 PopupWindow

看过我以前这系列博客的朋友就会发现,PopupWindow里面的布局就是抽屉里面用的布局,后面的背景就是上篇博客讲的可延伸图像。为什么用这个呢,我们来看下UC的menu效果

PopupWindow

可能这个是用AlertDialog做的,但是用PopupWindow也非常方便。很多的应用都使用了这样的menu。这里我就不去仿照UC来做了,就用上面那个布局,原理是一样的,换换图片就行。

要做的很简单,看代码

public boolean onKeyDown(int keyCode, KeyEvent event){
        //截获按键事件
        if(keyCode == KeyEvent.KEYCODE_MENU){
                initPopWindow();
                mPop.showAtLocation(this.findViewById(R.id.rl),
                        Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //在屏幕底部
        }else if(keyCode == KeyEvent.KEYCODE_BACK){
            if(mPop.isShowing()){
                mPop.dismiss();
            }else{
                System.exit(0);
            }

        }
        return false;
        
    }

看下效果

PopupWindow

图片似乎不是很给力,大家搞点漂亮点的图片就可以了。

我把这个代码全部贴出来

1 package com.notice.popWindow;
  2 
  3  import android.app.Activity;
  4  import android.os.Bundle;
  5  import android.view.Gravity;
  6 import android.view.KeyEvent;
  7 import android.view.View;
  8 import android.view.View.OnClickListener;
  9 import android.view.ViewGroup.LayoutParams;
 10 import android.widget.Button;
 11 import android.widget.GridView;
 12 import android.widget.PopupWindow;
 13 
 14 public class PopWindow extends Activity {
 15      private GridView gv;
 16      private Button bt1;
 17      private Button bt2;
 18      private Button bt3;
 19      private Button bt4;
 20      private Button bt5;
 21      private int[] icons={R.drawable.browser,R.drawable.gallery,
 22                            R.drawable.camera,R.drawable.gmail,
 23                            R.drawable.music,R.drawable.market,
 24                            R.drawable.phone,R.drawable.messages,R.drawable.maps};
 25      private String[] items={"浏览器","图片","相机","时钟","音乐","市场","拨号","信息","地图"};
 26      private PopupWindow mPop;
 27      private View layout;
 28      private void initPopWindow() {
 29         if (mPop == null) {
 30             mPop = new PopupWindow(layout,
 31                     LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
 32         }
 33         if (mPop.isShowing()) {
 34             mPop.dismiss();
 35         }
 36     }
 37     /** Called when the activity is first created. */
 38     @Override
 39     public void onCreate(Bundle savedInstanceState) {
 40         super.onCreate(savedInstanceState);
 41         setContentView(R.layout.main);
 42         bt1 = (Button)findViewById(R.id.bt1);
 43         bt2 = (Button)findViewById(R.id.bt2);
 44         bt3 = (Button)findViewById(R.id.bt3);
 45         bt4 = (Button)findViewById(R.id.bt4);
 46         bt5 = (Button)findViewById(R.id.bt5);
 47         layout = View.inflate(this, R.layout.window, null);
 48         gv = (GridView) layout.findViewById(R.id.gv);
 49         MyAdapter adapter=new MyAdapter(this,items,icons);
 50         gv.setAdapter(adapter);
 51         
 52         bt1.setOnClickListener(new OnClickListener(){
 53 
 54             @Override
 55             public void onClick(View v) {
 56                 initPopWindow();
 57                 mPop.showAsDropDown(v);//以这个Button为anchor(可以理解为锚,基准),在下方弹出
 58                 
 59             }});
 60         
 61         bt2.setOnClickListener(new OnClickListener(){
 62 
 63             @Override
 64             public void onClick(View v) {
 65                 initPopWindow();
 66                 mPop.showAsDropDown(v,20,-20);//横轴偏移20,纵轴-20,一个状态栏的长度
 67                 
 68             }});
 69         
 70         bt3.setOnClickListener(new OnClickListener(){
 71 
 72             @Override
 73             public void onClick(View v) {
 74                 initPopWindow();
 75                 mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl), 
 76                         Gravity.CENTER, 0, 0);//在屏幕居中,无偏移
 77                 
 78             }});
 79         
 80         
 81         bt4.setOnClickListener(new OnClickListener(){
 82 
 83             @Override
 84             public void onClick(View v) {
 85                 initPopWindow();
 86                 mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl), 
 87                         Gravity.TOP | Gravity.LEFT, 20, 20);//在屏幕顶部|居右,带偏移
 88                 
 89             }});
 90         
 91         bt5.setOnClickListener(new OnClickListener(){
 92 
 93             @Override
 94             public void onClick(View v) {
 95                 if (mPop != null) {
 96                     mPop.dismiss();
 97                 }
 98                 
 99             }});
100         
101     }
102     public boolean onKeyDown(int keyCode, KeyEvent event){
103         //截获按键事件
104         if(keyCode == KeyEvent.KEYCODE_MENU){
105                 initPopWindow();
106                 mPop.showAtLocation(this.findViewById(R.id.rl),
107                         Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //在屏幕底部
108         }else if(keyCode == KeyEvent.KEYCODE_BACK){
109             if(mPop.isShowing()){
110                 mPop.dismiss();
111             }else{
112                 System.exit(0);
113             }
114 
115         }
116         return false;
117         
118     }
119 }

其中的MyAdapter类可以去看我以前的一篇写抽屉的博客,代码都在里面。然后就是window.xml

<?xml version="1.0" encoding="utf-8"?>
 <GridView 
       xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/gv" 
      android:background="@drawable/tbg"
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:numColumns="3"
      android:gravity="center">
 </GridView>

只有一个GridView。main.xml就不贴了,就几个Button。

PopupWindow

文章:Android PopupWindow弹窗教程就到这里了。

如何,这个效果还不错吧,哈哈,let's try 1 try!

相关推荐