ViewTreeObserver在RecyclerView中的巧妙应用

2023-10-12 15:23:17

在 RecyclerView 中使用 ViewTreeObserver 动态设置子控件属性

在构建动态布局的移动应用程序时，开发人员经常面临一项挑战：需要在自定义复合控件中设置子控件的属性，而这些属性依赖于父控件的宽高。然而，在某些情况下，外部定义自定义复合控件的宽高并不切实际或不可行。

这就是 ViewTreeObserver 发挥作用的地方。它是一个 Android 类，允许开发人员在视图层级发生变化时监听并作出反应。通过利用 ViewTreeObserver，我们可以获取父控件的宽高，即使它在自定义复合控件中无法直接访问。

应用场景

ViewTreeObserver 在 RecyclerView 中特别有用，它是一种广泛用于列表和网格布局的视图。在 RecyclerView 中，由于视图的回收和复用机制，在 ViewHolder 中动态设置子控件的属性至关重要。

实现方式

获取 ViewTreeObserver： 在 ViewHolder 的 onBindViewHolder() 方法中，获取自定义复合控件的 ViewTreeObserver 实例：

ViewTreeObserver viewTreeObserver = compositeControl.getViewTreeObserver();

添加 OnGlobalLayoutListener： 向 ViewTreeObserver 添加一个 OnGlobalLayoutListener，它将在视图层级发生变化（如测量和布局）时被触发。

viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        // 在此设置子控件的属性
    }
});

移除 OnGlobalLayoutListener： 在 ViewHolder 的 onViewRecycled() 方法中，当 ViewHolder 被回收时，移除 OnGlobalLayoutListener。

viewTreeObserver.removeOnGlobalLayoutListener(listener);

示例代码

以下代码示例演示了如何在 RecyclerView 的 ViewHolder 中使用 ViewTreeObserver：

public class MyViewHolder extends RecyclerView.ViewHolder {
    private CompositeControl compositeControl;

    public MyViewHolder(@NonNull View itemView) {
        super(itemView);
        compositeControl = itemView.findViewById(R.id.composite_control);
    }

    @Override
    public void onBindViewHolder(@NonNull Item item) {
        ViewTreeObserver viewTreeObserver = compositeControl.getViewTreeObserver();
        viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                int parentWidth = compositeControl.getWidth();
                int parentHeight = compositeControl.getHeight();

                // 设置子控件的属性
                compositeControl.getChildView().setWidth(parentWidth);
                compositeControl.getChildView().setHeight(parentHeight);

                viewTreeObserver.removeOnGlobalLayoutListener(this);
            }
        });
    }

    @Override
    public void onViewRecycled() {
        ViewTreeObserver viewTreeObserver = compositeControl.getViewTreeObserver();
        viewTreeObserver.removeOnGlobalLayoutListener(listener);
    }
}