PopupWindow的使用

最新推荐文章于 2018-03-28 17:54:03 发布

MaxPanda0206

最新推荐文章于 2018-03-28 17:54:03 发布

阅读量531

点赞数

分类专栏：开发

本文链接：https://blog.csdn.net/MaxPanda0206/article/details/51781527

版权

开发专栏收录该内容

10 篇文章 0 订阅

订阅专栏

要求：当点击btn时，在底部弹出PopupWindow,然后点击各个item弹出对应toast。
一、概述

1、PopupWindow与AlertDialog的区别
最关键的区别是AlertDialog不能指定显示位置，只能默认显示在屏幕最中间（当然也可以通过设置WindowManager参数来改变位置）。而PopupWindow是可以指定显示位置的，随便哪个位置都可以，更加灵活。
有关Dialog的相关知识，大家可以参考我的系列博客：《详解Dialog（一）——基础元素构建》

2、PopupWindow的相关函数
（1）、构造函数：

//方法一：  
public PopupWindow (Context context)  
//方法二：  
public PopupWindow(View contentView)  
//方法三：  
public PopupWindow(View contentView, int width, int height)  
//方法四：  
public PopupWindow(View contentView, int width, int height, boolean focusable)

首要注意：看这里有四个构造函数，但要生成一个PopupWindow最基本的三个条件是一定要设置的：View contentView，int width, int height ；少任意一个就不可能弹出来PopupWindow！！！！
所以，如果使用方法一来构造PopupWindow，那完整的构造代码应该是这样的：

View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);  
PopupWindwo popWnd = PopupWindow (context);  
popWnd.setContentView(contentView);  
popWnd.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);  
popWnd.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

有关为什么一定要设置width和height的原因，我们后面会讲，这里说一下为什么样强制设置contentView；很简单的原因是因为PopupWindow没有默认布局，它不会像AlertDialog那样只setTitle,就能弹出来一个框。PopupWindow是没有默认布局的，它的布局只有通过我们自己设置才行。由于方法三中，含有了这三个必备条件，不用单独设置contentview或者width、height，所以构造方法三是用的最多的一个构造方法。
最后，方法四中的focusable变量不是必须的，有关它的方法和意义，我们会在下一篇中细讲。
（2）显示函数

显示函数主要使用下面三个：

//相对某个控件的位置（正左下方），无偏移  
showAsDropDown(View anchor)：  
//相对某个控件的位置，有偏移;xoff表示x轴的偏移，正值表示向左，负值表示向右；yoff表示相对y轴的偏移，正值是向下，负值是向上；  
showAsDropDown(View anchor, int xoff, int yoff)：  
//相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移  
showAtLocation(View parent, int gravity, int x, int y)：

这里有两种显示方式：
1、显示在某个指定控件的下方
showAsDropDown(View anchor)：
showAsDropDown(View anchor, int xoff, int yoff)；
2、指定父视图，显示在父控件的某个位置（Gravity.TOP,Gravity.RIGHT等）
showAtLocation(View parent, int gravity, int x, int y)；
（3）、其它函数

public void dismiss()  
//另外几个函数，这里不讲其意义，下篇细讲  
public void setFocusable(boolean focusable)  
public void setTouchable(boolean touchable)  
public void setOutsideTouchable(boolean touchable)  
public void setBackgroundDrawable(Drawable background)

这几个函数里，这篇只会用到dismiss()，用于不需要的时候，将窗体隐藏掉。

好了，废话不多说了，我们就做一个上面的例子来看一下。
二、简单示例（showAtLocation显示窗体）
在这个例子中，我们实现两个功能，弹出popupWindow和Item点击响应

1、主布局(main.xml)

从效果图中也可以看到主布局只有一个button，什么都没有，所以它的布局代码哪下：

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
              android:orientation="vertical"  
              android:layout_width="fill_parent"  
              android:layout_height="fill_parent">  
    <Button  
            android:id="@+id/btn"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="show popWindow"/>  
</LinearLayout>

2、PopupWindow布局（popuplayout.xml）

