Android中的PopupWindow详解

2022-07-17 07:37:54

 

Android的对话框有两种：PopupWindow和AlertDialog。它们的不同点在于：

  • AlertDialog的位置固定，而PopupWindow的位置可以随意
  • AlertDialog是非阻塞线程的，而PopupWindow是阻塞线程的

PopupWindow的位置按照有无偏移分，可以分为偏移和无偏移两种；按照参照物的不同，可以分为相对于某个控件（Anchor锚）和相对于父控件。具体如下

  • showAsDropDown(View anchor)：相对某个控件的位置（正左下方），无偏移
  • showAsDropDown(View anchor, int xoff, int yoff)：相对某个控件的位置，有偏移
  • showAtLocation(View parent, int gravity, int x, int y)：相对于父控件的位置（例如正*Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移

下面通过一个Demo讲解（解释看注释）：

main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:orientation="vertical" >
  6. <TextView
  7. android:layout_width="fill_parent"
  8. android:layout_height="wrap_content"
  9. android:text="@string/hello" />
  10. <Button
  11. android:id="@+id/button01"
  12. android:layout_width="fill_parent"
  13. android:layout_height="wrap_content"
  14. android:text="以自己为Anchor，不偏移" />
  15. <Button
  16. android:id="@+id/button02"
  17. android:layout_width="fill_parent"
  18. android:layout_height="wrap_content"
  19. android:text="以自己为Anchor，有偏移" />
  20. <Button
  21. android:id="@+id/button03"
  22. android:layout_width="fill_parent"
  23. android:layout_height="wrap_content"
  24. android:text="以屏幕中心为参照，不偏移（正中间）" />
  25. <Button
  26. android:id="@+id/button04"
  27. android:layout_width="fill_parent"
  28. android:layout_height="wrap_content"
  29. android:text="以屏幕下方为参照，下方中间" />
  30. </LinearLayout>

popup_window.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:background="#00FF00"
  6. android:orientation="vertical" >
  7. <TextView
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:text="选择状态："
  11. android:textColor="@android:color/white"
  12. android:textSize="20px" />
  13. <RadioGroup
  14. android:id="@+id/radioGroup"
  15. android:layout_width="wrap_content"
  16. android:layout_height="wrap_content"
  17. android:orientation="vertical" >
  18. <RadioButton android:text="在线" />
  19. <RadioButton android:text="离线" />
  20. <RadioButton android:text="隐身" />
  21. </RadioGroup>
  22. </LinearLayout>

PopupWindowDemoActivity.java

  1. package com.tianjf;
  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.Gravity;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.View.OnClickListener;
  8. import android.widget.Button;
  9. import android.widget.PopupWindow;
  10. import android.widget.RadioGroup;
  11. import android.widget.RadioGroup.OnCheckedChangeListener;
  12. public class PopupWindowDemoActivity extends Activity implements OnClickListener,
  13. OnCheckedChangeListener {
  14. private Button mbutton01;
  15. private Button mbutton02;
  16. private Button mbutton03;
  17. private Button mbutton04;
  18. private PopupWindow mPopupWindow;
  19. // 屏幕的width
  20. private int mScreenWidth;
  21. // 屏幕的height
  22. private int mScreenHeight;
  23. // PopupWindow的width
  24. private int mPopupWindowWidth;
  25. // PopupWindow的height
  26. private int mPopupWindowHeight;
  27. @Override
  28. public void onCreate(Bundle savedInstanceState) {
  29. super.onCreate(savedInstanceState);
  30. setContentView(R.layout.main);
  31. mbutton01 = (Button) findViewById(R.id.button01);
  32. mbutton02 = (Button) findViewById(R.id.button02);
  33. mbutton03 = (Button) findViewById(R.id.button03);
  34. mbutton04 = (Button) findViewById(R.id.button04);
  35. mbutton01.setOnClickListener(this);
  36. mbutton02.setOnClickListener(this);
  37. mbutton03.setOnClickListener(this);
  38. mbutton04.setOnClickListener(this);
  39. }
  40. @Override
  41. public void onClick(View v) {
  42. switch (v.getId()) {
  43. // 相对某个控件的位置（正左下方），无偏移
  44. case R.id.button01:
  45. getPopupWindowInstance();
  46. mPopupWindow.showAsDropDown(v);
  47. break;
  48. // 相对某个控件的位置（正左下方），有偏移
  49. case R.id.button02:
  50. getPopupWindowInstance();
  51. mPopupWindow.showAsDropDown(v, 50, 50);// X、Y方向各偏移50
  52. break;
  53. // 相对于父控件的位置，无偏移
  54. case R.id.button03:
  55. getPopupWindowInstance();
  56. mPopupWindow.showAtLocation(v, Gravity.CENTER, 0, 0);
  57. break;
  58. // 相对于父控件的位置，有偏移
  59. case R.id.button04:
  60. getPopupWindowInstance();
  61. mPopupWindow.showAtLocation(v, Gravity.BOTTOM, 0, 50);
  62. break;
  63. default:
  64. break;
  65. }
  66. }
  67. @Override
  68. public void onCheckedChanged(RadioGroup group, int checkedId) {
  69. mPopupWindow.dismiss();
  70. }
  71. /*
  72. * 获取PopupWindow实例
  73. */
  74. private void getPopupWindowInstance() {
  75. if (null != mPopupWindow) {
  76. mPopupWindow.dismiss();
  77. return;
  78. } else {
  79. initPopuptWindow();
  80. }
  81. }
  82. /*
  83. * 创建PopupWindow
  84. */
  85. private void initPopuptWindow() {
  86. LayoutInflater layoutInflater = LayoutInflater.from(this);
  87. View popupWindow = layoutInflater.inflate(R.layout.popup_window, null);
  88. RadioGroup radioGroup = (RadioGroup) popupWindow.findViewById(R.id.radioGroup);
  89. radioGroup.setOnCheckedChangeListener(this);
  90. // 创建一个PopupWindow
  91. // 参数1：contentView 指定PopupWindow的内容
  92. // 参数2：width 指定PopupWindow的width
  93. // 参数3：height 指定PopupWindow的height
  94. mPopupWindow = new PopupWindow(popupWindow, 100, 130);
  95. // 获取屏幕和PopupWindow的width和height
  96. mScreenWidth = getWindowManager().getDefaultDisplay().getWidth();
  97. mScreenWidth = getWindowManager().getDefaultDisplay().getHeight();
  98. mPopupWindowWidth = mPopupWindow.getWidth();
  99. mPopupWindowHeight = mPopupWindow.getHeight();
  100. }
  101. }
 
上一篇：Kafka integration with Ganglia


下一篇：论文笔记：Siamese Cascaded Region Proposal Networks for Real-Time Visual Tracking