欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android PopupWindow使用方法小结

程序员文章站 2023-08-13 12:50:57
前几天要用到popupwindow,一时竟想不起来怎么用,赶紧上网查了查,自己写了个demo,并在此记录一下popupwindow的用法。 使用场景 popupwind...

前几天要用到popupwindow,一时竟想不起来怎么用,赶紧上网查了查,自己写了个demo,并在此记录一下popupwindow的用法。

使用场景

popupwindow,顾名思义,就是弹窗,在很多场景下都可以见到它。例如actionbar/toolbar的选项弹窗,一组选项的容器,或者列表等集合的窗口等等。

基本用法

使用popupwindow很简单,可以总结为三个步骤:

  • 创建popupwindow对象实例;
  • 设置背景、注册事件监听器和添加动画;
  • 显示popupwindow。

其中,第二步是可选的(不过基本上都要进行第二步的设置)。下面是一个简单的例子:

// 用于popupwindow的view
 view contentview=layoutinflater.from(context).inflate(layoutres, null, false);
 // 创建popupwindow对象,其中:
 // 第一个参数是用于popupwindow中的view,第二个参数是popupwindow的宽度,
 // 第三个参数是popupwindow的高度,第四个参数指定popupwindow能否获得焦点
 popupwindow window=new popupwindow(contentview, 100, 100, true);
 // 设置popupwindow的背景
 window.setbackgrounddrawable(new colordrawable(color.transparent));
 // 设置popupwindow是否能响应外部点击事件
 window.setoutsidetouchable(true);
 // 设置popupwindow是否能响应点击事件
 window.settouchable(true);
 // 显示popupwindow,其中:
 // 第一个参数是popupwindow的锚点,第二和第三个参数分别是popupwindow相对锚点的x、y偏移
 window.showasdropdown(anchor, xoff, yoff);
 // 或者也可以调用此方法显示popupwindow,其中:
 // 第一个参数是popupwindow的父view,第二个参数是popupwindow相对父view的位置,
 // 第三和第四个参数分别是popupwindow相对父view的x、y偏移
 // window.showatlocation(parent, gravity, x, y);

每个方法的作用都写在注解里了,相信大家都能看懂。不过这里要注意这两行:

window.setbackgrounddrawable(new colordrawable(color.transparent));
window.setoutsidetouchable(true);

只有同时设置popupwindow的背景和可以响应外部点击事件,它才能“真正”响应外部点击事件。也就是说,当你点击popupwindow的外部或者按下“back”键时,popupwindow才会消失。

使用showasdropdown方法显示popupwindow

通常情况下,调用showasdropdown方法后popupwindow将会在锚点的左下方显示(drop down)。但是,有时想让popupwindow在锚点的上方显示,或者在锚点的中间位置显示,此时就需要用到showasdropdown方法的xoff和yoff参数了。

这里我们的目的不仅包括上面提到的两种情况(锚点上方或锚点中部),而是囊括了水平和垂直方向各5种显示方式:

水平方向:

align_left:在锚点内部的左边;
align_right:在锚点内部的右边;
center_hori:在锚点水平中部;
to_right:在锚点外部的右边;
to_left:在锚点外部的左边。

垂直方向:
align_above:在锚点内部的上方;
align_bottom:在锚点内部的下方;
center_vert:在锚点垂直中部;
to_bottom:在锚点外部的下方;
to_above:在锚点外部的上方。

下面来看张图:

Android PopupWindow使用方法小结

Android PopupWindow使用方法小结

我们先定义一个类对popupwindow进行简单的封装:

public abstract class commonpopupwindow {
 protected context context;
 protected view contentview;
 protected popupwindow minstance;

 public commonpopupwindow(context c, int layoutres, int w, int h) {
  context=c;
  contentview=layoutinflater.from(c).inflate(layoutres, null, false);
  initview();
  initevent();
  minstance=new popupwindow(contentview, w, h, true);
  initwindow();
 }

 public view getcontentview() { return contentview; }
 public popupwindow getpopupwindow() { return minstance; }

 protected abstract void initview();
 protected abstract void initevent();

 protected void initwindow() {
  minstance.setbackgrounddrawable(new colordrawable(color.transparent));
  minstance.setoutsidetouchable(true);
  minstance.settouchable(true);
 }

 public void showbashofanchor(view anchor, layoutgravity layoutgravity, int xmerge, int ymerge) {
  int[] offset=layoutgravity.getoffset(anchor, minstance);
  minstance.showasdropdown(anchor, offset[0]+xmerge, offset[1]+ymerge);
 }

 public void showasdropdown(view anchor, int xoff, int yoff) {
  minstance.showasdropdown(anchor, xoff, yoff);
 }

 public void showatlocation(view parent, int gravity, int x, int y) {
  minstance.showatlocation(parent, gravity, x, y);
 }
}

这里我们要实现的就是“showbashofanchor”方法,其中有一个“layoutgravity”类型的参数,这就是控制popupwindow相对锚点位置的对象。下面来定义“layoutgravity”:

public static class layoutgravity {
 private int layoutgravity;
 // waring, don't change the order of these constants!
 public static final int align_left=0x1;
 public static final int align_above=0x2;
 public static final int align_right=0x4;
 public static final int align_bottom=0x8;
 public static final int to_left=0x10;
 public static final int to_above=0x20;
 public static final int to_right=0x40;
 public static final int to_bottom=0x80;
 public static final int center_hori=0x100;
 public static final int center_vert=0x200;

