文档章节

自定义Popupwindow并指定显示位置!

artshell
 artshell
发布于 2015/05/29 15:49
字数 691
阅读 4545
收藏 2

直接上代码

activity_popup_window_tooltip_text.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                android:paddingBottom="@dimen/activity_vertical_margin"
                tools:context="com.artshell.trainingdemos.test.PopupWindowTooltipTextActivity">

    <Button
        android:id="@+id/anchor_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click me to see tooltip"
        android:layout_centerInParent="true"/>

</RelativeLayout>

nav_up.xml (drawable)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="-50%"
            android:pivotY="80%"
            android:toDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#92e4e5"/>
                <stroke
                    android:width="2dp"
                    android:color="#92e4e5"/>
            </shape>
        </rotate>
    </item>
</layer-list>

tooltip_bg.xml (drawable)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#92e4e5"/>
    <stroke
        android:width="2dp"
        android:color="#92e4e5"/>
    <corners android:radius="2dp"/>
</shape>

popup_window_tooltip_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:gravity="center"
              android:orientation="vertical">
    <ImageView
        android:id="@+id/tooltip_nav_up"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:background="@drawable/nav_up"/>

    <TextView
        android:id="@+id/tooltip_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/tooltip_bg"
        android:gravity="center"
        android:padding="10dp"
        android:text="Tooltip using PopupWindow :)"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:textStyle="bold"/>

</LinearLayout>

Activity代码:

public class PopupWindowTooltipTextActivity extends ActionBarActivity {
    private View contentView;
    private PopupWindow tipWindow;
    private Button anchor_view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_popup_window_tooltip_text);
        anchor_view = (Button) findViewById(R.id.anchor_view);

        contentView = getLayoutInflater().inflate(R.layout.popup_window_tooltip_layout, null);
        
        tipWindow = new PopupWindow(this);

        tipWindow.setTouchInterceptor(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
                    tipWindow.dismiss();
                }
                // 这个地方一定要返回false,你可能会说这里已经消费掉事件了啊应该返回true,参看PopupWindow的私有类PopupViewContainer
                // 弹出的View都是交由这个类来管理的,因为它对onTouchEvent()这个回调方法已经提供了一些默认实现,当你是返回true,事件就在此被拦截
                // 不会再继续派发了,所以onTouchEvent()无法被调用
                return false; 
            }
        });

        anchor_view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                tipWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
                tipWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
                tipWindow.setOutsideTouchable(true);
                tipWindow.setTouchable(true);
                tipWindow.setFocusable(true);
                Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.easyicon_net);
                // 某些博客说,当没有设置Background的时候,无论是触摸其他空白区还是back键都无法dismiss()掉这个PopupWindow
                // 但我注释掉这段代码能dismiss(),有可能是个Bug,已经得google到修复
                tipWindow.setBackgroundDrawable(new BitmapDrawable(getResources(),bitmap));
                tipWindow.setContentView(contentView);

                // 计算这个PopupWindow的显示位置
                int[] screen_pos = new int[2];
                anchor_view.getLocationOnScreen(screen_pos);
                Rect anchor_rect = new Rect(screen_pos[0], screen_pos[1], screen_pos[0] + anchor_view.getWidth(), screen_pos[1] + anchor_view.getHeight());
                contentView.measure(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
                int contentViewWidth = contentView.getMeasuredWidth();
                int contentViewHeight = contentView.getMeasuredHeight();
                int position_x = anchor_rect.centerX() - (contentViewWidth / 2);
                int position_y = anchor_rect.bottom - (anchor_rect.height() / 2);

                tipWindow.showAtLocation(anchor_view, Gravity.NO_GRAVITY, position_x, position_y);
            }
        });

    }
}

还要注意一点就是:当你已经dismiss()掉了,想再次显示PopupWindow,那么它的某些属性需要重新设置,不能一处写好多处使用,参看这个dismiss()方法的源码实现。在没有dismiss()之前,你的PopupWindow内容发生变化了,你可以使用它的update()系列方法来更新.......


这里再帖两个参考链接,希望对你有所帮助

http://www.cnblogs.com/mengdd/p/3569127.html 【Android PopupWindow的使用和分析

http://michaelye1988.iteye.com/blog/1766629 【Popupwindow的使用


本文转载自:http://androidsrc.net/android-popupwindow-show-tooltip/

artshell
粉丝 2
博文 56
码字总数 5163
作品 0
成都
程序员
私信 提问
亲,还在为PopupWindow烦恼吗

亲,还在为PopupWindow烦恼吗 ps:预览图放到了文章最后 本文已经授权鸿洋公众号转载 这篇文章其实想写很久了,然而一直以来总觉得BasePopup达不到自己的期望,所以也没有怎么去传播推荐,也...

羽翼君
2018/12/19
0
0
Android:PopupWindow

一、概述 1、构造方法 部分常用: PopupWindow(View contentView, int width, int height)Create a new non focusable popup window which can display the contentView.PopupWindow(View c......

Xushao
2013/12/16
0
2
Android技能树 — PopupWindow小结

前言: 关于下拉选择框,估计大家都有很多选择,我在以前的文章:项目需求讨论-HyBrid模式需求改造 上写过下拉框选择这一块,正好用的Spinner。 这次正好又有一个下拉框的需求,所以这次我使用...

青蛙要fly
2018/09/09
0
0
PopupWindow 使用详解(一) 中文API 文档 赠送 ListPopupWindow 中文 API

笔者数了数枕巾脱落的头发,发现了 Android 开发常用的类似于弹窗的悬浮窗口 大概是 PopupWindow 和 dialog。之前有还算具体的写过关于 dialog 以及自定义 dialog 甚至是 dialogActivity 的相...

猴亮屏
01/08
0
0
PopupWindow源码分析

目录介绍 1.最简单的创建方法 1.1 PopupWindow构造方法 1.2 显示PopupWindow 1.3 最简单的创建 1.4 注意问题宽和高属性 2.源码分析 2.1 setContentView(View contentView) 2.2 showAsDropDow...

潇湘剑雨
2018/10/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Android双向绑定原理简述

Android双向绑定原理简述 双向绑定涉及两个部分,即将业务状态的变化传递给UI,以及将用户输入信息传递给业务模型。 首先我们来看业务状态是如何传递给UI的。开启dataBinding后,编译器为布局...

tommwq
今天
2
0
Spring系列教程八: Spring实现事务的两种方式

一、 Spring事务概念: 事务是一系列的动作,它们综合在一起才是一个完整的工作单元,这些动作必须全部完成,如果有一个失败的话,那么事务就会回滚到最开始的状态,仿佛什么都没发生过一样。...

我叫小糖主
今天
6
0
CentOS 的基本使用

1. 使用 sudo 命令, 可以以 root 身份执行命令, 必须要在 /etc/sudoers 中定义普通用户 2. 设置 阿里云 yum 镜像, 参考 https://opsx.alibaba.com/mirror # 备份mv /etc/yum.repos.d/CentO...

北漂的我
昨天
3
0
Proxmox VE技巧 移除PVE “没有有效订阅” 的弹窗提示

登陆的时候提示没有有效的订阅You do not have a valid subscription for this server. Please visit www.proxmox.com to get a list of available options. 用的是免费版的,所以每次都提示......

以谁为师
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部