精华内容
下载资源
问答
  • popupWindow使用

    2013-04-19 00:55:54
    popupWindow使用的方法,以及PopupWindow样式的使用
  • PopupWindow使用

    2018-09-06 14:50:40
    我们常见的PopupWindow使用如下: PopupWindow popupWindow = new PopupWindow(contentView,width,height); popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); popupWindow....

    我们常见的PopupWindow使用如下:

    PopupWindow popupWindow = new PopupWindow(contentView,width,height);
    popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    popupWindow.setOutsideTouchable(true);
    popupWindow.setAnimationStyle(R.style.PopupAnimation);
    popupWindow.setTouchable(true);
    popupWindow.setFocusable(true);
    popupWindow.showAtLocation(anchor,gravity,x,y);

    下面我们对每个方法逐个解释:

    首先是构造函数,popupwindow有多个构造函数,这是其中一个,并且要生成一个popupwindow,这三个参数是必须的(即时你用其他构造函数):

    View contentView:第一个参数是你PopupWindow的布局View,可以用inflate生成,PopupWindow没有默认布局。

    width、height:这个是PopupWindow的显示出来的宽和高,这里的宽高会完全覆盖你PopupWindow布局xml文件中最顶层View的宽高

    setBackgroundDrawable():设置PopupWindow的背景。

    setOutSideTouchable():设置PopupWindow之外的区域是否能响应点击事件。

    setAnimationStyle():设置滑入滑出的动画效果。

    setTouchable():设置PopupWindow是否能响应点击事件。

    setFocusable():设置PopupWindow能否获取焦点。如果PopupWindow中有EditView时,需要获取焦点才能输入。

    接下来看显示方法:

    showAsDropDown(View anchor):相对某个空间的位置(正左下方),无偏移

    showAsDropDown(View anchor,int xoff,int yoff):相对于某个空间的位置,可设置偏移量。

    showAtLocation(View parent ,int gravity, int x, int y):相对于父控件的位置,例如正中央Gravity.CENTER、下方Gravity.BOTTOM等,可设置偏移量。

    接下来将常见的用法:

    1、如果想要点击PopupWindow之外的区域时,让PopupWindow消失

    在showAtLocation()之前要加上这两句:

    popupWindow.setOutsideTouchable(true);
    popupWindow.setBackgroundDrawable(new BitmapDrawable());

    只有同时设置PopupWindow的背景和setOutsideTouchable为true,才能响应外部点击事件,即点击外部或者按下“Back”键时,PopuptWindow才会消失。但是前提是你点击的是外部区域,如果你构造PopupWindow时是这样的:

    popupWindow = new PopupWindow(LayoutInflater.from(MainActivity.this).inflate(R.layout.pop_list, null), ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

    传入的width和height是MATCH_PARENT,也就是占据整个屏幕,那你就无法点击到外部区域,PopupWindow也就无法消失,所以应该使用固定的大小或者WRAP_CONTENT。

    2、想要让PopupWindow从屏幕下方弹出

    我们先看看showAtLocation参数的定义:

        /**
         * @param parent a parent view to get the {@link android.view.View#getWindowToken()} token from
         * @param gravity the gravity which controls the placement of the popup window
         * @param x the popup's x location offset
         * @param y the popup's y location offset
         */
        public void showAtLocation(View parent, int gravity, int x, int y)

    第一个参数是一个View,这里解释该View是为了调用getWindowToken()来获取token的,

    gravity:控制弹出窗口的位置

    x和y:表示偏移量

    view.getWindowToken()是获取该view所依附的window的唯一令牌。

        public void showAtLocation(View parent, int gravity, int x, int y) {
            mParentRootView = new WeakReference<>(parent.getRootView());
            showAtLocation(parent.getWindowToken(), gravity, x, y);
        }

    可以看到这里传入的view只调用了getRootView获取根布局和getWindowToken方法获取window的token。

    所以我们传入activity中任何一个view都没有影响。

    想要让PopupWindow从底部弹出,只需要传入gravity为Gravity.Bottom即可:

    showAtLocation(view, Gravity.BOTTOM,0,0);

    3、滑入滑出动画效果

    先在res下的anim文件夹中新建两个文件:

    out.xml

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

    enter.xml

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

    然后再styles.xml的resources标签中加入style:

    <resources>
    
        <style name="PopupAnimation">
            <item name="android:windowEnterAnimation">@anim/pop_enter</item>
            <item name="android:windowExitAnimation">@anim/pop_out</item>
        </style>
    
    </resources>

    使用时:

    popupWindow.setAnimationStyle(R.style.PopupAnimation);

    4、让空白区域为灰色半透明

    在Popupwindow要展示的视图文件的根布局加个背景颜色为半透明

    展开全文
  • popupwindow使用

    2015-03-06 15:35:52
    这个demo主要介绍了,popupwindow的基本使用,实现了popupwindow和listView的结合希望可以帮助需要的同学
  • PopUpWindow使用详解(一)——基本使用

    万次阅读 多人点赞 2015-10-20 08:29:50
    1、《PopUpWindow使用详解(一)——基本使用》 2、《PopUpWindow使用详解(二)——进阶及答疑》 有同学讲到想要知道PopUpWindow的知识,这里就给大家讲一讲PopUpWindow的基本用法和原理吧。这段时间博客可能会更新...

    前言:不要嫌前进的慢,只要一直在前进就好。

     

    相关文章:

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

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

     

    有同学讲到想要知道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的基本使用方法,下篇将针对还未讲述的几个函数,以及问题点结合源码深入剖析。
     

     

     

    源码内容:

    1、《PopshowAtLocation》:第二部分:简单示例(showAtLocation显示窗体)对应源码

    2、《PopupShowAsDropDown》:第三部分:另一示例(showAsDropDown显示窗体) 对应源码

    3、《PopDropDownBg》:第四部分:提高:为菜单添加阴影  对应源码

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

     

    如果本文有帮到你,记得加关注哦

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

    请大家尊重原创者版权,转载请标明出处:http://blog.csdn.net/harvic880925/article/details/49272285   谢谢

     

    如果你喜欢我的文章,你可能更喜欢我的公众号

    启舰杂谈

    展开全文
  • PopUpWindow 使用

    2019-09-12 11:18:56
    项目中使用很多弹窗,大部分都是了AlertDialog,Dialog,DialogFragment还没用过PopUpWindow,这次有时间看一下相关知识, PopUpWindow 表示一个可用于显示任意视图的弹出窗口。弹出窗口是一个浮动容器,出现在当前...

    一、概述

    项目中使用很多弹窗,大部分都是了AlertDialog,Dialog,DialogFragment还没用过PopUpWindow,这次有时间看一下相关知识,

    PopUpWindow 表示一个可用于显示任意视图的弹出窗口。弹出窗口是一个浮动容器,出现在当前activity的顶部。AlertDialog不能指定显示位置,只能默认显示在屏幕最中间(当然也可以通过设置WindowManager参数来改变位置),而PopupWindow是可以指定显示位置的,随便哪个位置都可以,更加灵活。

    二、使用方法

    1、创建

    1.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)
    

    1.2、创建PopuWindow必要的三个条件:

    void setHeight (int height) // 因为PopupWindow没有默认布局所以必须指定宽高
    void setWidth (int width)
    void setContentView (View contentView) // 需要显示的内容
    

    1.3、使用布局中的宽高

    PopupWindow popupWindow = new PopupWindow(popupView,
                ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
    

    2.显示/隐藏

    显示PopupWindow可以分为两种方式:

    1. 附着某个控件 showAsDropDown
    2. 设置屏幕坐标showAtLocation

    隐藏将窗体 void dismiss ()

    2.1、相对于当前控件

    默认是PopupWindow的左上角对其控件的左下角

    // 弹窗显示在anchor控件左下方
    void showAsDropDown (View anchor) 
    
    // 以控件左下角为原点的偏移坐标
    void showAsDropDown (View anchor, 
                    int xoff,  
                    int yoff)
    
    // 弹窗显示在控件的左下方还是右下方, 参数Gravity.RIGHT/Gravity.LEFT. 默认是左下方
    void showAsDropDown (View anchor, 
                    int xoff, 
                    int yoff, 
                    int gravity) 
    
    

    2.2、相对于当前窗口

    当前窗口的任意位置(不包括状态栏)

    void showAtLocation (View parent, // 该属性只要是屏幕上任意控件对象即可
                    int gravity, // 屏幕位置
                    int x,  // 偏移坐标
                    int y)
    

    parent:该属性只要是当前任意控件对象即可(View和ViewGroup都行), 官方文档介绍该对象参数主要是为了得到该对象的getWindowToken()方法.

     

    参考文章PopUpWindow使用详解

                   PopupWindow最全使用说明

    展开全文
  • PopupWindow 使用

    2016-02-02 14:07:53
    概述1.PopupWindow与AlertDialog的区别 最关键的区别是AlertDialog不能指定显示位置,只能默认显示在屏幕最中间(当然也可以通过设置WindowManager参数来改变位置)。而PopupWindow是可以指定显示位置的,随便哪个...

    一.概述

    1.PopupWindow与AlertDialog的区别
    最关键的区别是AlertDialog不能指定显示位置,只能默认显示在屏幕最中间(当然也可以通过设置WindowManager参数来改变位置)。而PopupWindow是可以指定显示位置的,随便哪个位置都可以,更加灵活。
    2.相关函数
    (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!!!!
    (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):  

    二.实例

    下面给出一个例子,先看效果图:

    这里写图片描述

    点击右上角的菜单按钮,弹出一个PopupWindow,并且带有缩放动画

    public class MainActivity extends AppCompatActivity {
    
        private TextView textView;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            textView = (TextView) findViewById(R.id.textview);
            textView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    showPopupWindow();
                }
            });
        }
        private void showPopupWindow() {
            View view = View.inflate(this,R.layout.item_layout,null);
            PopupWindow pw = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);
            //为PopupWindow添加动画
            pw.setAnimationStyle(R.style.popstyle);
            //经过我的实验发现,只有同时设置这个属性才能点击外部使PopupWindow消失
            pw.setOutsideTouchable(true);
            pw.setBackgroundDrawable(new ColorDrawable());
            pw.showAsDropDown(textView);
        }
    }

    下面看看怎么给PopupWindow 设置显示和消失动画
    首先在styles文件中定义样式,指定两个属性名称,分别是窗体进入和消失动画

     <style name="popstyle"  >
            <item name="android:windowEnterAnimation">@anim/enter</item>
            <item name="android:windowExitAnimation">@anim/exit</item>
        </style>

    然后定义我们自己的动画,这里使用缩放动画,代码如下:

    进入动画

    <?xml version="1.0" encoding="utf-8"?>
    <scale xmlns:android="http://schemas.android.com/apk/res/android"
           android:fromXScale="0.0"
        android:toXScale="1.0"
        android:fromYScale="0.0"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="0"
            android:duration ="500">
    </scale>

    消失动画

    <?xml version="1.0" encoding="utf-8"?>
    <scale xmlns:android="http://schemas.android.com/apk/res/android"
            android:fromYScale="1.0"
        android:fromXScale="1.0"
        android:toXScale="0"
        android:toYScale="0"
        android:pivotX="50%"
        android:pivotY="0"
        android:duration ="500"
            >
    </scale>
    展开全文
  • popupWindow 使用

    千次阅读 2014-06-12 16:18:23
    1、android 对话框常见的两种:dialog,popupWindow
  • PopupWindow 使用实例

    2014-03-28 15:07:40
    PopupWindow 使用实例
  • 主要介绍了Android PopupWindow使用实例,本文直接给出代码实例,需要的朋友可以参考下
  • PopupWindow 使用介绍

    2020-04-14 19:36:20
    一、popupWindow使用时候需要注意的方法 public void setFocusable(boolean focusable) { mFocusable = focusable;} ​ public void setOutsideTouchable(boolean touchable) { mOutsideTouchable ...
  • 主要为大家详细介绍了Android中PopupWindow使用方法,感兴趣的小伙伴们可以参考一下
  • 主要为大家详细介绍了Android PopupWindow使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要为大家详细介绍了Android组件popupwindow使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • popupWindow使用Demo

    2021-01-19 10:04:58
    使用popupWindow实现类似微信点击右上角加号弹出添加好友的列表,还有在底部弹出的popupWindow
  • android的popupWindow使用

    2014-12-23 19:58:40
    android中popupWindow使用案列。点击按钮,显示出菜单按钮。
  • Android PopupWindow使用示例,更多信息请访问http://blog.csdn.net/qingdujun/article/details/42609549
  • Android PopupWindow使用

    2017-06-11 18:15:47
    PopupWindow的简单使用
  • 主要介绍了Android自定义弹出窗口PopupWindow使用技巧,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要为大家详细介绍了PopupWindow使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • PopUpWindow使用详解(二)——进阶及答疑

    万次阅读 多人点赞 2015-10-20 16:26:16
    相关文章:1、《PopUpWindow使用详解(一)——基本使用》2、《PopUpWindow使用详解(二)——进阶及答疑》 上篇为大家基本讲述了有关PopupWindow的基本使用,但还有几个相关函数还没有讲述,我们这篇将着重看看这几个...
  • popupwindow使用案例

    2016-07-26 13:26:57
    popupwindow的简单使用,对提示框的显示位置做了详细描述,和用popupwindow做简单的下拉列表。
  • 主要为大家详细介绍了Android下拉框PopupWindow使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,918
精华内容 8,367
关键字:

popupwindow使用