PopupWindow泡泡窗口

来源：互联网发布：原田知世斋藤工编辑：程序博客网时间：2024/04/24 02:52

pop的布局文件的根部元素如果设置为 android:layout_height="match_parent"

并且代码中设置了高度为： LayoutParams.WRAP_CONTENT

PopupWindow mPopWindow = new PopupWindow(popview,
LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);

显示的时候pop的根元素的android:layout_height="match_parent"会失效，

实验二如果pop的布局文件的根部元素如果设置为 android:layout_height="wrap_content"

代码中设置了高度为： LayoutParams.MATCH_PARENT

显示效果是按照.MATCH_PARENT显示的

实验三同时设置wep_content 显示效果为wep_conten

我发现：pop的布局文件的根部元素宽高设置在显示的时候不会有效果，原因我猜测是被

代码中设置的效果覆盖了

PopupWindow mPopWindow = new PopupWindow(popview,
LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, true);

使用泡泡窗口经常用到的

//pop窗口弹出后修改窗口透明值使窗口背景变暗
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.alpha = 0.5f; //0.0-1.0
getWindow().setAttributes(lp);

mPopWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
@Override
public void onDismiss() {
//popupwindow消失的时候恢复成原来的透明度
lp.alpha = 1.0f;
getWindow().setAttributes(lp);
}
});

参考案例：

http://www.tuicool.com/articles/NZjMfyA

案例：

【Android】创建Popwindow弹出菜单的两种方式

方法一的Activity

