Android PopupWindow使用详解

最新推荐文章于 2024-09-29 13:13:30 发布
最新推荐文章于 2024-09-29 13:13:30 发布
阅读量8.8k 收藏 9
点赞数 1
分类专栏： Android基础知识及总结 文章标签： PopupWindow
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yalinfendou/article/details/45966641
版权

       先来看一下PopupWindow的描述：

       A popup window that can be used to display an arbitrary view. The popup window is a floating container that appears on top of the current activity.

       PopupWindow 是弹出窗口,可以用来显示任意一个视图。出现的弹出窗口是一个在当前Activity之上的浮动容器。

       PopupWindow常用的构造方法：

Create a new empty, non focusable popup window of dimension (0,0).参数为上下文，创建一个高宽为0 的没有焦点的PopupWindow

Create a new empty, non focusable popup window of dimension (0,0).无参，创建一个高宽为0 的没有焦点的PopupWindow

Create a new non focusable popup window which can display the contentView.参数为要显示的View，即PopupWindow要显示的视图

Create a new empty, non focusable popup window.参数为要显示的View的宽度和高度

Create a new non focusable popup window which can display the contentView.参数为要显示的View，宽度和高度 


PopupWindow常见方法：

  • setContentView(View contentView)如果不在构造方法中指定要显示的View，则可以使用此方法
  • setHeight(int height)设置PopupWindow高度，如果当前的PopupWindow正显示，那么下次显示时才会有效
  • setWidth(int width)设置PopupWindow宽度，如果当前的PopupWindow正显示，那么下次显示时才会有效
  • showAsDropDown(View anchor)指定PopupWindow显示在控件的左下方
  • showAsDropDown(View anchor, int xoff, int yoff)
       指定PopupWindow显示在控件的左下方，x和y方向上有偏移  
        PopupWindow显示在控件的左下方，x和y方向上有偏移
     （和上面的方法一样，虽然多了一个参数，但貌似官方文档上对其描述都一样）
        指定相对于父控件的位置（Gravity.LEFT | Gravity.TOP.……），可以指定偏移，其实所谓的父控件，

      随意指定啦

其实PopupWindow的基本设置都大同小异，关键还在于要显示的contentView和其显示的位置，contentView中你可以随意布局，
添加各种效果，满足项目 需要。
注意：popupwindow中包含Spinner时,点击Spinner的时候会报错，在spinner的xml中添加一个属性：
android:spinnerMode="dialog"即可（公司项目也曾遇到类似情况）

先看一下最常见的一种 
效果图：
   

主要代码： 

private void setMyPop(){
	mPopTop = new PopupWindow(context);
	int w = ScreenUtils.getScreenWidth(context);
	int h = ScreenUtils.getScreenHeight(context);
	mPopTop.setWidth(w / 2);
	mPopTop.setHeight(LayoutParams.WRAP_CONTENT);
	mPopTop.setFocusable(true);获取焦点    
	mPopTop.setTouchable(true);
	mPopTop.setOutsideTouchable(true);//设置popupwindow外部可点击    
  //	mPopTop.update();// 刷新状态	
	ColorDrawable dw = new ColorDrawable(0000000000);// 实例化一个ColorDrawable颜色为半透明	
	mPopTop.setBackgroundDrawable(dw);// 点back键和其他地方使其消失,设置了这个才能触发OnDismisslistener ，设置其他控件变化等操作
	mPopTop.setAnimationStyle(R.style.AnimationPreview);//设置显示和消失动画
	LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);		
	View conentView = inflater.inflate(R.layout.pop_top, null);
	setContentViewClickListener(conentView);
	mPopTop.setContentView(conentView);
	
}

