RecyclerView 当前可见项高度应大于下一个和上一个项

Question

我想显示 recyclerview 的下一个和上一个项目与当前可见项目 (as in this third party library) 相比的部分。不过，我设法用我的原生 recyclerview 做到了。

这对我来说听起来很棒，现在我想将当前可见项目的高度设置为大于下一个和上一个项目的高度，如上述库的 gif 所示！

我已经设法在以下阶段使用我的代码显示下一个和上一个项目：

1.将recyclerview适配器设置为：

LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity());

layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

locationTypeFragmentBinding.mRecylerview.setLayoutManager(layoutManager);

locationTypeFragmentBinding.mRecylerview.setHasFixedSize(true);

final LocationTypePictureAdapter locationTypePictureAdapter =
   new LocationTypePictureAdapter(getActivity(), locationDetails,false);

final SnapHelper snapHelper = new PagerSnapHelper();

snapHelper.attachToRecyclerView(locationTypeFragmentBinding.mRecylerview);

locationTypeFragmentBinding.mRecylerview.post(new Runnable() {

    @Override
    public void run() {

    locationTypeFragmentBinding.mRecylerview.
      setAdapter(locationTypePictureAdapter);
    }
});

2。我在 xml 中的 RecyclerView 是：

     <android.support.v7.widget.RecyclerView
        android:id="@+id/mRecylerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/buttonsHolder"
        android:clipToPadding="false"
        android:orientation="horizontal"
        android:padding="@dimen/_10sdp"
        android:paddingStart="@dimen/_15sdp"
        android:paddingEnd="@dimen/_15sdp"
        android:scrollbarStyle="outsideOverlay"
        android:visibility="gone"/>

3.我的 RecyclerView 项目 xml 是：

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/mainContainer"
       android:layout_width="match_parent"
       android:layout_height="@dimen/_200sdp">

    <android.support.v7.widget.CardView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginStart="@dimen/_5sdp"
        android:layout_marginEnd="@dimen/_5sdp"
        android:background="@android:color/transparent"
        app:cardElevation="0dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/locationPicture"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

        </RelativeLayout>
    </android.support.v7.widget.CardView>
</RelativeLayout>

4.我需要实现的是： 我知道我可以使用上述库，但我想将当前可见项目的高度设置为大于要显示给用户的 recyclerview 的下一个和上一个项目。

有人可以找出我的代码做错了什么吗？

我需要的示例图片

See Here

Answer 1

我不熟悉您正在使用的库，但您也可以使用CarouselLayoutManager 来实现这种外观，有了这个库，您将拥有一个高于其他所有项目的提升项目，这看起来比其他项目更大物品。

使用方法：

• 在你的毕业典礼中：

  implementation 'com.azoft.carousellayoutmanager:carousel:version'
  

• 声明适配器时：

  final CarouselLayoutManager layoutManager = new CarouselLayoutManager(CarouselLayoutManager.VERTICAL);
  
  final RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
  recyclerView.setLayoutManager(layoutManager);
  recyclerView.setHasFixedSize(true);
  

---

编辑：

如果你想在本地做，你可以这样做：

• 创建recyclerView：

  <android.support.v7.widget.RecyclerView
  android:id="@+id/recyclerView"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:fadingEdge="horizontal"
  android:overScrollMode="never"
  android:requiresFadingEdge="horizontal" />
  

• 像这样将你的 recyclerView 附加到 SnapHelper：

  LinearSnapHelper snapHelper = new LinearSnapHelper();
  snapHelper.attachToRecyclerView(recyclerView);
  

• 现在您需要为当前居中的项目提供逻辑：

  recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
  @Override
  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
      if (newState == RecyclerView.SCROLL_STATE_IDLE) {
          float position = (float) recyclerView.computeHorizontalScrollOffset() / (float) itemHeight;
          int itemPosition = (int) Math.floor(position);
      }
      super.onScrollStateChanged(recyclerView, newState);
      }
  });
  

Answer 2

我使用以下方法为 recycleView 的项目添加了动画。如果您能够做类似的事情，我希望它可以解决您的问题

在您的 recycleView 适配器的 onBindViewHolder 中尝试此更改。

@Override
    public void onBindViewHolder(@NonNull final CustomViewHolder holder, int position)
{
    // do your work

    setAnimation(holder.itemView, position);
}

在 setAnimation 中接收视图及其位置

void setAnimation(View view, int position) {
//this allows new views coming in the recycle view to slide to left while scrolling down and slide to right while scrolling up.
        if (lastPosition < position) {
            Animation animation = AnimationUtils.loadAnimation(context, android.R.anim.slide_in_left);
            view.startAnimation(animation);
        } else {
            Animation animation = AnimationUtils.loadAnimation(context, R.anim.slide_in_right);
            view.startAnimation(animation);
        }
        lastPosition = position;
    }

同样，如果您知道中间视图的位置或位置，您可以使用动画放大或缩小recycleView 中的其他视图。

Answer 3

如果您关心性能，最好在布局管理器中执行所有动画操作。 Tamir Abutbul 给你很好的解决方案，你为什么要重新发明轮子？如果没有库，您需要准备好布局管理器：https://stackoverflow.com/a/41307581/2551094