package com.app.test02;import android.app.Activity;import android.os.Bundle;import android.view.Gravity;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnTouchListener;import android.view.ViewGroup.LayoutParams;import android.widget.Button;import android.widget.PopupWindow;import android.widget.Toast;public class PopwindowLeft extends Activity {  // 声明PopupWindow对象的引用  private PopupWindow popupWindow;  /** Called when the activity is first created. */  @Override  public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_popupwindow_main);    // 点击按钮弹出菜单    Button pop = (Button) findViewById(R.id.popBtn);    pop.setOnClickListener(popClick);  }  // 点击弹出左侧菜单的显示方式  OnClickListener popClick = new OnClickListener() {    @Override    public void onClick(View v) {      // TODO Auto-generated method stub      getPopupWindow();      // 这里是位置显示方式,在屏幕的左侧      popupWindow.showAtLocation(v, Gravity.LEFT, 0, 0);    }  };  /**   * 创建PopupWindow   */  protected void initPopuptWindow() {    // TODO Auto-generated method stub    // 获取自定义布局文件activity_popupwindow_left.xml的视图    View popupWindow_view = getLayoutInflater().inflate(R.layout.activity_popupwindow_left, null,        false);    // 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度    popupWindow = new PopupWindow(popupWindow_view, 200, LayoutParams.MATCH_PARENT, true);    // 设置动画效果    popupWindow.setAnimationStyle(R.style.AnimationFade);    // 点击其他地方消失    popupWindow_view.setOnTouchListener(new OnTouchListener() {      @Override      public boolean onTouch(View v, MotionEvent event) {        // TODO Auto-generated method stub        if (popupWindow != null && popupWindow.isShowing()) {          popupWindow.dismiss();          popupWindow = null;        }        return false;      }    });  }  /***   * 获取PopupWindow实例   */  private void getPopupWindow() {    if (null != popupWindow) {      popupWindow.dismiss();      return;    } else {      initPopuptWindow();    }  }}

方法二的Activity

package com.app.test02;import android.app.Activity;import android.os.Bundle;import android.view.Gravity;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnTouchListener;import android.view.ViewGroup.LayoutParams;import android.widget.PopupWindow;public class PopwindowLeftNew extends Activity{  private PopupWindow popupWindow;  @Override  protected void onCreate(Bundle savedInstanceState) {    // TODO Auto-generated method stub    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_popupwindow_main);        findViewById(R.id.popBtn).setOnClickListener(new OnClickListener() {      @Override      public void onClick(View v) {        // TODO Auto-generated method stub        // 获取自定义布局文件activity_popupwindow_left.xml的视图        View popupWindow_view = getLayoutInflater().inflate(R.layout.activity_popupwindow_left, null,false);        // 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度        popupWindow = new PopupWindow(popupWindow_view, 200, LayoutParams.MATCH_PARENT, true);        // 设置动画效果        popupWindow.setAnimationStyle(R.style.AnimationFade);        // 这里是位置显示方式,在屏幕的左侧        popupWindow.showAtLocation(v, Gravity.LEFT, 0, 0);        // 点击其他地方消失        popupWindow_view.setOnTouchListener(new OnTouchListener() {          @Override          public boolean onTouch(View v, MotionEvent event) {            // TODO Auto-generated method stub            if (popupWindow != null && popupWindow.isShowing()) {              popupWindow.dismiss();              popupWindow = null;            }            return false;          }        });      }    });      }}

附：一些相关的布局文件

PopupWindow弹出菜单

activity_popupwindow_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:background="#fff" >      <Button android:id="@+id/popBtn"     android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:text="弹出左侧菜单" />     </LinearLayout>

activity_popupwindow_left.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@android:color/darker_gray"    android:orientation="vertical"    android:gravity="center"    android:paddingTop="50dp">    <Button        android:id="@+id/open"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="打开" />    <Button        android:id="@+id/save"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="保存" />    <Button        android:id="@+id/close"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="关闭" />    <Button        android:id="@+id/open"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="打开" />    <Button        android:id="@+id/save"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="保存" />    <Button        android:id="@+id/close"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="关闭" />        <Button        android:id="@+id/open"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="打开" />    <Button        android:id="@+id/save"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="保存" />    <Button        android:id="@+id/close"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="1"        android:background="@android:color/darker_gray"        android:text="关闭" />    </LinearLayout>

弹出动画XML

在res文件夹下，建立anim文件夹。写入如下两个文件。

弹出动画

in_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 定义从左向右进入的动画 -->    <translate        android:duration="500"        android:fromXDelta="-100%"        android:toXDelta="0" /></set>

弹回动画

out_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 定义从右向左动画退出动画 -->    <translate        android:duration="500"        android:fromXDelta="0"        android:toXDelta="-100%" /></set>

动画管理

在styles.xml中，添加如下管理代码

<style name="AnimationFade">        <!-- PopupWindow左右弹出的效果 -->        <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>        <item name="android:windowExitAnimation">@anim/out_righttoleft</item>    </style>

今天由于项目需要学习了一点PopuWindow的基础知识

如何使用：

案例：

第一步创建泡泡窗口的布局：

popup_setting.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@null"    android:gravity="right"    android:orientation="vertical" >    <LinearLayout        android:layout_width="100dp"        android:layout_height="260dp"        android:background="@color/black"        android:orientation="vertical" >        <Button            android:id="@+id/open_location"            android:layout_width="100dp"            android:layout_height="50dp"            android:layout_marginTop="20dp"            android:text="开启定位"            android:textColor="@color/orange"            android:textSize="15sp" />        <Button            android:id="@+id/close_location"            android:layout_width="100dp"            android:layout_height="50dp"            android:layout_marginTop="20dp"            android:text="关闭定位"            android:textColor="@color/orange"            android:textSize="15sp" />        <Button            android:id="@+id/send_Message"            android:layout_width="100dp"            android:layout_height="50dp"            android:layout_marginTop="20dp"            android:text="一键通知"            android:textColor="@color/orange"            android:textSize="15sp" />    </LinearLayout></LinearLayout>

然后在MainActivity中添加显示popupwindow的方法：

private void showPopupWindow() {  contentView = LayoutInflater.from(this).inflate(R.layout.popup_setting, null);  PopupWindow mPopWindow = new PopupWindow(contentView,  dip2px(this, 100), dip2px(this, 260), true);  mPopWindow.setContentView(contentView); //显示PopupWindow  View rootview = LayoutInflater.from(this).inflate(R.layout.activity_main, null);  mPopWindow.setOutsideTouchable(true);mPopWindow.setBackgroundDrawable(new ColorDrawable(0));mPopWindow.showAsDropDown(setting); setPopupOnListener();//设置按钮事件监听}

/** * 将dp转换为sp *  * @param context * @param dpValue * @return */public static int dip2px(Context context, float dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f);}/** * 设置popupwindow里面包含的控件的点击事件 */public void setPopupOnListener(){Button open_location = (Button) contentView.findViewById(R.id.open_location);Button close_location = (Button) contentView.findViewById(R.id.close_location);Button sendMessage = (Button) contentView.findViewById(R.id.send_Message);MainListenter listener = new MainListenter();open_location.setOnClickListener(listener);close_location.setOnClickListener(listener);sendMessage.setOnClickListener(listener);sendMessage.setOnClickListener(listener);}

解释一下：

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);

由于方法三中，含有了这三个必备条件，不用单独设置contentview或者width、height，所以一般使用构造方法三

（2）显示函数

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

<span style="font-size:14px;">//相对某个控件的位置（正左下方），无偏移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)：</span>

这里有两种显示方式：
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)//PopupWindow是否具有获取焦点的能力，默认为False。一般来讲是没有用的，因为普通的控件是不需要获取焦点的，而对于EditText则不同，如果不能获取焦点，那么EditText将是无法编辑的</span>public void setTouchable(boolean touchable)//设置PopupWindow是否响应touch事件，如果设置为false，则布局里面包含的所有控件的touch事件无响应，包括点击事件)</span>

public void setOutsideTouchable(boolean touchable)//这个函数的意义，就是指，PopupWindow以外的区域是否可点击，即如果点击PopupWindow以外的区域，PopupWindow是否会消失。public void setBackgroundDrawable(Drawable background)//加上它之后，setOutsideTouchable（）才会生效;而且，只有加上它之后，PopupWindow才会对手机的返回按钮有响应：即，点击手机返回按钮，可以关闭PopupWindow；如果不加setBackgroundDrawable（）将关闭的PopupWindow所在的Activity.,参数填充进去各种Drawable,比如new BitmapDrawable()，new ColorDrawable(),等；

如何想实现点击popuwindow外部的区域或实现点击back键隐藏窗口，必须同时设置

mPopWindow.setOutsideTouchable(true);
mPopWindow.setBackgroundDrawable(new ColorDrawable(0));

这两个方法缺一不可

如何设置Popupwindow的大小

在Android开发过程中，经常使用PopupWindow控件来弹出菜单，但发现会出现不同尺寸显示屏的终端显示效果不一致的问题，弹出菜单的大小和位置都会发生变化。
        最有可能的原因是Android开发的xml布局文件使用单位dp以保证不同屏幕分辨率的机器上布局一致，但PopupWindow控件中控制大小和位置的参数所用的单位是px，所以如果两边使用相同的数值控制尺寸和位置，就会造成显示效果不一致。
        这种情况下必须进行单位的转换，在PopupWindow控件使用前将布局参数转换后再填入参数中。转换的函数参照如下：

    //根据手机的分辨率从 dp 的单位转成为 px(像素)
    public static int dip2px(Context context, float dpValue) {
       final float scale = context.getResources().getDisplayMetrics().density;
       return (int) (dpValue * scale + 0.5f);
    }

0 0