在概述中，我们提到了，必须为PopupWindow设置布局，从效果图中，我也可以看到它的布局有三个item，中间用横线分开。所以这里布局使用Listview应该更合适，但为了减轻代码难度，我们直接使用TextView和分隔线来代替,代码如下：

<?xml version="1.0" encoding="utf-8"?>  

<LinearLayout  
        xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:background="#ffffff"  
        android:orientation="vertical"  
        android:paddingBottom="2dp">  
    <View  
            android:layout_width="match_parent"  
            android:layout_height="2.25dp"  
            android:background="#fa7829"  
            android:layout_alignParentTop="true"/>  

    <TextView  
            android:id="@+id/pop_computer"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            style="@style/pop_text_style"  
            android:text="计算机"/>  

    <View  
            android:layout_width="match_parent"  
            android:layout_height="1dp"  
            android:background="@drawable/list_line"/>  

    <TextView  
            android:id="@+id/pop_financial"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            style="@style/pop_text_style"  
            android:text="金融"/>  

    <View  
            android:layout_width="match_parent"  
            android:layout_height="1dp"  
            android:background="@drawable/list_line"/>  

    <TextView  
            android:id="@+id/pop_manage"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            style="@style/pop_text_style"  
            android:text="管理"/>  

    <View  
            android:layout_width="match_parent"  
            android:layout_height="1dp"/>  

</LinearLayout>

3、MainActivity代码
先贴出来完整代码，然后再逐步讲解：
public class MainActivity extends Activity implements View.OnClickListener{

    private PopupWindow mPopWindow;  

    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  

        Button btn = (Button) findViewById(R.id.btn);  
        btn.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                showPopupWindow();  
            }  
        });  
    }  

    private void showPopupWindow() {  
        //设置contentView  
        View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);  
        mPopWindow = new PopupWindow(contentView,  
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);  
        mPopWindow.setContentView(contentView);  
        //设置各个控件的点击响应  
        TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);  
        TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);  
        TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);  
        tv1.setOnClickListener(this);  
        tv2.setOnClickListener(this);  
        tv3.setOnClickListener(this);  
        //显示PopupWindow  
        View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.main, null);  
        mPopWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);  

    }  

    @Override  
    public void onClick(View v) {  
        int id = v.getId();  
        switch (id){  
            case R.id.pop_computer:{  
                Toast.makeText(this,"clicked computer",Toast.LENGTH_SHORT).show();  
                mPopWindow.dismiss();  
            }  
            break;  
            case R.id.pop_financial:{  
                Toast.makeText(this,"clicked financial",Toast.LENGTH_SHORT).show();  
                mPopWindow.dismiss();  
            }  
            break;  
            case R.id.pop_manage:{  
                Toast.makeText(this,"clicked manage",Toast.LENGTH_SHORT).show();  
                mPopWindow.dismiss();  
            }  
            break;  
        }  
    }  
}

(1)首先看OnCreate()
在OnCreate()中只做了一个操作，当点击Button时，显示窗体：
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

    Button btn = (Button) findViewById(R.id.btn);  
    btn.setOnClickListener(new View.OnClickListener() {  
        @Override  
        public void onClick(View v) {  
            showPopupWindow();  
        }  
    });  
}

(2)、显示PopupWindow
下面是有关窗体操作的代码：
private void showPopupWindow() {
//设置contentView
View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
mPopWindow = new PopupWindow(contentView,
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);
//设置各个控件的点击响应
TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);
TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);
TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);
tv1.setOnClickListener(this);
tv2.setOnClickListener(this);
tv3.setOnClickListener(this);
//显示PopupWindow
View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.main, null);
mPopWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

这里同样分为三部分：
第一部分：设置ContentView
View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
mPopWindow = new PopupWindow(contentView,LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);

利用LayoutInflater获取R.layout.popuplayout对应的View,然后利用我们上面所讲的构造函数三来生成mPopWindow；
这里要注意一个问题：在这个构造函数里，我们传进去了width和height全部都是WRAP_CONTENT；而在R.layout.popuplayou的根布局中，我们定义的width和height代码是：layout_width=”fill_parent”,layout_height=”wrap_content”;原代码如下：