PopupWindow学习笔记

最近写程序第一次用到了PopupWindow，便简单了学习了一下。特此记下自己的收获。PopupWindow是一种悬浮框，比AlertDialog要灵活的多。先简单了实现一个PopWindow的效果，然后再一下相应的总结吧。因为有些东西，如果没有代码的话是很难说的清楚的。先说明，PopupWindow是位于android.widget.PopupWindow包下面的，方便你查看源码。

一、简单实现一个PopupWindow

先看一个实现的效果图吧。如下：

效果说明：最底部就是一个PopupWindow，只要点击popWindow按钮，就会从底部的位置弹出来。下面我们就开始写代码吧。

新建项目，然后修改它的activity_main.xml，代码如下：

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
         android:background="@drawable/bgd"
         android:orientation="vertical">

     <TextView
         android:id="@+id/tv"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="我是PupopWindow的背景"
         android:textSize="30sp"
         />

         -->
     <Button
         android:id="@+id/btn_reflect"
          android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="popWindow"
         />

 </LinearLayout>

代码超级简单，就不用我说了，然后再为PopupWindow写布局，新建pup.xml，代码如下：

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
         android:orientation="vertical">

     <Button
         android:id="@+id/btn_pop"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="我是按钮"
         />
     <TextView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="我是PupopWindow"
         android:textSize="30sp"/>

 </LinearLayout>

代码不解释了。接着呢，就是为PopupWindow准备动画了。首先在res下建立文件夹anim。然后再里面新建anim_enter.xml。代码如下：

 <?xml version="1.0" encoding="utf-8"?>
 <translate
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:fromXDelta="0"
     android:toXDelta="0"
     android:fromYDelta="100%"
     android:toYDelta="0"
     android:duration="300">

 </translate>

然后再在里面新建anim_exit.xml，代码如下：

 <?xml version="1.0" encoding="utf-8"?>
 <translate
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:fromXDelta="0"
     android:toXDelta="0"
     android:fromYDelta="0"
     android:toYDelta="100%"
     android:duration="300">

 </translate>

最后在values文件夹下的styles.xml添加语句：

 <resources>

     <!--
         Base application theme, dependent on API level. This theme is replaced
         by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
     -->
     <style name="AppBaseTheme" parent="android:Theme.Light">
         <!--
             Theme customizations available in newer API levels can go in
             res/values-vXX/styles.xml, while customizations related to
             backward-compatibility can go here.
         -->
     </style>

     <!-- Application theme. -->
     <style name="AppTheme" parent="AppBaseTheme">
         <!-- All customizations that are NOT specific to a particular API-level can go here. -->
     </style>
     <style name="pupopWindow_anim">
        <item name="android:windowEnterAnimation">@anim/anim_enter</item>
        <item name="android:windowExitAnimation">@anim/anim_exit</item>
     </style>

 </resources>

绿色部分，即第19到22行就是添加的代码。这个style就是为PopupWindow准备的动画了，即进入和退出时的动画。

最后修改MainActiivty的代码，在这里面将PopWindow显示出来即可。代码如下：

 package com.fuly.kun;

 import android.os.Bundle;
 import android.app.Activity;
 import android.graphics.Color;
 import android.graphics.drawable.ColorDrawable;
 import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.MotionEvent;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.view.View.OnTouchListener;
 import android.view.ViewGroup.LayoutParams;
 import android.widget.Button;
 import android.widget.PopupWindow;
 import android.widget.Toast;

 public class MainActivity extends Activity {

     private Button btnReflect;
     private PopupWindow popWindow;

     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);

         btnReflect = (Button) findViewById(R.id.btn_reflect);

         btnReflect.setOnClickListener(new OnClickListener() {

             public void onClick(View v) {

                 showPupopWindow();//显示出popWindow
             }
         });
     }

     /**
      * 将PupopWindow显示出来
      */
     private void showPupopWindow() {
         //PupopWindow的view
         View pupView = LayoutInflater.from(this).inflate(R.layout.pup, null);

         Button btn = (Button) pupView.findViewById(R.id.btn_pop);
         btn.setOnClickListener(new OnClickListener() {

             public void onClick(View v) {

                 Toast.makeText(getApplicationContext(), "我是popWindow的按钮", Toast.LENGTH_SHORT).show();
             }
         });

         //实例化PupopWindow,参数中直接为其设置了view以及它的宽和高
          popWindow = new PopupWindow(pupView, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

         //设置PupopWindow捕获焦点
         popWindow.setFocusable(true);

         popWindow.setTouchable(true);//设置popWindow可点击

         //为popWindow设置背景
         ColorDrawable cd = new ColorDrawable(Color.parseColor("#FFFF00"));
         popWindow.setBackgroundDrawable(cd);

         //为popWindow设置进入和退出动画
         popWindow.setAnimationStyle(R.style.pupopWindow_anim);
         //将popWindwo显示出来
         popWindow.showAtLocation(this.findViewById(R.id.tv), Gravity.BOTTOM, 0, 0);
     }

 }

代码注释很详细，逻辑也超级简单。运行程序，就是前面我们贴出来的效果了。

二、总结

总结一下在使用PopWindow时常用的方法吧，更详细的可以翻看API文档。如下：

• showAsDropDown(View anchor)：相对某个控件的位置（正左下方），无偏移
• showAsDropDown(View anchor, int xoff, int yoff)：相对某个控件的位置，有偏移
• showAtLocation(View parent, int gravity, int x, int y)：相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移
• setFocusable(true)：设置捕获焦点，默认为false
• setTouchable(true)：设置PopupWindow可点击，默认为true。如果为false,则Touch事件或者点击事件会传递给下面的view，PopupWindow不处理。
• setOutsideTouchable(true):设置PopWindow的外部区域可点击，默认为false。只有当PopupWindow没有获取焦点且是可点击的，设置这个值才有意义。
• setTouchInterceptor(new OnTouchListener()):设置PopupWindow监听所有的触摸事件

• 为PopupWindow设置背景：ColorDrawable cd = new ColorDrawable(Color.parseColor("#FFFF00"));
                        popWindow.setBackgroundDrawable(cd);

• setAnimationStyle(R.style.pupopWindow_anim)：为PopupWindow设置动画（进入动画和退出动画）
• dismiss():退出

注意事项：

可能会出现问题，点击PupopWindow外部区域无效。此时给PupopWindow设置好背景就可以了。所以为了避免出现问题，一定要给其设置背景，哪怕是透明的。