recycleView 瀑布流刷新 item 元素位置发生变化，这样解决！

🙂 Hello，村长

item 每次刷新的原因

修改之前的代码：注意 onCreateViewHolder 实现即可

public class MainFragmentAdapter extends BaseRecycleView<MainFragmentAdapter.MainHolder> {

    @NonNull
    @Override
    public MainHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.main_recycle_item_layout, parent, false);
        MainHolder mainHolder = new MainHolder(view);

        ViewGroup.LayoutParams layoutParams = mainHolder.mImage.getLayoutParams();
        int height = UiHelper.dip2px(parent.getContext(), 150 + new Random().nextInt(100));
        layoutParams.height = height;
        mainHolder.mImage.setLayoutParams(layoutParams);
        return mainHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull MainHolder holder, int position) {

    }

    @Override
    public int getItemCount() {
        return 20;
    }

    public static class MainHolder extends RecyclerView.ViewHolder {
        private ShapeableImageView mImage;
        private ImageView mThumbIcon;
        private TextView mTitle;
        private TextView mDesc;
        private TextView mThumb;

        public MainHolder(@NonNull View itemView) {
            super(itemView);
            mImage = itemView.findViewById(R.id.main_recycle_img_item);
            mTitle = itemView.findViewById(R.id.main_recycle_title_item);
            mDesc = itemView.findViewById(R.id.main_recycle_describe_item);
            mThumb = itemView.findViewById(R.id.main_recycle_thumb_count_item);
            mThumbIcon = itemView.findViewById(R.id.main_recycle_thumb_item);
        }
    }
}

上述代码每次刷新或者是更新 adapter 数据时，会触发 onCreateViewHolder 进行从新布局、测量、绘制；onCreateViewHolder 中每次执行会生成不同的高度 int height = UiHelper.dip2px(parent.getContext(), 150 + new Random().nextInt(100));,正是因为每次 item 的高度不一致，执行布局、测量、绘制出现的现象就是 item 刷新每次的位置都不一样，在我们看来就是位移错乱。

解决

修改代码之后：注意使用的 mIemHeightMap
一般情况我们编写 recycleview item 的高度都是一致的，这时候更新数据进行布局、测量、绘制是没有出现位移的问题的。
那么，在 item 高度各不相同的情况下，我们如何保持不发生位移问题，那就是保证每个 item 的高度固定不变，测量时候不会因为 item 上一次的高度和本地的高度不一致而出现位移。以下是代码，提供一个固定 item 高度的思路。

/**
 * 创建者：村长
 * 时间：2021/9/30 9:08
 */
public class MainFragmentAdapter extends BaseRecycleView<MainFragmentAdapter.MainHolder> {

    private final int MAX_SIZE = 50;
    private View mRootView;
    private HashMap<String, Integer> mIemHeightMap;

    public MainFragmentAdapter(Context context) {
        mIemHeightMap = new HashMap<>();
        for (int i = 0; i < MAX_SIZE; i++) {
            int height = UiHelper.dip2px(context, 150 + new Random().nextInt(100));
            mIemHeightMap.put("json_" + i, height);
        }
    }

    @NonNull
    @Override
    public MainHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        mRootView = LayoutInflater.from(parent.getContext()).inflate(R.layout.main_recycle_item_layout, parent, false);
        MainHolder mainHolder = new MainHolder(mRootView);
        return mainHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull MainHolder holder, int position) {
        int tmp = position;
        if (position >= MAX_SIZE) {
            tmp %= MAX_SIZE;
        }

        Integer height = mIemHeightMap.get("json_" + tmp);
        ViewGroup.LayoutParams layoutParams = holder.mImage.getLayoutParams();
        layoutParams.height = height;
        holder.mImage.setLayoutParams(layoutParams);
    }

    @Override
    public int getItemCount() {
        return 20;
    }

    public static class MainHolder extends RecyclerView.ViewHolder {
        private ShapeableImageView mImage;
        private ImageView mThumbIcon;
        private TextView mTitle;
        private TextView mDesc;
        private TextView mThumb;

        public MainHolder(@NonNull View itemView) {
            super(itemView);
            mImage = itemView.findViewById(R.id.main_recycle_img_item);
            mTitle = itemView.findViewById(R.id.main_recycle_title_item);
            mDesc = itemView.findViewById(R.id.main_recycle_describe_item);
            mThumb = itemView.findViewById(R.id.main_recycle_thumb_count_item);
            mThumbIcon = itemView.findViewById(R.id.main_recycle_thumb_item);
        }
    }
}