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);