Android埋点之圈点选择

前言

在上一篇博客中基于滴滴DroidAssist插件实现了无痕埋点，这样用户的操作路径就通过了接口上传到了服务器，然后后台制作图表，产品经理进而分析和优化产品后续的体验，也可以为产品的运营提供数据支撑。但是现在我们上传的View路径都是这样的MainActivity/LinearLayout[0]/LinearLayout[7]/TextView[2]，这些路径别人是看不懂的，所以就需要给这些路径设置别名，通过查看路径的别名就知道用户点击的是什么控件了。

实现步骤

• 在屏幕上添加一个小圆点，滑动小圆点获取当前屏幕坐标P
• 递归遍历DecorView下所有子view
• 获取该View下所有可触摸视图(包含自己)，遍历获取位置、宽高判断P坐标是否在View上
• 如果P坐标在这个View内，则表示我们选中了这个View，然后给这个View设置前景色
• 根据选取的View获取路径

实现效果

在屏幕上添加一个小圆点View很简单，可以通过WindowManager添加View到屏幕上，然后设置OnTouchListener监听事件，移动小圆点。小圆点中心点的位置就是我们获取的坐标，接下来根据坐标选取对应的View，具体代码如下：

public class ViewUtil {
    //根据坐标获取相对应的子控件
    public static View getViewAtActivity(Activity activity, int x, int y) {
        View root = activity.getWindow().getDecorView();
        return findViewByXY(root, x, y);
    }
    public static View getViewAtViewGroup(View view, int x, int y) {
        return findViewByXY(view, x, y);
    }

    private static View findViewByXY(View view, int x, int y) {
        View targetView = null;
        if (view instanceof ViewGroup) {
            ViewGroup v = (ViewGroup) view;
            for (int i = 0; i < v.getChildCount(); i++) {
                targetView = getTouchTarget(v.getChildAt(i), x, y);
                if (targetView != null) {
                    break;
                } else {
                    findViewByXY(v.getChildAt(i), x, y);
                }
            }
        } else {
            targetView = getTouchTarget(view, x, y);
        }
        return targetView;
    }

  	//获取View下所有可触摸视图
    private static View getTouchTarget(View view, int x, int y) {
        View targetView = null;
        ArrayList<View> touchableViews = view.getTouchables();
        for (View child : touchableViews) {
            if (isTouchPointInView(child, x, y)) {
                targetView = child;
            }
        }
        return targetView;
    }

  	//判断坐标点是否在View上
    private static boolean isTouchPointInView(View view, int x, int y) {
        int[] location = new int[2];
        view.getLocationOnScreen(location);
        int left = location[0];
        int top = location[1];
        int right = left + view.getMeasuredWidth();
        int bottom = top + view.getMeasuredHeight();
        if (view.isClickable() && y >= top && y <= bottom && x >= left
                && x <= right) {
            return true;
        }
        return false;
    }
}

获取到了View，我们就可以根据View一层层向上遍历，获取到View的名字和index然后拼接起来，直到遍历到视图的最顶端，具体代码如下：

public static String parsePath(View view) {
        String path = "";
        //循环获取ViewPath
        do {
            String simpleName = view.getClass().getSimpleName();
            ViewParent parent = view.getParent();
            if (parent instanceof ViewGroup) {
                int index = ((ViewGroup) parent).indexOfChild(view);
                path = String.format(Locale.CHINA, "%s[%d]/%s", simpleName, index, path);
                view = (ViewGroup) parent;
            }

        } while (view.getParent() instanceof View);

        //替换掉页面相同路径，分两种情况
        path = path
          //当页面设置fitsSystemWindows=true时
          .replaceFirst("LinearLayout\\[0]/FrameLayout\\[1]/FitWindowsLinearLayout\\[0]/ContentFrameLayout\\[1]","")
          //当页面设置fitsSystemWindows=false时
                .replaceFirst("LinearLayout\\[0]/FrameLayout\\[1]","");
        path = path.substring(0, path.lastIndexOf('/'));
        path = path.substring(1);
        return path;
    }

筛选View、解析路径我们都已经做完了，现在已经到了最后的阶段那就是设置别名了。我们把解析的路径传到一个页面，填入别名对接服务器接口就搞定了，这样收集的用户点击的路径在后台就知道是什么意思了。

参考文章

Android 根据坐标获取控件方法