app直播商城源码，实现用户信息提示

废话不多说，先上图。此功能是当用户点击 "?" 后会弹出这么一个气泡提示框，当用户再点击任意位置时，此弹框便会消失，我寻思这功能的使用场景非常的广，未来我可能也要接到这样的需求，顺便可以巩固加强下自定义绘制一个图View和富文本的使用，所以决定手撸一下这个app直播商城源码Demo。

一、基本实现思路

1. 气泡框的实现

首先，需要自行绘制一个长方形，然后在长方形顶部绘制一个小三角形从而得到一个BubbleView，然后把这个BubbleView封装进BubbleViewLayout中（这是一个自定义的类），从而完成了气泡弹框的自定义View的实现。

2. 跟随在文本后面的可点击的 "?" 问号实现

这里我采用的是富文本，也就是SpannableStringBuilder这个类，关于它的使用方法我这里简单介绍一下： 第一步：初始化一个SpannableStringBuilder

SpannableStringBuilder spanText = new SpannableStringBuilder("我希望取得會員獨家優惠及最新著數。" + “  ”);

第二步：将 "?" 图标插入到text中的第length - 2 至 length - 1 处的位置,注意第一步中有个魔鬼细节，我在最后加了两个空格的字符串，这可不是有病才加的。因为我在开发时发现如果把这个问号图标直接加在末尾，而后面没有空格作为填充的话，那么问号后面的空白区域全都是可点击的，感觉这是个笨办法，如果有哪个大佬有更好的解决方案可以评论告诉我。

spanText.setSpan(
        new ImageSpan(finalThis,R.drawable.help_black,DynamicDrawableSpan.ALIGN_CENTER),
        spanText.length() - 2 , spanText.length() - 1,
        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

第三步：给 "?" 添加监听点击事件

spanText.setSpan(
        //对 ？标识添加点击事件，弹出提示气泡
        new ClickableSpan() {
            @Override
            public void onClick(@NonNull View widget) {
            //在此处添加点击后的效果
            }
        },
        spanText.length() - 2 , spanText.length() - 1,
        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

第四步：把spanText添加进TextView中，并激活点击事件：

subtitle_text.setText(spanText);
subtitle_text.setMovementMethod(LinkMovementMethod.getInstance());//激活事件，如果句代码缺少，那么点击事件将不会生效，请注意

好了。这就是富文本在app直播商城源码中的基本使用方法，如需要详细了解的看官可以自行百度下，有很多帖子介绍的很详细，但是这富文本的使用我踩了个坑，让我解决了很久，因为我给TextView控件设置了maxWidth,并且maxLine = 2,此时如果你的设备分辨率比较低，一行显示不下文字，那么就会被自动换行，这很现象正常，可是不正常的地方是，我的 "?" 添加到文本的末尾部分，可他居然不会换行！！!于是出现了以下的情况,这真是见了老鬼了，最终在查阅资料和源码后，重写了ImageSpan里的draw() 方法，手动添加换行后的高度才解决了问题，后续会将源码放上的。

3.点击 "?" 后弹出气泡提示的实现

这里app直播商城源码采用的window的方式， 因为这样可以保证我的气泡弹框一定处于最顶层的View，从而不会被其他view给遮挡，还有最为关键得是，他可以拦截住事件分发，保证在气泡弹框存在时，其他的view的点击事件不会响应，这点是很关键的。关于window的使用，我直接放代码，看官可以看代码里的注释进行了解：

mBubbleViewLayout = new BubbleViewLayout(context);
mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);//获取一个window服务

//初始化window布局的参数
WindowManager.LayoutParams params = new WindowManager.LayoutParams(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT,0,0, PixelFormat.TRANSLUCENT);

//设置window的flags,这些参数用于设置该window的事件分发机制和锁屏显示等设置，这三条是常用默认的，具体可以参阅百度或者谷歌文档
params.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL |
        WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED |       
WindowManager.LayoutParams.FLAG_DIM_BEHIND;//注意此flag和下面的params.dimAmount是配套使用的，用于设定window背景遮罩的，window背景默认是纯黑的，现在我给他设置为透明的 

//设置window类型为dialog
params.type = WindowManager.LayoutParams.TYPE_APPLICATION_ATTACHED_DIALOG;

params.dimAmount = 0.0f;
params.alpha = 0.99f;
params.gravity = Gravity.LEFT | Gravity.TOP;
//将View添加至window中
mWindowManager.addView(mBubbleViewLayout, params);

二、踩坑和细节

关于踩坑问题，除了富文本不会自动换行之外，还有window使用中过程中，细心的看官发现这句代码 params.alpha = 0.99f是关于气泡框透明度问题的，我为什么不设置为1，而是要设置为0.99呢？这不是因为好玩，而是因为当我设置为1时，这里的背景遮罩设置代码params.dimAmount = 0.0f将完全失效，背景将变为纯黑色，我也分析了app直播商城源码，但还是不知道为什么，根据源码逻辑，我设置为0.99是没问题的，至于为什么设置为1不行，希望有大佬给我解惑解惑。

app直播商城源码还有一个细节，就是在适配不同屏幕时， "?" 出现的位置可能会不一样，例如有的设备一行就能显示出完整文案，而有的设备需要换行，这就导致气泡框的那个三角形尖需要时时刻刻定位到 "?“ 的位置，而 "?" 并不算一个实际的View，所以无法调用view.getLocationOnScreen(position)方法直接进行定位，而我采用的方法是，在重写draw方法后获取它在TextView中的相对位置，然后通过getLocationOnScreen(position)获取TextView的绝对位置，最后进行相加得到,需要详细了解的看官可以去看下我的demo源码。

声明：本文由云豹科技转发自Android王小波博客，如有侵权请联系作者删除