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

最新推荐文章于 2023-06-17 05:00:00 发布
最新推荐文章于 2023-06-17 05:00:00 发布
阅读量231 收藏
点赞数
分类专栏： android相关 文章标签： android

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

先看一下我们要做的效果：

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

一、概述

 

1、PopupWindow与AlertDialog的区别

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

 

 

 

2、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，那完整的构造代码应该是这样的：

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变量不是必须的，有关它的方法和意义，我们会在下一篇中细讲。

 

（2）显示函数

 

 

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

//相对某个控件的位置（正左下方），无偏移  
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)：  

这里有两种显示方式：
1、显示在某个指定控件的下方
showAsDropDown(View anchor)：
showAsDropDown(View anchor, int xoff, int yoff)；
2、指定父视图，显示在父控件的某个位置（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()，用于不需要的时候，将窗体隐藏掉。

好了，废话不多说了，我们就做一个上面的例子来看一下。

 

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

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

 

 

 

 

1、主布局(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>  

2、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>  

3、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显示窗体的用法。

 

 

源码在文章底部给出

三、另一示例（showAsDropDown显示窗体）

大家先看下面这个效果图：

 

 

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

1、同样，我们先看看主布局代码（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>  

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

 

2、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>  

3、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的同时利用阴影把背景全部给遮罩起来。

 

源码在文章底部给出

 

 

四、提高：为菜单添加阴影

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

 

 

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

1、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的宽和高，为什么非要我们在代码中重新设置呢？不设置还显示不出来…………
下篇，我们将会解答这个问题。

 

五、为PopupWindow添加动画

先看看效果：

 

 

 

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

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

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

 

1、生成动画对应的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设置出场动画。

 

2、使用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的基本使用方法，下篇将针对还未讲述的几个函数，以及问题点结合源码深入剖析。

小蜗牛在漫步
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
（原创）PopupWindow的showAsDropDown()和showAtLocation()使用方式及其区别
04-19
（原创）PopupWindow的showAsDropDown()和showAtLocation()使用方式及其区别
博客《 PopUpWindow使用详解(一)——基本使用》对应源码
10-20
博客《 PopUpWindow使用详解(一)——基本使用》对应源码，博客地址：http://blog.csdn.net/harvic880925/article/details/49272285
PopupWindow（弹窗）
qq_63892580的博客
05-05 3602
1.按钮绑定一个事件，这个实在点击事件里面的，而后面的方法为showPopupWindow（）方法，此方法是由上面的 showPopWindow();方法产生的，用来设置PopWindow private void showPopWindow(View view) { //实例化对象，这个id就是弹窗的页面的id，后面的参数问的是有没有父容器，由于没有，所以未null //这句代码的意义是，将R.layout.tanchuang，即弹窗看作一个view来显示，而这个方法即为Lay..
android_基础_popupWindow使用详解
热门推荐
写bug的蚊子的博客
01-13 1万+
转载自:https://www.cnblogs.com/guanxinjing/p/10156153.html 简介 PopupWindow，顾名思义弹窗.PopupWindow是与AlertDialog在形式上类似的弹窗功能,都是为了在activity最上层显示一个弹窗.但是区别是PopupWindow可以自定义出现的位置,并且可以添加入自己需要的View或者导入自己写好的xml布局 应用场景 在很多场景下都可以见到它。例如ActionBar/Toolbar的选项弹窗，一组选项的容器，或者列表等集合的.
Android中PopupWindow的使用方法
小旭的专栏
01-22 2245
private PopupWindow popupwindow; public void initmPopupWindowView() { // // 获取自定义布局文件pop.xml的视图 View customView = getLayoutInflater().inflate(R.layout.zjt_popview_item, null, false); /** 在这里
PopupWindow使用方法详解
08-29
主要为大家详细介绍了PopupWindow的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android下拉框PopupWindow使用详解
08-29
主要为大家详细介绍了Android下拉框PopupWindow的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android中PopupWindow使用方法详解
09-02
主要为大家详细介绍了Android中PopupWindow使用方法，感兴趣的小伙伴们可以参考一下
Android组件popupwindow使用方法详解
09-01
主要为大家详细介绍了Android组件popupwindow使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
博客《PopUpWindow使用详解(二)——进阶及答疑》对应源码
10-20
博客《PopUpWindow使用详解(二)——进阶及答疑》对应源码，博客地址：http://blog.csdn.net/harvic880925/article/details/49278705
popupWindow使用Demo
01-19
使用popupWindow实现类似微信点击右上角加号弹出添加好友的列表，还有在底部弹出的popupWindow
Android PopupWindow使用方法小结
01-05
前几天要用到PopupWindow，一时竟想不起来怎么用，赶紧上网查了查，自己写了个demo，并在此记录一下PopupWindow的用法。 使用场景 PopupWindow，顾名思义，就是弹窗，在很多场景下都可以见到它。例如ActionBar/...
Android PopupWindow的使用详解
05-25
Android PopupWindow的使用详解 http://blog.csdn.net/yalinfendou博客中有详细介绍……
Vue实现PopupWindow组件详解
12-29
由于在项目里想实现一个新建地址的PopupWindow效果，便想到可以使用Vue的一些特性来实现。 用到的Vue特性：组件(Component)，props传值，slot内容插入，transitions过渡动画，x-templete模板。 直接上代码（完整...
PopuoWindow 弹出框
qq_54348654的博客
07-22 584
弹出框
Android进阶之路 - popupWindow使用详解
Android、前端、小程序、后端
05-16 7631
popupWindow还是比较好用的一款控件，他不会像Dialog一样让内容与样式死板，他的优势就在于我们可以填充自己喜欢的样式；在使用中遮盖层是个不大不小的问题，本文已经解决，同时还有一些其他问题的解决方式，也都在代码中进行了注释，大家请直接往下看吧（PS：最后又惊喜，或许你想要的答案就在最后哦）
Android 之 PopupWindow (悬浮框)的基本使用
最新发布
leyang0910的博客
06-17 1185
本节给大家带来的是最后一个用于显示信息的UI控件——PopupWindow(悬浮框)，如果你想知道 他长什么样子，你可以打开你手机的QQ，长按列表中的某项，这个时候后弹出一个黑色的小 对话框，这种就是PopupWindow了，和AlertDialog对话框不同的是，他的位置可以是随意的。
PopUpWindow(基础篇)
donghualigong123的博客
12-10 3092
PopUpWindow(基础篇) 为什么用PopupWindow PopupWindow相较于AlertDialog，可以很方便的指定要显示的位置，如相对某个控件的位置，相对父容器的位置 PopupWindow构造函数 //方法一： public PopupWindow (Context context) //方法二： public PopupWindow(View contentView) //方法三： public PopupWindow(View contentView, int width, int
android PopupWindow使用
04-05
1. 创建PopupWindow对象：使用PopupWindow的构造函数创建一个PopupWindow对象。 2. 设置PopupWindow的属性：设置PopupWindow的大小、位置、背景等属性。 3. 设置PopupWindow的内容视图：使用setContentView方法...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值