PopUpWindow使用详解(一)——基本使用

时间  2020-06-11 标签 popupwindow 使用 详解 基本

前言：不要嫌前进的慢，只要一直在前进就好。html

 

相关文章：java

一、《PopUpWindow使用详解(一)——基本使用》android

二、《PopUpWindow使用详解(二)——进阶及答疑》ide

 

有同窗讲到想要知道PopUpWindow的知识，这里就给你们讲一讲PopUpWindow的基本用法和原理吧。这段时间博客可能会更新比较慢，由于你懂的 !!-_- ，往左看公告，嘿嘿。

先看一下咱们要作的效果：函数

这个效果很容易理解：当点击btn时，在底部弹出PopupWindow,而后点击各个item弹出对应toast。布局

1、概述

 

一、PopupWindow与AlertDialog的区别

最关键的区别是AlertDialog不能指定显示位置，只能默认显示在屏幕最中间（固然也能够经过设置WindowManager参数来改变位置）。而PopupWindow是能够指定显示位置的，随便哪一个位置均可以，更加灵活。
有关Dialog的相关知识，你们能够参考个人系列博客：《详解Dialog（一）——基础元素构建》动画

 

二、PopupWindow的相关函数

（1）、构造函数：

 

//方法一：
public PopupWindow (Context context)
//方法二：
public PopupWindow(View contentView)
//方法三：
public PopupWindow(View contentView, int width, int height)
//方法四：
public PopupWindow(View contentView, int width, int height, boolean focusable)

首要注意：看这里有四个构造函数，但要生成一个PopupWindow最基本的三个条件是必定要设置的：View contentView，int width, int height ；少任意一个就不可能弹出来PopupWindow！！！！
因此，若是使用方法一来构造PopupWindow，那完整的构造代码应该是这样的：this

 

 

 

 

View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
PopupWindwo popWnd = PopupWindow (context);
popWnd.setContentView(contentView);
popWnd.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
popWnd.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

有关为何必定要设置width和height的缘由，咱们后面会讲，这里说一下为何样强制设置contentView；很简单的缘由是由于PopupWindow没有默认布局，它不会像AlertDialog那样只setTitle,就能弹出来一个框。PopupWindow是没有默认布局的，它的布局只有经过咱们本身设置才行。因为方法三中，含有了这三个必备条件，不用单独设置contentview或者width、height，因此构造方法三是用的最多的一个构造方法。
最后，方法四中的focusable变量不是必须的，有关它的方法和意义，咱们会在下一篇中细讲。spa

（2）显示函数

 

显示函数主要使用下面三个：.net

 

//相对某个控件的位置（正左下方），无偏移
showAsDropDown(View anchor)：
//相对某个控件的位置，有偏移;xoff表示x轴的偏移，正值表示向左，负值表示向右；yoff表示相对y轴的偏移，正值是向下，负值是向上；
showAsDropDown(View anchor, int xoff, int yoff)：
//相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），能够设置偏移或无偏移
showAtLocation(View parent, int gravity, int x, int y)：

这里有两种显示方式：
一、显示在某个指定控件的下方
showAsDropDown(View anchor)：
showAsDropDown(View anchor, int xoff, int yoff)；
二、指定父视图，显示在父控件的某个位置（Gravity.TOP,Gravity.RIGHT等）
showAtLocation(View parent, int gravity, int x, int y)；

（3）、其它函数

 

 

public void dismiss()
//另外几个函数，这里不讲其意义，下篇细讲
public void setFocusable(boolean focusable)
public void setTouchable(boolean touchable)
public void setOutsideTouchable(boolean touchable)
public void setBackgroundDrawable(Drawable background)

这几个函数里，这篇只会用到dismiss()，用于不须要的时候，将窗体隐藏掉。

好了，废话很少说了，咱们就作一个上面的例子来看一下。

2、简单示例（showAtLocation显示窗体）

在这个例子中，咱们实现两个功能，弹出popupWindow和Item点击响应

 

一、主布局(main.xml)

从效果图中也能够看到主布局只有一个button，什么都没有，因此它的布局代码哪下：

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">
    <Button
            android:id="@+id/btn"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="show popWindow"/>
