[关闭]
@coder-pig 2015-09-30T17:17:02.000000Z 字数 4348 阅读 2039

Android基础入门教程——2.5.5 PopupWindow(悬浮框)的基本使用

Android基础入门教程


本节引言:

本节给大家带来的是最后一个用于显示信息的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.
大概意思是:一个弹出窗口控件,可以用来显示任意View,而且会浮动在当前activity的顶部
下面我们就来对这个控件进行学习~
官方文档:PopupWindow


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.使用代码示例

运行效果图

实现关键代码

先贴下动画文件:a**nim_pop.xml**:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <alpha android:fromAlpha="0"
  4. android:toAlpha="1"
  5. android:duration="2000">
  6. </alpha>
  7. </set>

接着是popupWindow的布局:item_popip.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:background="@drawable/ic_pop_bg"
  6. android:orientation="vertical">
  7. <Button
  8. android:id="@+id/btn_xixi"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content"
  11. android:padding="5dp"
  12. android:text="嘻嘻"
  13. android:textSize="18sp" />
  14. <Button
  15. android:id="@+id/btn_hehe"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content"
  18. android:padding="5dp"
  19. android:text="呵呵"
  20. android:textSize="18sp" />
  21. </LinearLayout>

MainActivity.java

  1. public class MainActivity extends AppCompatActivity {
  2. private Button btn_show;
  3. private Context mContext;
  4. @Override
  5. protected void onCreate(Bundle savedInstanceState) {
  6. super.onCreate(savedInstanceState);
  7. setContentView(R.layout.activity_main);
  8. mContext = MainActivity.this;
  9. btn_show = (Button) findViewById(R.id.btn_show);
  10. btn_show.setOnClickListener(new View.OnClickListener() {
  11. @Override
  12. public void onClick(View v) {
  13. initPopWindow(v);
  14. }
  15. });
  16. }
  17. private void initPopWindow(View v) {
  18. View view = LayoutInflater.from(mContext).inflate(R.layout.item_popup, null, false);
  19. Button btn_xixi = (Button) view.findViewById(R.id.btn_xixi);
  20. Button btn_hehe = (Button) view.findViewById(R.id.btn_hehe);
  21. //1.构造一个PopupWindow,参数依次是加载的View,宽高
  22. final PopupWindow popWindow = new PopupWindow(view,
  23. ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);
  24. popWindow.setAnimationStyle(R.anim.anim_pop); //设置加载动画
  25. //这些为了点击非PopupWindow区域,PopupWindow会消失的,如果没有下面的
  26. //代码的话,你会发现,当你把PopupWindow显示出来了,无论你按多少次后退键
  27. //PopupWindow并不会关闭,而且退不出程序,加上下述代码可以解决这个问题
  28. popWindow.setTouchable(true);
  29. popWindow.setTouchInterceptor(new View.OnTouchListener() {
  30. @Override
  31. public boolean onTouch(View v, MotionEvent event) {
  32. return false;
  33. // 这里如果返回true的话,touch事件将被拦截
  34. // 拦截后 PopupWindow的onTouchEvent不被调用,这样点击外部区域无法dismiss
  35. }
  36. });
  37. popWindow.setBackgroundDrawable(new ColorDrawable(0x00000000)); //要为popWindow设置一个背景才有效
  38. //设置popupWindow显示的位置,参数依次是参照View,x轴的偏移量,y轴的偏移量
  39. popWindow.showAsDropDown(v, 50, 0);
  40. //设置popupWindow里的按钮的事件
  41. btn_xixi.setOnClickListener(new View.OnClickListener() {
  42. @Override
  43. public void onClick(View v) {
  44. Toast.makeText(MainActivity.this, "你点击了嘻嘻~", Toast.LENGTH_SHORT).show();
  45. }
  46. });
  47. btn_hehe.setOnClickListener(new View.OnClickListener() {
  48. @Override
  49. public void onClick(View v) {
  50. Toast.makeText(MainActivity.this, "你点击了呵呵~", Toast.LENGTH_SHORT).show();
  51. popWindow.dismiss();
  52. }
  53. });
  54. }
  55. }

3.示例代码下载

PopWindowDemo.zip


本节小结:

时间关系,并没有想到好一点的示例,就写了一个简单的demo,应该能满足简单的需要,另外
如果想深入研究下PopupWindow的话可看下述的参考文献:
Android PopupWindow的使用和分析
Android PopupWindow详解
嗯,就说这么多,谢谢~

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注