Android 实战：突破常规，实现 RecyclerView 条目曝光埋点

2024-02-10 05:36:05

优化用户体验：利用简洁高效的方法实现 RecyclerView 条目曝光埋点

在激烈的移动应用市场竞争中，用户体验至关重要。为了优化用户体验，收集用户与应用交互的详细信息至关重要。其中，RecyclerView 条目曝光埋点是衡量用户与列表互动情况的重要指标。

传统上，RecyclerView 条目曝光埋点需要耗费大量时间和精力。然而，本文将介绍一种简洁高效的方法，仅需 100 行代码即可实现此功能。

设计思路

本文提出的方法建立在这样的设计思路之上：当 RecyclerView 条目露出一半以上时，视为该条目曝光。在 RecyclerView 滚动过程中或数据变更时，通过监听器 OnGlobalLayoutListener，动态计算每个条目的可见比例，从而确定哪些条目符合曝光条件，并进行相应的埋点记录。

优势

简洁高效： 仅需 100 行代码即可实现，大大节省了开发时间和精力。
避免冗余： 无需为每个条目添加额外的监听器，简化了代码逻辑，降低了出错风险。
准确可靠： 动态计算每个条目的可见比例，确保准确的曝光记录。

实现步骤

public class RecyclerViewExposureListener implements OnGlobalLayoutListener {

    private RecyclerView recyclerView;
    private List<Integer> exposedPositions;

    public RecyclerViewExposureListener(RecyclerView recyclerView) {
        this.recyclerView = recyclerView;
        exposedPositions = new ArrayList<>();
    }

    @Override
    public void onGlobalLayout() {
        int firstVisiblePosition = recyclerView.getChildAdapterPosition(recyclerView.getChildAt(0));
        int lastVisiblePosition = recyclerView.getChildAdapterPosition(recyclerView.getChildAt(recyclerView.getChildCount() - 1));

        for (int i = firstVisiblePosition; i <= lastVisiblePosition; i++) {
            View child = recyclerView.getChildAt(i - firstVisiblePosition);
            int[] location = new int[2];
            child.getLocationOnScreen(location);
            int height = child.getHeight();
            float exposureRatio = (float) (location[1] + height - recyclerView.getScrollY()) / height;

            if (exposureRatio >= 0.5) {
                if (!exposedPositions.contains(i)) {
                    exposedPositions.add(i);
                    // 触发条目曝光事件
                }
            }
        }
    }
}

使用方式

RecyclerView recyclerView = findViewById(R.id.recyclerView);
RecyclerViewExposureListener listener = new RecyclerViewExposureListener(recyclerView);
recyclerView.addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {
    @Override
    public void onViewAttachedToWindow(View v) {
        recyclerView.addOnScrollListener(listener);
        recyclerView.getViewTreeObserver().addOnGlobalLayoutListener(listener);
    }

    @Override
    public void onViewDetachedFromWindow(View v) {
        recyclerView.removeOnScrollListener(listener);
        recyclerView.getViewTreeObserver().removeOnGlobalLayoutListener(listener);
    }
});