</LinearLayout>

二、PopupWindow布局（popuplayout.xml）

 

 

 

在概述中，咱们提到了，必须为PopupWindow设置布局，从效果图中，我也能够看到它的布局有三个item，中间用横线分开。因此这里布局使用Listview应该更合适，但为了减轻代码难度，咱们直接使用TextView和分隔线来代替,代码以下：

 

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff"
        android:orientation="vertical"
        android:paddingBottom="2dp">
    <View
            android:layout_width="match_parent"
            android:layout_height="2.25dp"
            android:background="#fa7829"
            android:layout_alignParentTop="true"/>

    <TextView
            android:id="@+id/pop_computer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/pop_text_style"
            android:text="计算机"/>

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@drawable/list_line"/>

    <TextView
            android:id="@+id/pop_financial"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/pop_text_style"
            android:text="金融"/>

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@drawable/list_line"/>

    <TextView
            android:id="@+id/pop_manage"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/pop_text_style"
            android:text="管理"/>

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"/>

</LinearLayout>

三、MainActivity代码

先贴出来完整代码，而后再逐步讲解：

public class MainActivity extends Activity implements View.OnClickListener{

    private PopupWindow mPopWindow;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Button btn = (Button) findViewById(R.id.btn);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPopupWindow();
            }
        });
    }

    private void showPopupWindow() {
	    //设置contentView
        View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
        mPopWindow = new PopupWindow(contentView,
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);
        mPopWindow.setContentView(contentView);
		//设置各个控件的点击响应
        TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);
        TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);
        TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);
        tv1.setOnClickListener(this);
        tv2.setOnClickListener(this);
        tv3.setOnClickListener(this);
		//显示PopupWindow
        View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.main, null);
        mPopWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

    }

    @Override
    public void onClick(View v) {
        int id = v.getId();
        switch (id){
            case R.id.pop_computer:{
                Toast.makeText(this,"clicked computer",Toast.LENGTH_SHORT).show();
                mPopWindow.dismiss();
            }
            break;
            case R.id.pop_financial:{
                Toast.makeText(this,"clicked financial",Toast.LENGTH_SHORT).show();
                mPopWindow.dismiss();
            }
            break;
            case R.id.pop_manage:{
                Toast.makeText(this,"clicked manage",Toast.LENGTH_SHORT).show();
                mPopWindow.dismiss();
            }
            break;
        }
    }
}

(1)首先看OnCreate()

在OnCreate()中只作了一个操做，当点击Button时，显示窗体：

 

 

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    Button btn = (Button) findViewById(R.id.btn);
    btn.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            showPopupWindow();
        }
    });
}

(2)、显示PopupWindow

下面是有关窗体操做的代码：

 

 

private void showPopupWindow() {
	 //设置contentView
    View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
    mPopWindow = new PopupWindow(contentView,
            LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);
 //设置各个控件的点击响应
    TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);
    TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);
    TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);
    tv1.setOnClickListener(this);
    tv2.setOnClickListener(this);
    tv3.setOnClickListener(this);
	//显示PopupWindow
    View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.main, null);
    mPopWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

}

这里一样分为三部分：
第一部分：设置ContentView

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

利用LayoutInflater获取R.layout.popuplayout对应的View,而后利用咱们上面所讲的构造函数三来生成mPopWindow；
这里 要注意一个问题：在这个构造函数里，咱们传进去了width和height所有都是WRAP_CONTENT；而在R.layout.popuplayou的根布局中，咱们定义的width和height代码是：layout_width="fill_parent",layout_height="wrap_content";原代码以下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff"
        android:orientation="vertical"
        android:paddingBottom="2dp">
        
        ………………
</LinearLayout>

这里就有冲突了，那显示出来的popupWindow是按哪一个来的呢？
从效果图中来看，明显PopupWindow宽度并无全屏，显然是按代码中的布局为准。
这说明了：
**若是在代码中从新设置了popupWindow的宽和高，那就以代码中所设置为准。**（至于缘由，下篇会讲）

第二部分：设置各个控件的点击响应

TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);
TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);
TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);
tv1.setOnClickListener(this);
tv2.setOnClickListener(this);
tv3.setOnClickListener(this);

这部分没什么好讲了，设置PopupWindow中各个控件的点击响应，但必定要注意的是，PopupWindow中各个控件的所在的布局是contentView，而不是在Activity中，若是你们直接使用

TextView tv1 = (TextView)findViewById(R.id.pop_computer);

确定会报错，由于R.id.pop_computer这个ID值在当前Activtiy的布局文件中是找不到的。只有在R.layout.popuplayout的布局文件中才会有！因此，这就是为何，要在findViewById(R.id.pop_computer)前指定contentView的缘由！！！在实际项目中，很容易遇到像这种须要指定根布局的状况，你们须要注意。
有关响应，就没什么好讲的了，由于咱们在类顶部派生了View.OnClickListener，因此在OnClick函数中，直接处理便可，代码以下：(在点击不一样的Item时，一边弹出不一样的toast，一边将PopupWindow隐藏掉)

@Override
public void onClick(View v) {
    int id = v.getId();
    switch (id){
        case R.id.pop_computer:{
            Toast.makeText(this,"clicked computer",Toast.LENGTH_SHORT).show();
            mPopWindow.dismiss();
        }
        break;
        case R.id.pop_financial:{
            Toast.makeText(this,"clicked financial",Toast.LENGTH_SHORT).show();
            mPopWindow.dismiss();
        }
        break;
        case R.id.pop_manage:{
            Toast.makeText(this,"clicked manage",Toast.LENGTH_SHORT).show();
            mPopWindow.dismiss();
        }
        break;
    }
}

第三部分：showAtLocation显示窗体

 

View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.main, null);
mPopWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

showAtLocation的显示就将PopupWindow的实例放在一个父容器中，而后指定显示在父容器中的位置。
因为，咱们要将mPopWindow放在整个屏幕的最低部，因此咱们将R.layout.main作为它的父容器。将其显示在BOTTOM的位置。

 

到这里，有关PopupWindow的显示及其中控件响应基本都讲完了，下面，咱们就讲讲showAsDropDown显示窗体的用法。

 

 

源码在文章底部给出

3、另外一示例（showAsDropDown显示窗体）

你们先看下面这个效果图：

这个效果图演示的是，在点击标题栏右方的“菜单”按钮时，在其下方显示一个自定义的菜单列表。

一、一样，咱们先看看主布局代码（main.xml）

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent">

    <RelativeLayout android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:background="#ffffff">

        <TextView android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_alignParentLeft="true"
                  android:textColor="#50484b"
                  android:padding="10dp"
                  android:text="返回"/>

        <TextView
                android:id="@+id/menu"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:textColor="#50484b"
                android:padding="10dp"
                android:text="菜单"/>

    </RelativeLayout>
</LinearLayout>

这段代码的布局很简单，就是生成一个标题栏，上面有两个按钮，“返回”和“菜单”

二、PopupWindow布局代码（popuplayout.xml）

这部分布局也不难，只得利用纯代码硬生成一个列表的布局。在实际项目中，你们应该使用listview来动态生成列表，这样生成的popupWindow就是能够复用的了。有关布局就再也不多讲，跟上面的布局基本同样，只是换了背景。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/pop_bg"
        android:orientation="vertical"
        android:paddingBottom="2dp">

    <TextView
            android:id="@+id/pop_computer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/pop_text_style"
            android:text="计算机"/>

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@drawable/list_line"/>

    <TextView
            android:id="@+id/pop_financial"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/pop_text_style"
            android:text="金融"/>

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@drawable/list_line"/>

    <TextView
            android:id="@+id/pop_manage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/pop_text_style"
            android:text="管理"/>

    <View
            android:layout_width="match_parent"
            android:layout_height="1dp"/>

</LinearLayout>

三、MainActivity代码

一样是先贴出来完整代码，而后再细讲。

