Android—PopupWindow的簡單使用

PopupWindow 是一個可以顯示在當前 Activity 之上的浮動容器，這個Demo要實現的功能是，點擊布局中的兩個按鈕，進而控制PopupWindow的顯示與消失，代碼中有詳細的注釋首先看一下效果展示：

在上代碼之前，先總結一下PopupWindow的用法：

1：實例化PopupWindow的對象，三個參數分別對應：填充的布局文件、在當前Activity上所占的寬、高
PopupWindow popupWindow= new PopupWindow(contentView, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
2：完成第一步所需要的布局文件，並實例出來
View contentView = mLayoutInflater.inflate(R.layout.pop, null)
3:設置PopupWindow 所必備的兩個屬性
     //popupWindow的背景
 （1）popupWindow.setBackgroundDrawable(......);  
     //popupWindow要顯示的位置
 （2）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="4"
    android:orientation="horizontal"
    android:rowCount="4">

    <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,0,200);
    }
}

最后說一下關於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設置上動畫，這樣在彈出的時候，不會顯得那么突兀，哈哈 
如果有什么地方是錯誤的，請大家批評指正。