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设置好背景就可以了。所以为了避免出现问题，一定要给其设置背景，哪怕是透明的。