public class MainActivity extends Activity implements View.OnClickListener{
    private PopupWindow mPopWindow;
    private TextView mMenuTv;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mMenuTv = (TextView)findViewById(R.id.menu);
        mMenuTv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPopupWindow();
            }
        });
    }
    private void showPopupWindow() {
        View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
        mPopWindow = new PopupWindow(contentView);
        mPopWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
        mPopWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

        TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);
        TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);
        TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);
        tv1.setOnClickListener(this);
        tv2.setOnClickListener(this);
        tv3.setOnClickListener(this);

        mPopWindow.showAsDropDown(mMenuTv);
    }

    @Override
    public void onClick(View v) {
        int id = v.getId();
        switch (id){
            case R.id.pop_computer:{
                Toast.makeText(this, "clicked computer", Toast.LENGTH_SHORT).show();
                mPopWindow.dismiss();
            }
            break;
            case R.id.pop_financial:{
                Toast.makeText(this,"clicked financial",Toast.LENGTH_SHORT).show();
                mPopWindow.dismiss();
            }
            break;
            case R.id.pop_manage:{
                Toast.makeText(this,"clicked manage",Toast.LENGTH_SHORT).show();
                mPopWindow.dismiss();
            }
            break;
        }
    }
}

这段代码的意义就是点击menu弹出popupwindow,而后对各个item进行响应，咱们主要讲讲showPopupWindow() 这部分，对于item响应的部分与上个示例都同样，就再也不细讲。

private void showPopupWindow() {
    View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
    mPopWindow = new PopupWindow(contentView);
    mPopWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
    mPopWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

    TextView tv1 = (TextView)contentView.findViewById(R.id.pop_computer);
    TextView tv2 = (TextView)contentView.findViewById(R.id.pop_financial);
    TextView tv3 = (TextView)contentView.findViewById(R.id.pop_manage);
    tv1.setOnClickListener(this);
    tv2.setOnClickListener(this);
    tv3.setOnClickListener(this);

    mPopWindow.showAsDropDown(mMenuTv);
}

这里首先注意的一个地方，在这个示例中，咱们是使用的构造方法二来生成的PopupWindow实例的,一样，再强调一遍：contentView，Width，Height这三个元素是必须设置的，缺一不可！至于为何要显式设置Width，Height，咱们下篇会讲到。

View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
mPopWindow = new PopupWindow(contentView);
mPopWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
mPopWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

而后就是使用showAsDropDown（）显示PopupWindow：

mPopWindow.showAsDropDown(mMenuTv);

你们也现样可使用showAsDropDown(View anchor, int xoff, int yoff)：来添加相对x轴和y轴的位移量。具体用法就再也不细讲，没什么难度，你们试一试便可。
好了，这部分示例也讲完了，下面咱们就在这个示例上升级一个功能：讲讲怎么在弹出PopupWindow的同时利用阴影把背景所有给遮罩起来。

源码在文章底部给出

 

 

4、提升：为菜单添加阴影

这部分的效果图是下面这样的：

从效果图中能够看出，这部分是上一个示例的升级版，就是在点出PopupWindow的同时，把背景用半透明黑色遮罩住，像弹出AlertDialog同样的效果。下面就来看看这个效果是怎么实现的吧。

一、PopupWindow布局（popuplayout.xml）

其实原理很简单，使PopupWindow的界面充满全屏，而实际的列表菜单只是其中的一个子布局便可，因此此时的PopupWindow的布局代码以下：

 

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#66000000">
    <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/pop_bg"
            android:orientation="vertical"
            android:paddingBottom="2dp"
            android:layout_alignParentRight="true">

        <TextView
                android:id="@+id/pop_computer"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="@style/pop_text_style"
                android:text="计算机"/>

        <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@drawable/list_line"/>

        <TextView
                android:id="@+id/pop_financial"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="@style/pop_text_style"
                android:text="金融"/>

        <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@drawable/list_line"/>

        <TextView
                android:id="@+id/pop_manage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="@style/pop_text_style"
                android:text="管理"/>

        <View
                android:layout_width="match_parent"
                android:layout_height="1dp"/>

    </LinearLayout>
</RelativeLayout>