在上面的代码中对PopupWindow进行了一些常用设置，包括主要的高度宽度设置，要显示的View以及动画效果等等。
conentView的XML代码：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/pop_layout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:alpha="0.8"
        android:background="@drawable/popover_background"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

        <LinearLayout
            android:id="@+id/lin_car_empty"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal"
            android:padding="8dp" >

            <TextView
                android:id="@+id/tv_car_empty"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_marginLeft="10dp"
                android:gravity="center"
                android:text="空车"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </LinearLayout>

        <View
            android:layout_width="fill_parent"
            android:layout_height="0.1dp"
            android:layout_marginLeft="0dp"
            android:layout_marginRight="0dp"
            android:background="@drawable/divider_horizontal_line" />

        <LinearLayout
            android:id="@+id/lin_car_half"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal"
            android:padding="8dp" >

            <TextView
                android:id="@+id/tv_car_half"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_marginLeft="10dp"
                android:gravity="center"
                android:text="半载"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </LinearLayout>

        <View
            android:layout_width="fill_parent"
            android:layout_height="0.1dp"
            android:layout_marginLeft="0dp"
            android:layout_marginRight="0dp"
            android:background="@drawable/divider_horizontal_line" />

        <LinearLayout
            android:id="@+id/lin_car_full"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal"
            android:padding="8dp" >

            <TextView
                android:id="@+id/tv_car_full"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_marginLeft="10dp"
                android:gravity="center"
                android:text="满载"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </LinearLayout>

        <View
            android:layout_width="fill_parent"
            android:layout_height="0.1dp"
            android:layout_marginLeft="0dp"
            android:layout_marginRight="0dp"
            android:background="@drawable/divider_horizontal_line" />

        <LinearLayout
            android:id="@+id/lin_car_rest"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal"
            android:padding="8dp" >

            <TextView
                android:id="@+id/tv_car_rest"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_marginLeft="10dp"
                android:gravity="center"
                android:text="勿扰"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>
setContentViewClickListener(conentView)是为要显示的View设置点击事件（在这里添加业务逻辑），我这里只是简单的Toast。
 
private void setContentViewClickListener(View conentView){
	LinearLayout lin_car_full = (LinearLayout) conentView
			.findViewById(R.id.lin_car_full);
	LinearLayout lin_car_empty = (LinearLayout) conentView
			.findViewById(R.id.lin_car_empty);

	LinearLayout lin_car_half = (LinearLayout) conentView
			.findViewById(R.id.lin_car_half);
	LinearLayout lin_car_rest = (LinearLayout) conentView
			.findViewById(R.id.lin_car_rest);
	lin_car_empty.setOnClickListener(new OnClickListener() {

		@Override
		public void onClick(View arg0) {
			
			  
			   T.showLong(context, "空车");
			   mPopTop.dismiss();
		}
	});

	lin_car_full.setOnClickListener(new OnClickListener() {

		@Override
		public void onClick(View v) {
			
          
           T.showLong(context, "满载");
           mPopTop.dismiss();
		}
	});

	lin_car_half.setOnClickListener(new OnClickListener() {

		@Override
		public void onClick(View arg0) {
		
			 
			   T.showLong(context, "半载");
			   mPopTop.dismiss();
		}
	});

	lin_car_rest.setOnClickListener(new OnClickListener() {

		@Override
		public void onClick(View v) {
			
			 
			   T.showLong(context,"勿扰");
			   mPopTop.dismiss();
		}
	});
}
然后调用，使其显示出来。 
mPopTop.showAsDropDown(rel_titlebar, ScreenUtils.getScreenWidth(context)/4, 0); //titleBar 正下方中间位置
或者 
 mPopTop.showAtLocation(rel_titlebar, Gravity.TOP, 0, height +ScreenUtils.getStatusHeight(context)); //titleBar 正下方中间位置

说明：
ScreenUtils.getStatusHeight(context)为状态栏的高度
rel_titlebar即titleBar
height为titleBar的高度，
关于测量控件的高度宽度，下面是具体代码
 
//测量titleBar高度
		ViewTreeObserver vto = rel_titlebar.getViewTreeObserver();
		vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
			public boolean onPreDraw() {
				if (hasMeasured == false) {

					height = rel_titlebar.getMeasuredHeight();
				//	int width = rel_titlebar.getMeasuredWidth();
					// 获取到宽度和高度后，可用于计算

					hasMeasured = true;

				}
				return true;
			}
		});
如果调用 
 mPopTop.showAsDropDown(rel_titlebar);//titleBar 正左下方
则会显示在正左下方：


