项目中有这样一个需求：
用户点击送礼物，会弹出一个礼物选择对话框，然后在选择一个礼物之后，可以选择礼物数量，按照图中的意思，选择数量很自然的想到了用PopupWindow来做了。但是这里有一个问题就是：弹出来的数量选择框是需要在数量显示栏的上方的。
如果是在下方，那很简单，直接popupWindow.showAsDropDown(v);即可。但若是在上方，则需要自己计算坐标了，然后通过showAtLocation()方法来显示。
首先贴一下大致的布局：1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119xml version="1.0" encoding="utf-8"
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.miamusic.android.live.ui.widget.CertainScaleImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:src="@drawable/gift_background"
android:visibility="visible"
app:radio="0.667" />
<com.miamusic.android.live.ui.widget.WrapContentViewPager
android:id="@+id/gift_view_pager"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>
<LinearLayout
android:id="@+id/gift_recharge_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000000"
android:gravity="center"
android:orientation="horizontal"
android:paddingBottom="24dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="24dp">
<TextView
android:id="@+id/gift_remain_coin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawablePadding="2dp"
android:drawableRight="@drawable/m_coin_small"
android:minWidth="24dp"
android:textColor="#C4AF94"
android:textSize="15sp" />
<TextView
android:id="@+id/gift_recharge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingBottom="4dp"
android:paddingLeft="8dp"
android:paddingTop="4dp"
android:text="充值 >"
android:textColor="@color/white"
android:textSize="14sp" />
<android.support.v4.widget.Space
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1" />
<LinearLayout
android:id="@+id/choose_gift_count"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/follow_button_background"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="12dp"
android:paddingRight="12dp"
android:paddingTop="8dp"
android:visibility="visible">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="数量"
android:textColor="@color/white"
android:textSize="14sp" />
<TextView
android:id="@+id/send_gift_count"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="4dp"
android:gravity="left"
android:text="1"
android:textColor="@color/white"
android:textSize="14sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="16dp"
android:src="@drawable/btn_up_white" />
</LinearLayout>
<TextView
android:id="@+id/gift_send"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="16dp"
android:background="@drawable/reward_album"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingTop="8dp"
android:text="送礼物"
android:textColor="@color/black"
android:textSize="14sp" />
</LinearLayout>
</LinearLayout>
对应界面的预览如下图：
这里贴一下Android中的坐标体系：
根据这个图，再来计算坐标值。
这里我在图中做了一下标注：
popupwindow的y坐标应该是1的高度 + 2的高度 - popupwindow的高度。
1的高度即是gift_recharge_layout对应view.getTop()，2的高度即是choose_gift_count对应view.getTop()。
popupwindow的高度，我们通过调用一次measure()方法然后通过getMeasuredHeight()获取。
那么最终popupwindow的y坐标便计算出来了，横坐标的计算比较简单，就不多说了。x、y计算完之后通过showAtLocation进行设置即可。
下面给下示例的片段代码：1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32popupParent = (LinearLayout) findViewById(R.id.gift_recharge_layout);
chooseCount.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
final View convertView = LayoutInflater.from(mContext).inflate(R.layout.choose_count_popup_window, null);
ListView listView = (ListView) convertView.findViewById(R.id.count_list);
listView.setAdapter(new CountAdapter());
// 弹出PopupWindow
final PopupWindow popupWindow = new PopupWindow(convertView, LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT, true);
popupWindow.setTouchable(true);
popupWindow.setBackgroundDrawable(mContext.getResources().getDrawable(
android.R.color.transparent));
// 执行measure操作，以便后面获取高宽
convertView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
int x = v.getLeft();
// 对应2的高度
int y1 = v.getTop();
// 对应1的高度
int y2 = popupParent.getTop();
// 设置PopupWindow显示的位置，
popupWindow.showAsDropDown(v);
popupWindow.showAtLocation(v, Gravity.NO_GRAVITY, x + v.getMeasuredWidth() / 2 - convertView.getMeasuredWidth() / 2, (y1 + y2 - 10) - convertView.getMeasuredHeight());
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
popupWindow.dismiss();
sendCount.setText(counts[position]);
}
});
}
});