可见在列表项外面又包了一层RelativeLayout，将列表的根布局LinearLayout靠父窗口右边显示便可。给RelativeLayout添加了半透明背景android:background="#66000000"
这样要很是注意的是，根布局RelativeLayout设置的android:layout_width和android:layout_height是无心义的，由于咱们会经过代码从新设置：

private void showPopupWindow() {
    View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
    mPopWindow = new PopupWindow(contentView);
    mPopWindow.setWidth(ViewGroup.LayoutParams.FILL_PARENT);
    mPopWindow.setHeight(ViewGroup.LayoutParams.FILL_PARENT);
  
    ………………//设置各控件点击响应

    mPopWindow.showAsDropDown(mMenuTv);

}

在这里，咱们经过代码将PopupWindow的width和height设置为LayoutParams.FILL_PARENT。那你们可能会有疑问：为何我在xml中布局中明明写好了根布局RelativeLayout的宽和高，为何非要咱们在代码中从新设置呢？不设置还显示不出来…………
下篇，咱们将会解答这个问题。
好啦，这个示例关键部分讲完了，其它的你们就看源码吧。

源码在文章底部给出

 

 

5、为PopupWindow添加动画

先看看效果：

 

为PopupWindow添加动画并不难，只须要使用一个函数便可：

 

//设置动画所对应的style
mPopWindow.setAnimationStyle(R.style.contextMenuAnim);

下面就来看看具体是如何添加动画的

一、生成动画对应的style

 

（1）、进入时的动画：(context_menu_enter.xml)

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="@android:integer/config_shortAnimTime"
        android:fromXDelta="0"
        android:fromYDelta="100%p"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXDelta="0"
        android:toYDelta="0"/>

</set>

这段代码的意义就是从底部进入，即从Y轴100%的位置移动到0的位置。有关动画的知识，你们能够参考《Animation 动画详解（一）——alpha、scale、translate、rotate、set的xml属性及用法》      这个系列文章。

（2）、退出时动画(context_menu_exit.xml)

 

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="@android:integer/config_shortAnimTime"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXDelta="0"
        android:toYDelta="100%p" />

</set>

效果是从上向下移动。

（3）、最后，生成对应的style---contextMenuAnim

 

 

<style name="contextMenuAnim" parent="@android:style/Animation.Activity">
    <item name="android:windowEnterAnimation">@anim/context_menu_enter</item>
    <item name="android:windowExitAnimation">@anim/context_menu_exit</item>
</style>

android:windowEnterAnimation设置进场动画，android:windowExitAnimation设置出场动画。

二、使用AnimationStyle

使用时很是简单，直接将对应的style经过setAnimationStyle设置进PopupWindow实例便可，代码以下，难度不大，再也不细讲。

 

 

private void showPopupWindow() {
    View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
    mPopWindow = new PopupWindow(contentView);
    mPopWindow.setWidth(ViewGroup.LayoutParams.FILL_PARENT);
    mPopWindow.setHeight(ViewGroup.LayoutParams.FILL_PARENT);
    
    ………………//设置各子项点击响应
    mPopWindow.setAnimationStyle(R.style.contextMenuAnim);

    mPopWindow.showAsDropDown(mMenuTv);
}

到这里，这个示例的代码就讲完了。源码在文章底部一块儿给出。这篇讲述了有关PopupWindow的基本使用方法，下篇将针对还未讲述的几个函数，以及问题点结合源码深刻剖析。
 

 

 

源码内容：

一、《PopshowAtLocation》：第二部分：简单示例（showAtLocation显示窗体）对应源码

二、《PopupShowAsDropDown》：第三部分：另外一示例（showAsDropDown显示窗体） 对应源码

三、《PopDropDownBg》：第四部分：提升：为菜单添加阴影  对应源码

四、《PopupAnim》：第五部分：为PopupWindow添加动画  对应源码

 

若是本文有帮到你，记得加关注哦

源码下载地址：http://download.csdn.net/detail/harvic880925/9195255

请你们尊重原创者版权，转载请标明出处：http://blog.csdn.net/harvic880925/article/details/49272285   谢谢

 

若是你喜欢个人文章，你可能更喜欢个人公众号

启舰杂谈

联系我们 沪ICP备13005482号-10