还有的PopupWindow是全屏显示的


 
private void showFullPop() {

		View view = LayoutInflater.from(this).inflate(R.layout.pop_full,
				null);
		LinearLayout layout_all;
		RelativeLayout layout_choose;
		RelativeLayout layout_photo;
		RelativeLayout layout_cancel;
		layout_choose = (RelativeLayout) view.findViewById(R.id.layout_choose);
		layout_photo = (RelativeLayout) view.findViewById(R.id.layout_photo);
		layout_cancel=(RelativeLayout) view.findViewById(R.id.layout_cancel);
		layout_photo.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				
				   T.showLong(context,"点击拍照");
				   mPopBottom.dismiss();
				
			}
		});
		layout_choose.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
			
				 T.showLong(context,"点击相册");
				 mPopBottom.dismiss();
			}
		});
		
		
		layout_cancel.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				
				 T.showLong(context,"点击取消");
				mPopBottom.dismiss();
			
			}
		});

		mPopBottom = new PopupWindow(view);
//		mPopBottom.setTouchInterceptor(new OnTouchListener() {
//			@Override
//			public boolean onTouch(View v, MotionEvent event) {
//				if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
//					mPopBottom.dismiss();
//					return true;
//				}
//				return false;
//			}
//		});

		mPopBottom.setWidth(WindowManager.LayoutParams.MATCH_PARENT);
		mPopBottom.setHeight(WindowManager.LayoutParams.MATCH_PARENT);
		mPopBottom.setTouchable(true);
		mPopBottom.setFocusable(true);
		mPopBottom.setOutsideTouchable(true);
		ColorDrawable dw = new ColorDrawable(0000000000);
		mPopBottom.setBackgroundDrawable(dw);
		// 动画效果 从底部弹起
		mPopBottom.setAnimationStyle(R.style.Animations_GrowFromBottom);

		mPopBottom.showAtLocation(rel_titlebar, Gravity.BOTTOM, 0, 0);//parent view随意

	}

注意这里我们设置View的高度和宽度都为MATCH_PARENT，设置的动画效果为从底部弹出。

效果图：



还有的情况是点击ListView的Item时弹出PopupWindow（类似QQ消息选项长按出现的效果，PopupWindow随Item的位置不同而变化），要实现此效果，只需指定PopupWindow的显示位置即可。


在布局中添加一个ListView，然后给ListView设置点击事件：

 lv.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				
				int[] location = new int[2];
				 view.getLocationOnScreen(location);
				
				 mPopTop.showAtLocation(view, Gravity.NO_GRAVITY, ScreenUtils.getScreenWidth(context) / 4, location[1]);
				// mPopTop.showAtLocation(view, Gravity.NO_GRAVITY,ScreenUtils.getScreenWidth(context) / 4, location[1]);
							
			}
		});

说明：
通过view.getLocationInWindow(location); 获取控件在屏幕内的绝对坐标，location[0]为X坐标值，location[1]为Y坐标值。
这里只是为了演示，没有设置新的PopupWindow，关于PopupWindow的位置，你可以根据项目的实际情况，指定其显示在Item的上面或者下面，或者任意位置。
效果图：
  

另外，如果你想在PopupWindow中显示gridView之类更复杂的View，只需在XML中布局或者在Java代码中动态布局就可以了。


DEMO 下载地址 ： http://download.csdn.net/detail/yalinfendou/8737193
好了，下面来看Demo实现
yalinfendou
关注
专栏目录
Android - popWindow简单使用
你的博客
07-21 4974
设置多一个布局 - - 要弹出窗口的布局 相关代码解释，在注释里有写 效果 activity_main.xml <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:text="popWindow" android:padding="10dp" .
Android PopupWindow的使用和分析
weixin_34081595的博客
02-26 153
  Android PopupWindow的使用和分析   PopupWindow使用        PopupWindow这个类用来实现一个弹出框，可以使用任意布局的View作为其内容，这个弹出框是悬浮在当前activity之上的。   PopupWindow使用Demo 　　这个类的使用，不再过多解释，直接上代码吧。 　　比如弹出框的布局： &lt;?xml vers...
