Android中的PopupWindow详解

 

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. }

 

• 上一篇Connection to adb down,severe error has occured
• 下一篇【android】listview改变选中行字体颜色