Android—PopupWindow的简单使用

PopupWindow 是一个可以显示在当前 Activity 之上的浮动容器，这个Demo要实现的功能是，点击布局中的两个按钮，进而控制PopupWindow的显示与消失，代码中有详细的注释首先看一下效果展示：

在上代码之前，先总结一下PopupWindow的用法：

：实例化PopupWindow的对象，三个参数分别对应：填充的布局文件、在当前Activity上所占的宽、高
PopupWindow popupWindow= new PopupWindow(contentView, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
：完成第一步所需要的布局文件，并实例出来
View contentView = mLayoutInflater.inflate(R.layout.pop, null)
:设置PopupWindow 所必备的两个属性
     //popupWindow的背景
 （）popupWindow.setBackgroundDrawable(......);
     //popupWindow要显示的位置
 （）popupWindow.showAtLocation(View parent, int gravity, int x, int y)

接下来，上代码！
popupWindow所要添加的布局文件：popu_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#87cdff"
    android:columnCount=""
    android:orientation="horizontal"
    android:rowCount="">

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_gongshang" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_guangda" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_jianhang" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_jiaotong" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_minsheng" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_nongye" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_gongshang" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_pingan" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_zhaoshang" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_youzheng" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_xingye" />

    <ImageView
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_margin="12dp"
        android:background="@drawable/icon_bank_pufa" />
</GridLayout>

相当简单的布局，做出来就是这么一个玩意：

MainActivity：

 package com.example.wgh.popupwindow;
 import android.graphics.drawable.ColorDrawable;
 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.widget.Button;
 import android.widget.GridLayout;
 import android.widget.PopupWindow;

 public class MainActivity extends AppCompatActivity {

     private View mPopView = null;
     private Button showPopupWindow = null;
     private Button dismissPopupWindow = null;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);

         initView();
         showPopupWindow.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 showPopupWindow();
             }
         });
     }

     private void initView() {
         showPopupWindow = (Button) findViewById(R.id.showPopupWindow);
         dismissPopupWindow = (Button) findViewById(R.id.dismissPopupWindow);
         /**
          * 实例popupWindow要添加的布局
          */
         mPopView = LayoutInflater.from(this).inflate(R.layout.popu_layout, null);
     }

     private void showPopupWindow() {
         /**
          * 实例popupWindow对象
          */
         PopupWindow popupWindow = new PopupWindow(mPopView, GridLayout.LayoutParams.MATCH_PARENT, GridLayout.LayoutParams.WRAP_CONTENT);
         //设置popupWindow中的item可以被点击，这句话是必须要添加的
         popupWindow.setFocusable(true);
         //设置PopupWindow的背景
         //如果不设置背景，会导致无论是点击外部区域还是Back键都无法dismiss掉popupWindow
         ColorDrawable dw = new ColorDrawable(0xb0000000);
         popupWindow.setBackgroundDrawable(dw);
         //设置popupWindow显示的位置
         popupWindow.showAtLocation(showPopupWindow, Gravity.BOTTOM,,);
     }
 }

最后说一下关于popupWindow显示位置的属性设置

 // 相对某个控件的位置（正左下方），无偏移
 popupWindow.showAsDropDown(View anchor)
 // 相对某个控件的位置，有偏移，xoff 为 X 轴的偏移量，yoff 为 Y 轴的偏移量
 popupWindow.showAsDropDown(View anchor, int xoff, int yoff)
 // 在父容器的什么位置，gravity 为相对位置，
 //如：正中央 Gravity.CENTER、下方 Gravity.BOTTOM、Gravity.RIGHT|Gravity.BOTTOM 右下方等，后面两个参数为 x/y 轴的偏移量。
 popupWindow.showAtLocation(View parent, int gravity, int x, int y) 

有兴趣的童鞋可以为popupWindow设置上动画，这样在弹出的时候，不会显得那么突兀，哈哈 
如果有什么地方是错误的，请大家批评指正。