Android弹出式界面开发：深入理解PopWindow与Dialog
最新发布
weixin_42113456的博客
09-29 1475
本文还有配套的精品资源，点击获取 简介：在Android开发中， PopWindow 和 Dialog 是用于创建临时交互界面的两个重要组件。 PopWindow 提供了一种浮动窗口，具有高度的自定义性，适用于创建快捷菜单或复杂的交互布局。而 Dialog 则是一个半透明窗口，用于展示信息或进行重要决策，通常包含标准的...
Android开发之PopupWindow
wangxiaohigh
08-09 160
Android开发之PopupWindow /* * Android开发之PopupWindow * * Created on: 2011-8-8 * Author: blueeagle * Email: liujiaxiang@gmail.com */ 聪明的人善于总结，记录，不知道这是谁说的了，反正要当一个聪明人，我得先学会总结，记录。最近在Android的学习过程中，发现P...
Android PopupWindow的使用
编程资料大全
08-31 81
这一节讲的是Android PopupWindow的使用! 在我理解其实PopupWindow其实类似于一个不能动的Widget(仅从显示效果来说!)它是浮在别的窗口之上的.下面我将给大家做一个简单的Demo，类似于音乐播放器的Widget的效果，点击Button的时候出来PopupWindow,首先我们看一下效果图: 下载 (9.2 KB)2010-7-27 17:34 ...
Android下拉框PopupWindow使用详解
08-29
Android下拉框PopupWindow使用详解 Android下拉框PopupWindow是一种常用的UI组件，用于在移动应用程序中实现下拉框的功能。下面将详细介绍Android下拉框PopupWindow的使用方法和实现原理。 一、PopupWindow的基本...
android popupwindow用法详解
01-21
本文实例为大家分享了android popupwindow的用法，供大家参考，具体内容如下 一、基本用法 一般做法，新建类继承popupwindow。例 /** * popupwindow基本用法 * Created by Administrator on 2015/11/25. */ ...
Android中PopupWindow使用方法详解
09-02
以上就是Android中PopupWindow的使用方法和相关知识点，理解并熟练运用这些技巧，可以帮助开发者更好地创建动态、丰富的用户界面。在实际开发中，可以根据项目需求灵活调整PopupWindow的行为，提高用户体验。同时，...
Android PopupWindow使用实例
09-03
【Android PopupWindow 使用详解】 `PopupWindow` 是 Android SDK 提供的一个非常实用的组件，它允许开发者在应用程序中创建可自定义的浮窗，通常用于显示临时的通知或菜单。在这个实例中，我们将深入理解 `...
Android PopupWindow使用方法小结
weixin_33805557的博客
06-17 290
前几天要用到PopupWindow，一时竟想不起来怎么用，赶紧上网查了查，自己写了个demo，并在此记录一下PopupWindow的用法。 使用场景 PopupWindow，顾名思义，就是弹窗，在很多场景下都可以见到它。例如ActionBar/Toolbar的选项弹窗，一组选项的容器，或者列表等集合的窗口等等。 基本用法 使用PopupWindow很简单，可以总结为三个步骤： 创建P...
Android PopupWindow使用
06-11
PopupWindow的简单使用！
Android PopupWindow的使用详解
05-25
Android PopupWindow的使用详解 http://blog.csdn.net/yalinfendou博客中有详细介绍……
Android中PopupWindow的使用
热门推荐
05-31 2万+
public class PopUpActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInst
Android popupWindow的使用
weixin_44141172的博客
04-27 2969
popupWindow 创建一个popupWindow对象，其中的参数为 （1）弹出的页面的view view = getLayoutInflater().inflate(R.layout.popup_window_view, null);拿到popupWindow相应的View的view对象 （2）宽度ViewGroup.LayoutParams.WRAP_CONTENT表示自适应 （3）高度 使用popupWindow对象的popupWindow.showAsDropDown(v, 200, 200)
android PopUp window的使用
kakaBack的专栏
07-14 2093
Android的popupWindow类似一个不能动的widget，它显示在别的View之上。 具体操作如下： 主View： /layout/main.xml xml version="1.0" encoding="utf-8"?> LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" andro
Android PopupWindow 组件使用详解与实践
Android 组件 popupwindow 使用方法详解 PopupWindow 是 Android 中的一种组件，能够在应用程序中弹出一个窗口，展示一些信息或提供一些交互操作。下面将详细介绍 PopupWindow 的使用方法和相关知识点。 一、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值