 public layoutgravity(int gravity) {
  layoutgravity=gravity;
 }

 public int getlayoutgravity() { return layoutgravity; }
 public void setlayoutgravity(int gravity) { layoutgravity=gravity; }

 public void sethorigravity(int gravity) {
  layoutgravity&=(0x2+0x8+0x20+0x80+0x200);
  layoutgravity|=gravity;
 }
 public void setvertgravity(int gravity) {
  layoutgravity&=(0x1+0x4+0x10+0x40+0x100);
  layoutgravity|=gravity;
 }

 public boolean isparamfit(int param) {
  return (layoutgravity & param) > 0;
 }

 public int gethoriparam() {
  for(int i=0x1; i<=0x100; i=i<<2)
   if(isparamfit(i))
    return i;
  return align_left;
 }

 public int getvertparam() {
  for(int i=0x2; i<=0x200; i=i<<2)
   if(isparamfit(i))
    return i;
  return to_bottom;
 }

 public int[] getoffset(view anchor, popupwindow window) {
  int anchwidth=anchor.getwidth();
  int anchheight=anchor.getheight();

  int winwidth=window.getwidth();
  int winheight=window.getheight();
  view view=window.getcontentview();
  if(winwidth<=0)
   winwidth=view.getwidth();
  if(winheight<=0)
   winheight=view.getheight();

  int xoff=0;
  int yoff=0;

  switch (gethoriparam()) {
   case align_left:
    xoff=0; break;
   case align_right:
    xoff=anchwidth-winwidth; break;
   case to_left:
    xoff=-winwidth; break;
   case to_right:
    xoff=anchwidth; break;
   case center_hori:
    xoff=(anchwidth-winwidth)/2; break;
   default:break;
  }
  switch (getvertparam()) {
   case align_above:
    yoff=-anchheight; break;
   case align_bottom:
    yoff=-winheight; break;
   case to_above:
    yoff=-anchheight-winheight; break;
   case to_bottom:
    yoff=0; break;
   case center_vert:
    yoff=(-winheight-anchheight)/2; break;
   default:break;
  }
  return new int[]{ xoff, yoff };
 }
}

这里的主要方法就是“getoffset”,它会根据水平和垂直方向的gravity决定popupwindow相对锚点的位置。

使用“layoutgravity”时,可以通过“sethorigravity”和“setvertgravity”方法设置水平和垂直方向的gravity,或者新建一个“layoutgravity”对象。

下面是一个demo:

Android PopupWindow使用方法小结

使用setanimationstyle方法添加动画

上面我们提到了为popupwindow设置背景和注册事件监听器,现在我们再来为popupwindow添加动画。

这里的动画是指popupwindow出现和消失时的动画。默认是直接弹出和消失,这样难免让用户有一种突兀的感觉;如果popupwindow能够“滑入”屏幕和“滑出”屏幕(或者其他方式),用户体验会更好。

为popupwindow添加动画可以调用`setanimationstyle`方法,该方法只有一个参数,就是指定动画的样式,因此我们需要定义动画资源和样式资源。

下面是一个“滑入滑出”动画:

<!-- res/anim/translate_in.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <translate
  android:fromxdelta="0"
  android:toxdelta="0"
  android:fromydelta="100%"
  android:toydelta="0"
  android:duration="200" >
 </translate>
</set> 
<!-- res/anim/translate_out.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <translate
  android:fromxdelta="0"
  android:toxdelta="0"
  android:fromydelta="0"
  android:toydelta="100%"
  android:duration="200" >
 </translate>
</set>

然后定义“滑动”动画样式:

<!-- res/values/styles.xml -->
 <style name="animtranslate">
  <item name="android:windowenteranimation">@anim/translate_in</item>
  <item name="android:windowexitanimation">@anim/translate_out</item>
</style>

现在我们就可以为popupwindow添加“滑动”动画了:

window.setanimationstyle(r.style.animtranslate);

我们来看下效果:

Android PopupWindow使用方法小结

ps:这里由于动画的时间太短(200ms),另外转gif的时候可能截取的频率有点低,导致滑动效果不是很明显,建议自己运行demo查看

现在popupwindow的出现/消失已经不是那么突兀了。不过,当弹窗出现后,发现弹窗和背景不是很容易区分,如果此时弹窗的背景能“变暗”就好了。

没问题,我们可以在弹窗出现后让背景变暗,并在弹窗消失后让背景还原:

window.setondismisslistener(new popupwindow.ondismisslistener() {
  @override
  public void ondismiss() {
   windowmanager.layoutparams lp=getwindow().getattributes();
   lp.alpha=1.0f;
   getwindow().clearflags(windowmanager.layoutparams.flag_dim_behind);
   getwindow().setattributes(lp);
  }
 });

 window.showatlocation(activitypopup, gravity.bottom, 0, 0);
 windowmanager.layoutparams lp=getwindow().getattributes();
 lp.alpha=0.3f;
 getwindow().addflags(windowmanager.layoutparams.flag_dim_behind);
 getwindow().setattributes(lp);

现在再来看下效果:

Android PopupWindow使用方法小结

现在popupwindow就比较明显了。

另外,我们还实现了透明度、缩放和旋转三种动画样式,实现方式和上述大同小异,这里就不再赘述。

源代码

上述所有代码(包括未给出的)都已上传到github:
https://github.com/jzyhywxz/popupwindow

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。