写点什么

PopupWindow(悬浮框) 的基本使用

作者:向阳逐梦
  • 2023-03-20
    四川
  • 本文字数:2852 字

    阅读完需:约 9 分钟

PopupWindow(悬浮框)的基本使用

后一个用于显示信息的 UI 控件——PopupWindow(悬浮框),如果你想知道他长什么样子,你可以打开你手机的 QQ,长按列表中的某项,这个时候后弹出一个黑色的小对话框,这种就是 PopupWindow 了,和 AlertDialog 对话框不同的是,他的位置可以是随意的;

另外 AlertDialog 是非堵塞线程的,而 PopupWindow 则是堵塞线程的!而官方有这样一句话来介绍 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.

1.相关方法解读

1)几个常用的构造方法

我们在文档中可以看到,提供给我们的 PopupWindow 的构造方法有九种之多,这里只贴实际开发中用得较多的几个构造方法:

  • public PopupWindow (Context context)

  • public PopupWindow(View contentView, int width, int height)

  • public PopupWindow(View contentView)

  • public PopupWindow(View contentView, int width, int height, boolean focusable)

参数就不用多解释了吧,contentView 是 PopupWindow 显示的 View,focusable 是否显示焦点

2)常用的一些方法

下面介绍几个用得较多的一些方法,其他的可自行查阅文档:

  • setContentView(View contentView):设置 PopupWindow 显示的 View

  • getContentView():获得 PopupWindow 显示的 View

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

  • showAsDropDown(View anchor, int xoff, int yoff):相对某个控件的位置,有偏移

  • showAtLocation(View parent, int gravity, int x, int y):相对于父控件的位置(例如正中央 Gravity.CENTER,下方 Gravity.BOTTOM 等),可以设置偏移或无偏移 PS:parent 这个参数只要是 activity 中的 view 就可以了!

  • setWidth/setHeight:设置宽高,也可以在构造方法那里指定好宽高,除了可以写具体的值,还可以用 WRAP_CONTENT 或 MATCH_PARENT,popupWindow 的 width 和 height 属性直接和第一层 View 相对应。

  • setFocusable(true):设置焦点,PopupWindow 弹出后,所有的触屏和物理按键都由 PopupWindows 处理。其他任何事件的响应都必须发生在 PopupWindow 消失之后,(home 等系统层面的事件除外)。比如这样一个 PopupWindow 出现的时候,按 back 键首先是让 PopupWindow 消失,第二次按才是退出 activity,准确的说是想退出 activity 你得首先让 PopupWindow 消失,因为不并是任何情况下按 back PopupWindow 都会消失,必须在 PopupWindow 设置了背景的情况下 。

  • setAnimationStyle(int):设置动画效果

2.使用代码示例

运行效果图

实现关键代码

先贴下动画文件:anim_pop.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">    <alpha android:fromAlpha="0"        android:toAlpha="1"        android:duration="2000">    </alpha></set> 
复制代码

接着是 popupWindow 的布局:item_popip.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="@drawable/ic_pop_bg"    android:orientation="vertical">
<Button android:id="@+id/btn_xixi" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dp" android:text="嘻嘻" android:textSize="18sp" />
<Button android:id="@+id/btn_hehe" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="5dp" android:text="呵呵" android:textSize="18sp" />
</LinearLayout>
复制代码

MainActivity.java

public class MainActivity extends AppCompatActivity {
private Button btn_show; private Context mContext;
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mContext = MainActivity.this; btn_show = (Button) findViewById(R.id.btn_show); btn_show.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { initPopWindow(v); } }); }

private void initPopWindow(View v) { View view = LayoutInflater.from(mContext).inflate(R.layout.item_popup, null, false); Button btn_xixi = (Button) view.findViewById(R.id.btn_xixi); Button btn_hehe = (Button) view.findViewById(R.id.btn_hehe); //1.构造一个PopupWindow,参数依次是加载的View,宽高 final PopupWindow popWindow = new PopupWindow(view, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
popWindow.setAnimationStyle(R.anim.anim_pop); //设置加载动画
//这些为了点击非PopupWindow区域,PopupWindow会消失的,如果没有下面的 //代码的话,你会发现,当你把PopupWindow显示出来了,无论你按多少次后退键 //PopupWindow并不会关闭,而且退不出程序,加上下述代码可以解决这个问题 popWindow.setTouchable(true); popWindow.setTouchInterceptor(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { return false; // 这里如果返回true的话,touch事件将被拦截 // 拦截后 PopupWindow的onTouchEvent不被调用,这样点击外部区域无法dismiss } }); popWindow.setBackgroundDrawable(new ColorDrawable(0x00000000)); //要为popWindow设置一个背景才有效

//设置popupWindow显示的位置,参数依次是参照View,x轴的偏移量,y轴的偏移量 popWindow.showAsDropDown(v, 50, 0);
//设置popupWindow里的按钮的事件 btn_xixi.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "你点击了嘻嘻~", Toast.LENGTH_SHORT).show(); } }); btn_hehe.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "你点击了呵呵~", Toast.LENGTH_SHORT).show(); popWindow.dismiss(); } }); }}
复制代码


发布于: 刚刚阅读数: 4
用户头像

向阳逐梦

关注

人生享受编程,编程造就人生! 2022-06-01 加入

某公司芯片测试工程师,嵌入式开发工程师,InfoQ签约作者,阿里云星级博主,华为云·云享专家。座右铭:向着太阳,追逐梦想!

评论

发布
暂无评论
PopupWindow(悬浮框)的基本使用_android_向阳逐梦_InfoQ写作社区