RecyclerView水平滚动卡扣在中心
问题描述 投票：68回答：7
我正在尝试使用RecyclerView在这里制作类似旋转木马的视图，我希望项目在滚动时在屏幕中间捕捉，一次一个项目。我尝试过使用recyclerView.setScrollingTouchSlop(RecyclerView.TOUCH_SLOP_PAGING);
但是视图仍然滚动顺畅，我也尝试使用滚动侦听器来实现我自己的逻辑，如下所示：
recyclerView.setOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
Log.v("Offset ", recyclerView.getWidth() + "");
if (newState == 0) {
try {
recyclerView.smoothScrollToPosition(layoutManager.findLastVisibleItemPosition());
recyclerView.scrollBy(20,0);
if (layoutManager.findLastVisibleItemPosition() >= recyclerView.getAdapter().getItemCount() - 1) {
Beam refresh = new Beam();
refresh.execute(createUrl());
}
} catch (Exception e) {
e.printStackTrace();
}
}
从右到左的滑动现在工作正常，但不是相反，我在这里缺少什么？
7个回答
120
投票
投票
使用LinearSnapHelper，现在非常容易。
你需要做的就是：
SnapHelper helper = new LinearSnapHelper();
helper.attachToRecyclerView(recyclerView);
更新
从25.1.0开始，PagerSnapHelper可以帮助实现ViewPager效果。像使用LinearSnapHelper一样使用它。
旧的解决方法：
如果您希望它的行为类似于ViewPager，请尝试以下方法：
LinearSnapHelper snapHelper = new LinearSnapHelper() {
@Override
public int findTargetSnapPosition(RecyclerView.LayoutManager layoutManager, int velocityX, int velocityY) {
View centerView = findSnapView(layoutManager);
if (centerView == null)
return RecyclerView.NO_POSITION;
int position = layoutManager.getPosition(centerView);
int targetPosition = -1;
if (layoutManager.canScrollHorizontally()) {
if (velocityX < 0) {
targetPosition = position - 1;
} else {
targetPosition = position + 1;
}
}
if (layoutManager.canScrollVertically()) {
if (velocityY < 0) {
targetPosition = position - 1;
} else {
targetPosition = position + 1;
}
}
final int firstItem = 0;
final int lastItem = layoutManager.getItemCount() - 1;
targetPosition = Math.min(lastItem, Math.max(targetPosition, firstItem));
return targetPosition;
}
};
snapHelper.attachToRecyclerView(recyclerView);
上面的实现仅基于速度的方向返回当前项目旁边的位置（居中），而不管幅度如何。
前者是支持库版本24.2.0中包含的第一方解决方案。这意味着你必须将它添加到你的app模块的build.gradle或更新它。
compile "com.android.support:recyclerview-v7:24.2.0"
57
投票
投票
Google I / O 2019更新：
ViewPager2在这里！
谷歌just announced在谈论'Android的新功能'（又名“Android主题演讲”），他们正在开发基于RecyclerView的新ViewPager！
从幻灯片：
像ViewPager一样，但更好
- 从ViewPager轻松迁移
- 基于RecyclerView
- 从右到左模式支持
- 允许垂直分页
- 改进了数据集更改通知
个人意见：我认为这是一个非常需要的补充。我最近在PagerSnapHelper oscillating left right indefinitely上遇到了很多麻烦 - 请参阅我打开的the ticket。
新答案（2016）：
你现在可以使用SnapHelper。
如果你想要一个类似于ViewPager的居中对齐的捕捉行为，那么使用PagerSnapHelper：
SnapHelper snapHelper = new PagerSnapHelper();
snapHelper.attachToRecyclerView(recyclerView);
还有一个LinearSnapHelper。我已经尝试过了，如果你投入了精力，那么它会用1个投掷滚动2个项目。我个人不喜欢它，但只是自己决定 - 尝试它只需要几秒钟。
原始答案（2016）：
经过几个小时尝试在这里发现的3个不同的解决方案，我终于建立了一个解决方案，模仿ViewPager中发现的行为。
解决方案基于@eDizzle solution，我相信我的改进足以说它的工作方式几乎像ViewPager。
重要提示：我的RecyclerView项目宽度与屏幕完全相同。我没有尝试过其他尺寸。我也用它与水平LinearLayoutManager。我想如果你想垂直滚动，你需要调整代码。
在这里你有代码：
public class SnappyRecyclerView extends RecyclerView {
// Use it with a horizontal LinearLayoutManager
// Based on https://stackoverflow.com/a/29171652/4034572
public SnappyRecyclerView(Context context) {
super(context);
}
public SnappyRecyclerView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public SnappyRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public boolean fling(int velocityX, int velocityY) {
LinearLayoutManager linearLayoutManager = (LinearLayoutManager) getLayoutManager();
int screenWidth = Resources.getSystem().getDisplayMetrics().widthPixels;
// views on the screen
int lastVisibleItemPosition = linearLayoutManager.findLastVisibleItemPosition();
View lastView = linearLayoutManager.findViewByPosition(lastVisibleItemPosition);
int firstVisibleItemPosition = linearLayoutManager.findFirstVisibleItemPosition();
View firstView = linearLayoutManager.findViewByPosition(firstVisibleItemPosition);
// distance we need to scroll
int leftMargin = (screenWidth - lastView.getWidth()) / 2;
int rightMargin = (screenWidth - firstView.getWidth()) / 2 + firstView.getWidth();
int leftEdge = lastView.getLeft();
int rightEdge = firstView.getRight();
int scrollDistanceLeft = leftEdge - leftMargin;
int scrollDistanceRight = rightMargin - rightEdge;
if (Math.abs(velocityX) < 1000) {
// The fling is slow -> stay at the current page if we are less than half through,
// or go to the next page if more than half through
if (leftEdge > screenWidth / 2) {
// go to next page
smoothScrollBy(-scrollDistanceRight, 0);
} else if (rightEdge < screenWidth / 2) {
// go to next page
smoothScrollBy(scrollDistanceLeft, 0);
} else {
// stay at current page
if (velocityX > 0) {
smoothScrollBy(-scrollDistanceRight, 0);
} else {
smoothScrollBy(scrollDistanceLeft, 0);
}
}
return true;
} else {
// The fling is fast -> go to next page
if (velocityX > 0) {
smoothScrollBy(scrollDistanceLeft, 0);
} else {
smoothScrollBy(-scrollDistanceRight, 0);
}
return true;
}
}
@Override
public void onScrollStateChanged(int state) {
super.onScrollStateChanged(state);
// If you tap on the phone while the RecyclerView is scrolling it will stop in the middle.
// This code fixes this. This code is not strictly necessary but it improves the behaviour.
if (state == SCROLL_STATE_IDLE) {
LinearLayoutManager linearLayoutManager = (LinearLayoutManager) getLayoutManager();
int screenWidth = Resources.getSystem().getDisplayMetrics().widthPixels;
// views on the screen
int lastVisibleItemPosition = linearLayoutManager.findLastVisibleItemPosition();
View lastView = linearLayoutManager.findViewByPosition(lastVisibleItemPosition);
int firstVisibleItemPosition = linearLayoutManager.findFirstVisibleItemPosition();
View firstView = linearLayoutManager.findViewByPosition(firstVisibleItemPosition);
// distance we need to scroll
int leftMargin = (screenWidth - lastView.getWidth()) / 2;
int rightMargin = (screenWidth - firstView.getWidth()) / 2 + firstView.getWidth();
int leftEdge = lastView.getLeft();
int rightEdge = firstView.getRight();
int scrollDistanceLeft = leftEdge - leftMargin;
int scrollDistanceRight = rightMargin - rightEdge;
if (leftEdge > screenWidth / 2) {
smoothScrollBy(-scrollDistanceRight, 0);
} else if (rightEdge < screenWidth / 2) {
smoothScrollBy(scrollDistanceLeft, 0);
}
}
}
}
请享用！
37
投票
投票
如果目标是使RecyclerView模仿ViewPager的行为，那么很容易
RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.recycler_view);
LinearLayoutManager layoutManager = new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false);
SnapHelper snapHelper = new PagerSnapHelper();
recyclerView.setLayoutManager(layoutManager);
snapHelper.attachToRecyclerView(mRecyclerView);
通过使用PagerSnapHelper，您可以获得像ViewPager这样的行为
30
投票
投票
你需要使用findFirstVisibleItemPosition来向相反的方向前进。并且为了检测滑动的方向，您需要获得投掷速度或x的变化。我从一个略微不同的角度来解决这个问题。
创建一个扩展RecyclerView类的新类，然后覆盖RecyclerView的fling方法，如下所示：
@Override
public boolean fling(int velocityX, int velocityY) {
LinearLayoutManager linearLayoutManager = (LinearLayoutManager) getLayoutManager();
//these four variables identify the views you see on screen.
int lastVisibleView = linearLayoutManager.findLastVisibleItemPosition();
int firstVisibleView = linearLayoutManager.findFirstVisibleItemPosition();
View firstView = linearLayoutManager.findViewByPosition(firstVisibleView);
View lastView = linearLayoutManager.findViewByPosition(lastVisibleView);
//these variables get the distance you need to scroll in order to center your views.
//my views have variable sizes, so I need to calculate side margins separately.
//note the subtle difference in how right and left margins are calculated, as well as
//the resulting scroll distances.
int leftMargin = (screenWidth - lastView.getWidth()) / 2;
int rightMargin = (screenWidth - firstView.getWidth()) / 2 + firstView.getWidth();
int leftEdge = lastView.getLeft();
int rightEdge = firstView.getRight();
int scrollDistanceLeft = leftEdge - leftMargin;
int scrollDistanceRight = rightMargin - rightEdge;
//if(user swipes to the left)
if(velocityX > 0) smoothScrollBy(scrollDistanceLeft, 0);
else smoothScrollBy(-scrollDistanceRight, 0);
return true;
}
2
投票
投票
我的解决方案
/**
* Horizontal linear layout manager whose smoothScrollToPosition() centers
* on the target item
*/
class ItemLayoutManager extends LinearLayoutManager {
private int centeredItemOffset;
public ItemLayoutManager(Context context) {
super(context, LinearLayoutManager.HORIZONTAL, false);
}
@Override
public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position) {
LinearSmoothScroller linearSmoothScroller = new Scroller(recyclerView.getContext());
linearSmoothScroller.setTargetPosition(position);
startSmoothScroll(linearSmoothScroller);
}
public void setCenteredItemOffset(int centeredItemOffset) {
this.centeredItemOffset = centeredItemOffset;
}
/**
* ********** Inner Classes **********
*/
private class Scroller extends LinearSmoothScroller {
public Scroller(Context context) {
super(context);
}
@Override
public PointF computeScrollVectorForPosition(int targetPosition) {
return ItemLayoutManager.this.computeScrollVectorForPosition(targetPosition);
}
@Override
public int calculateDxToMakeVisible(View view, int snapPreference) {
return super.calculateDxToMakeVisible(view, SNAP_TO_START) + centeredItemOffset;
}
}
}
我将此布局管理器传递给RecycledView并设置中心项所需的偏移量。我的所有物品都有相同的宽度，所以恒定的偏移是可以的
1
投票
投票
只需将padding和margin添加到recyclerView和recyclerView item：
recyclerView项目：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/parentLayout"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_marginLeft="8dp" <!-- here -->
android:layout_marginRight="8dp" <!-- here -->
android:layout_width="match_parent"
android:layout_height="200dp">
<!-- child views -->
</RelativeLayout>
recyclerView：
<androidx.recyclerview.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="8dp" <!-- here -->
android:paddingRight="8dp" <!-- here -->
android:clipToPadding="false" <!-- important!-->
android:scrollbars="none" />
并设置PagerSnapHelper：
int displayWidth = Resources.getSystem().getDisplayMetrics().widthPixels;
parentLayout.getLayoutParams().width = displayWidth - Utils.dpToPx(16) * 4;
SnapHelper snapHelper = new PagerSnapHelper();
snapHelper.attachToRecyclerView(recyclerView);
dp到px：
public static int dpToPx(int dp) {
return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, Resources.getSystem().getDisplayMetrics());
}
结果：
0
投票
投票
PagerSnapHelper不适用于spanCount> 1的GridLayoutManager，所以我在这种情况下的解决方案是：
class GridPagerSnapHelper : PagerSnapHelper() {
override fun findTargetSnapPosition(layoutManager: RecyclerView.LayoutManager?, velocityX: Int, velocityY: Int): Int {
val forwardDirection = if (layoutManager?.canScrollHorizontally() == true) {
velocityX > 0
} else {
velocityY > 0
}
val centerPosition = super.findTargetSnapPosition(layoutManager, velocityX, velocityY)
return centerPosition +
if (forwardDirection) (layoutManager as GridLayoutManager).spanCount - 1 else 0
}
}
最新问题
- 为什么 wcrtomb 和 wcsrtombs 需要 mbstate？
- 在 ActionFilter C# .Net 6.0 中获取连续请求时请求正文混合在一起
- expo 本地构建 ios IosCredentialsManager 出现 TypeError
- 如何使用 go-guardian JWT 策略主动注销用户？
- 当输出重定向到管道时，Node CLI 程序 writeFileSync 收到“EAGAIN”错误
- C++ 将字符串传递给类 setter 函数
- 密码查询来查找所有关系都具有给定属性的节点？ （已删除_at）
- SSR 角度服务的文档注入令牌导致 NotYetImplemented 错误
- Excel - 产品清单价格更新，基于更大的清单
- mpdf 不渲染链接样式表中的样式
- 使用 where 子句的 Parquet 分区性能
- 合并具有不同行尾字符的文件
- 从android中的时间选择器中提取分钟控制
- 为什么Android Developer文档说明Activity的onDestroy是在ViewModel的onCleared之前调用的？
- 如何重写 Enum 类以返回成员值而不是成员对象？
- 如何解决'std::__cxx11::basic_ostringstream<char, std::char_traits<char>，std::allocator<char>>::basic_ostringstream()@GLIBCXX_3.4.26'错误？
- 为什么不显示错误的字符？
- MacOS SwiftUI 打开侧边栏的奇怪行为
- WPF 自定义用户控件 - 数据绑定不更新 DataContext 的属性
- MeCab 似乎没有返回正确的响应
© www.soinside.com 2019 - 2024. All rights reserved.