UI组件：PopupWindows的详细使用（一）

一、定义

在官方文档里面，对PopupWindow做出了以下定义：

A popup window that can be used to display an arbitrary view. The popup window is a floating container that appears on top of the current activity.

意思就是这个popup window可以用于展示任意一个view，而且这个window会浮动于当前的activity之上。

二、构造器

PopupWindow(View contentView)Create a new non focusable popup window which can display the contentView.

PopupWindow(int width, int height)Create a new empty, non focusable popup window.

PopupWindow(View contentView, int width, int height)Create a new non focusable popup window which can display the contentView.

PopupWindow(View contentView, int width, int height, boolean focusable)Create a new popup window which can display the contentView.

由上述第三个构造器可知，在构造一个popup window的时候，需要传递一个view、该popup window的高度、宽度，这也是一个标准的popup window所需要的，但构造器一和二缺少了某些方法，这个可以通过它的方法传递相应的view或者高度、宽度。而构造器四，则多了一个focusable参数，代表是否获得焦点。

三、主要方法

1、Set方法：

    //为该popup window的显示设置一个动画效果    setAnimationStyle(int animationStyle)    //为该popup window设置一个背景    setBackgroundDrawable(Drawable background)    //设置popup window的内容    setContentView(View contentView)    //设置popup window的宽和高        setWidth(int width)/setHeight(int height)        //设置该popup window是否获得焦点    setFocusable(boolean focusable)    //设置popup window 之外的部分是否能点击    setOutsideTouchable(boolean touchable)

2、显示函数：

    //在anchor的左下方显示    showAsDropDown(View anchor)    //在anchor的左下方显示，x轴上偏移xoff，y轴上偏移yoff    showAsDropDown(View anchor, int xoff, int yoff)    //相对于父控件的显示位置，x、y为偏移量,gravity可选为Gravity.CENTER正中央，Gravity.BOTTOM下方    showAtLocation(View parent, int gravity, int x, int y)

四、简单的Popup Window的显示：

通过以下代码，将实现下图的PopupWindow的弹出：

                                         

（一）MainActivity的布局：布局很简单，只有一个按钮，以及改了一下背景颜色，这里不再给出

（二）PopupWindow的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#ffffff">    <View        android:layout_width="match_parent"        android:layout_height="2.25dp"        android:background="#fa7829"/>    <TextView        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/pop_football"        android:text="足球"        android:gravity="center"        android:textSize="20sp"/>    <View        android:layout_width="match_parent"        android:layout_height="1dp"        android:background="#160f36"/>    <TextView        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/pop_tennis"        android:text="网球"        android:gravity="center"        android:textSize="20sp"/>    <View        android:layout_width="match_parent"        android:layout_height="1dp"        android:background="#160f36"/>    <TextView        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/pop_basketball"        android:text="篮球"        android:gravity="center"        android:textSize="20sp"/>    <View        android:layout_width="match_parent"        android:layout_height="1dp"/></LinearLayout>

（三）MainActivity.java:

public class MainActivity extends Activity implements View.OnClickListener {    private Button button;    PopupWindow mPopupWindow;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        button= (Button) findViewById(R.id.btn);        button.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                PopupWindowShow();            }        });    }    private void PopupWindowShow() {        View contentView= LayoutInflater.from(MainActivity.this).inflate(R.layout.contentview,null);        mPopupWindow=new PopupWindow(contentView, LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT,true);        TextView tv1= (TextView) contentView.findViewById(R.id.pop_football);        TextView tv2= (TextView) contentView.findViewById(R.id.pop_tennis);        TextView tv3= (TextView) contentView.findViewById(R.id.pop_basketball);        tv1.setOnClickListener(this);        tv2.setOnClickListener(this);        tv3.setOnClickListener(this);        View rootView=LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main,null);        mPopupWindow.showAtLocation(rootView, Gravity.BOTTOM,0,0);    }    @Override    public void onClick(View v) {        int id=v.getId();        switch (id){            case R.id.pop_football:                Toast.makeText(this,"clicked football",Toast.LENGTH_SHORT).show();                mPopupWindow.dismiss();                break;            case R.id.pop_tennis:                Toast.makeText(this,"clicked tennis",Toast.LENGTH_SHORT).show();                mPopupWindow.dismiss();                break;            case R.id.pop_basketball:                Toast.makeText(this,"clicked basketball",Toast.LENGTH_SHORT).show();                mPopupWindow.dismiss();                break;        }    }}

对PopupWindowShow()函数做出如下解释：

①以下两行代码，首先获得popup window的布局文件，通过LayoutInflater获得，而LayoutInflater通过当前的context获得，

然后通过PopupWindow的构造器，传递contentView,以及相应的宽高，这里宽高选择wrap_content，最后一个true表示获得焦点。

View contentView= LayoutInflater.from(MainActivity.this).inflate(R.layout.contentview,null);mPopupWindow=new PopupWindow(contentView, LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT,true);

②首先，通过contentView获取在它内部的三个TextView，然后设置监听器。注意：如果没有写成contentView.findViewById，而直接使用findViewById，则会出错，因为这三个TextView是依附于contentView的，而不是父布局。

TextView tv1= (TextView) contentView.findViewById(R.id.pop_football);TextView tv2= (TextView) contentView.findViewById(R.id.pop_tennis);TextView tv3= (TextView) contentView.findViewById(R.id.pop_basketball);tv1.setOnClickListener(this);tv2.setOnClickListener(this);tv3.setOnClickListener(this);

③先获得父布局，即MainActivity的布局，然后利用showAtLocation显示在父布局的底部。

View rootView=LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main,null);mPopupWindow.showAtLocation(rootView, Gravity.BOTTOM,0,0);