Android 自定义RecyclerView 实现真正的Gallery效果

在Android开发中，我们经常会使用RecyclerView控件来创建列表，并且它的用法十分灵活，可以满足各种不同场景的需要。但是，在某些情况下，我们可能需要将RecyclerView的排版方式更改为横向滚动，实现类似于Gallery控件的效果。本文将介绍如何自定义RecyclerView实现真正的Gallery效果。

创建项目和引入依赖

首先，我们需要在Android Studio中创建一个新的Android项目。在build.gradle文件中添加以下依赖：

dependencies {
    implementation 'com.android.support:recyclerview-v7:28.0.0'
}

自定义LayoutManager

实现横向滑动的核心在于自定义LayoutManager，接下来我们将创建一个GalleryLayoutManager类来实现。

在GalleryLayoutManager中，我们需要重写3个方法：

1. onLayoutChildren
2. canScrollHorizontally
3. scrollHorizontallyBy

public class GalleryLayoutManager extends LinearLayoutManager {

    private static final float SCALE_RATE = 1.2f;

    public GalleryLayoutManager(Context context) {
        super(context, HORIZONTAL, false);
    }

    @Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        super.onLayoutChildren(recycler, state);
        scaleItemView();
    }

    @Override
    public boolean canScrollHorizontally() {
        return true;
    }

    @Override
    public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {
        int scroll = super.scrollHorizontallyBy(dx, recycler, state);
        scaleItemView();
        return scroll;
    }

    private void scaleItemView() {
        float mid = getWidth() / 2.0f;
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            float rate = 1 - Math.abs(mid - (child.getLeft() + child.getRight()) / 2) / mid;
            child.setScaleX(rate * SCALE_RATE);
            child.setScaleY(rate * SCALE_RATE);
        }
    }
}

在LayoutManager中，我们将RecyclerView滚动方向改为横向滚动，并且在onLayoutChildren和scrollHorizontallyBy方法中调用scaleItemView方法，用来实现缩放效果。

在scaleItemView方法中，我们根据itemView的位置和RecyclerView的宽度，计算出缩放比例，然后将其设置给itemView的scaleX和scaleY属性。

使用自定义LayoutManager

在RecyclerView中使用自定义LayoutManager只需要调用setLayoutManager方法即可。以下是一个简单的布局文件示例：

<android.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

以下是Activity中示例代码：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final RecyclerView recyclerView = findViewById(R.id.recycler_view);
        recyclerView.setLayoutManager(new GalleryLayoutManager(this));
        recyclerView.setAdapter(new MyAdapter());
    }

    private class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {

        @NonNull
        @Override
        public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.item_gallery, parent, false);
            return new MyViewHolder(view);
        }

        @Override
        public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
            holder.imageView.setImageResource(getImageResId(position));
        }

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

    private int getImageResId(int position) {
        switch (position % 4) {
            case 0:
                return R.mipmap.ic_launcher_round;
            case 1:
                return R.drawable.img1;
            case 2:
                return R.drawable.img2;
            case 3:
                return R.drawable.img3;
            default:
                return 0;
        }
    }

    private class MyViewHolder extends RecyclerView.ViewHolder {

        ImageView imageView;

        MyViewHolder(View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.image_view);
        }
    }
}

效果图如下：

至此，我们便成功实现了自定义RecyclerView实现真正的Gallery效果。

总结

本文介绍了如何自定义RecyclerView的LayoutManager来实现横向滚动的Gallery效果，逐步实现了scale效果。自定义LayoutManager使得我们可以很方便地控制RecyclerView的显示效果，同时也可以更灵活地处理用户交互操作。