Android中PopupWindow的用法(位置、动画、焦点)

在Android中有很多级别的Window,不同级别的Window按照z-index方向分布。下面看看Android控件(view)PopupWindow的用法(位置、动画、焦点)。

1、创建PopouWindow及相关参数设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
//创建一个包含自定义view的PopupWindow
private PopupWindow makePopupWindow(Context cx) {
    PopupWindow window;
    window = new PopupWindow(cx);
    TextView contentView = new TextView(cx);
    contentView.setGravity(Gravity.CENTER);
    final Resources res = cx.getResources();
    // contentView.setBackgroundColor(R.color.page_window_bgcolor);
    // window.setBackgroundDrawable(new
    // ColorDrawable(res.getColor(R.color.page_window_bgcolor)));
    contentView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT));
    //设置PopupWindow显示和隐藏时的动画
    window.setAnimationStyle(R.style.AnimationFade);
    //设置PopupWindow的大小(宽度和高度)
    window.setWidth(res.getDimensionPixelSize(R.dimen.page_window_width));
    window.setHeight(res.getDimensionPixelSize(R.dimen.page_window_height));
    //设置PopupWindow的内容view
    window.setContentView(contentView);
        //设置PopupWindow外部区域是否可触摸
        window.setOutsideTouchable(true);
    return window;
}

2、PopupWindow显示和隐藏的动画设置
XML配置代码:

1
2
3
4
5
<!-- PopupWindow窗口淡入淡出动画 -->
<style name="AnimationFade">
    <item name="android:windowEnterAnimation">@anim/fade_in</item>
    <item name="android:windowExitAnimation">@anim/fade_out</item>
</style>

JAVA代码:

1
window.setAnimationStyle(R.style.AnimationFade);

3、PopupWindow的焦点设置

1
2
3
window.setFocusable(true); //设置PopupWindow可获得焦点
window.setTouchable(true); //设置PopupWindow可触摸
window.setOutsideTouchable(true); //设置非PopupWindow区域可触摸

4、PopupWindow的显示及显示位置设置

1
2
window.showAtLocation();
window.showAsDropDown();

下面说说PopupWindow的如何隐藏、显示及显示位置(showAtLocation/showAsDropDown)。

1、PopupWindow的隐藏

1
2
3
4
final PopupWindow window = mPageStatWin;
if(null != window && window.isShowing()) {
    win.dismiss();
}

2、PopupWindow的显示及位置设置

1
window.showAtLocation(parent, Gravity.RIGHT | Gravity.BOTTOM10,10);
第一个参数指定PopupWindow的锚点view,即依附在哪个view上。
第二个参数指定起始点为parent的右下角,第三个参数设置以parent的右下角为原点,向左、上各偏移10像素。
1
2
3
4
//将PopupWindow作为anchor的下拉窗口显示。即在anchor的左下角显示
window.showAsDropDown(anchor);
//xoff,yoff基于anchor的左下角进行偏移。
window.showAsDropDown(anchor, xoff, yoff);
如果没有充足的空间显示PopupWindow,那么PopupWindow的左下角将位于anchor的左上角来显示。
上一篇:物联网平台IOT Studio DataV组件使用测试


下一篇:物联网平台 web开发工作台调用API