我使用recyclerview来显示项目,项目大小可以是0 - 500。
但它的滚动性能非常慢,有时它会滞后/停止视图1~2秒。我想在回收器视图中获得流畅的滚动体验。
即使我从我用Glide加载的cardview布局中删除了图像,对性能没有影响。
fragment_home.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_below="@+id/layoutGames">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerViewGamesToday"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:scrollbarThumbVertical="@android:color/darker_gray"
android:scrollbarSize="5dp"/>
</LinearLayout>
我的卡片视图布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="35dp">
<ImageView
android:id="@+id/imageTeamLogo"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginLeft="8dp"
android:layout_marginStart="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/transparent" />
<TextView
android:id="@+id/textViewHomeTeam"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_centerInParent="false"
android:layout_centerVertical="true"
android:layout_marginEnd="2dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginStart="2dp"
android:gravity="right"
android:text="TextView"
android:textColor="@color/colorTeamNameListing"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageViewTeamLogo"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toEndOf="@+id/imageTeamLogo"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/imageViewTeamLogo"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_centerInParent="false"
android:layout_centerVertical="true"
android:layout_marginEnd="2dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginStart="2dp"
android:padding="4dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/textViewMatchStatus"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="@+id/textViewHomeTeam"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textViewScore"
android:layout_width="0dp"
android:layout_height="15dp"
android:layout_centerInParent="false"
android:layout_marginTop="2dp"
android:gravity="center_vertical|center"
android:text="3-1"
android:textColor="@color/colorScoreListing"
android:textSize="13sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="@+id/textViewMatchStatus"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="@+id/textViewMatchStatus"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textViewMatchStatus"
android:layout_width="70dp"
android:layout_height="15dp"
android:layout_below="@+id/textViewStatus"
android:layout_centerInParent="false"
android:layout_marginBottom="2dp"
android:gravity="center_vertical|center"
android:text="Not Started"
android:textColor="@color/colorMatchStatus"
android:textSize="10sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textViewScore" />
<ImageView
android:id="@+id/imageViewAwayTeamLogo"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_centerInParent="false"
android:layout_centerVertical="true"
android:layout_marginEnd="2dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginStart="2dp"
android:padding="4dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/textViewAwayTeam"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="@+id/textViewMatchStatus"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textViewAwayTeam"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_alignParentTop="true"
android:layout_marginEnd="2dp"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginStart="2dp"
android:gravity="left"
android:text="TextView"
android:textColor="@color/colorTeamNameListing"
android:textSize="12sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageViewFav"
app:layout_constraintStart_toEndOf="@+id/imageViewAwayTeamLogo"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/imageViewFav"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/star" />
</android.support.constraint.ConstraintLayout>
<View
android:layout_width="match_parent"
android:background="#efefef"
android:layout_height="1dp" />
</android.support.v7.widget.CardView>
</LinearLayout>
onBindViewHolder 方法从我的适配器 calss
@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
final GamesToday games = gamesTodayList.get(position);
switch (holder.getItemViewType()) {
case gamesOnlyRows:
final GamesTodayViewHolder gamesTodayViewHolder = (GamesTodayViewHolder) holder;
Glide.with(mCtx)
.load(games.getHomeTeamLogo())
.apply(options)
.into(gamesTodayViewHolder.imageViewHomeTeamLogo);
Glide.with(mCtx)
.load(games.getAwayTeamLogo())
.apply(options)
.into(gamesTodayViewHolder.imageViewAwayTeamLogo);
gamesTodayViewHolder.textViewHomeTeam.setText(games.getHomeName());
if (games.getHomeScore().equals("null")) {
gamesTodayViewHolder.textViewScore.setText(games.getDate());
} else {
gamesTodayViewHolder.textViewScore.setText(games.getHomeScore() + " - " + games.getAwayScore());
}
gamesTodayViewHolder.imageViewEmptyCircle.setImageResource(R.drawable.transparent);
if (games.getStatus().equals("CLOSED")) {
gamesTodayViewHolder.imageViewEmptyCircle.setImageResource(R.drawable.ft);
}
if (games.getStatus().equals("ACTIVE")) {
gamesTodayViewHolder.imageViewEmptyCircle.setImageResource(R.drawable.active_icon);
}
switch (games.getStatus()) {
case "CLOSED":
gamesTodayViewHolder.textViewMatchStatus.setText("Finished");
break;
case "FINISHED_CONFIRMED_1":
gamesTodayViewHolder.textViewMatchStatus.setText("Finished");
break;
case "FINISHED_CONFIRMED_2":
gamesTodayViewHolder.textViewMatchStatus.setText("Finished");
break;
case "NOT_STARTED":
gamesTodayViewHolder.textViewMatchStatus.setText("Not Started");
break;
case "ACTIVE":
gamesTodayViewHolder.textViewMatchStatus.setText("Active");
break;
case "CANCELLED":
gamesTodayViewHolder.textViewMatchStatus.setText("Cancelled");
break;
case "POSTPONED_UNDECIDED":
gamesTodayViewHolder.textViewMatchStatus.setText("Postponed");
break;
default:
gamesTodayViewHolder.textViewMatchStatus.setText(games.getStatus());
}
gamesTodayViewHolder.textViewAwayTeam.setText(games.getAwayName());
gamesTodayViewHolder.imageViewFav.setImageResource(R.drawable.star);
if (checkFavoriteItem(games.getId())) {
gamesTodayViewHolder.imageViewFav.setImageResource(R.drawable.fav);
}
gamesTodayViewHolder.imageViewFav.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (checkFavoriteItem(games.getId())) {
gamesTodayViewHolder.imageViewFav.setImageResource(R.drawable.star);
sharedPreference.removeFavorite(mCtx, games.getId());
} else {
gamesTodayViewHolder.imageViewFav.setImageResource(R.drawable.fav);
sharedPreference.addFavorite(mCtx, games.getId());
}
}
});
break;
case NotGamesOnlyRows:
final GamesTodayWithLeagueViewHolder gamesTodayWithLeagueViewHolder = (GamesTodayWithLeagueViewHolder) holder;
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.transparent);
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.star);
if (checkFavoriteLeagueItem(games.getLeagueId())) {
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.fav);
} else {
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.transparent);
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.star);
}
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (checkFavoriteLeagueItem(games.getLeagueId())) {
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.star);
sharedPreference.removeFavoriteLeagues(mCtx, games.getLeagueId());
} else {
gamesTodayWithLeagueViewHolder.imageViewFavLeague.setImageResource(R.drawable.fav);
sharedPreference.addFavoriteLeagues(mCtx, games.getLeagueId());
}
}
});
gamesTodayWithLeagueViewHolder.textViewLeagueName.setText(games.getLeague());
Glide.with(mCtx)
.load(games.getCountryId())
.into(gamesTodayWithLeagueViewHolder.imageViewCountryFlag);
break;
default:
}
}
不要使用ConstraintLayout
,使用LinearLayout
和/或RelativeLayout
。
尝试一下,看看性能变化。
使用这些变通方法来平滑滚动
a) recyclerView.setHasFixedSize(true);
b) recyclerView.setItemViewCacheSize(20);
recyclerView.setDrawingCacheEnabled(true);
recyclerView.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_HIGH);
c) 在 onBindView()
中,它将提供内存管理缓存,以减少图像加载时间
Glide.with(mCtx).load(games.getAwayTeamLogo()).
.diskCacheStrategy(DiskCacheStrategy.ALL)
.apply(options)
.into(gamesTodayViewHolder.imageViewAwayTeamLogo);
它将按需加载为我工作的图像
@Override
public void onViewAttachedToWindow(@NonNull RecyclerView.ViewHolder holder) {
super.onViewAttachedToWindow(holder);
Glide.with(context)
.load(URL)
.into(holder.imageView);
}
问题内容: 好的,所以我找不到任何有关此的信息。 我知道更改网站的滚动速度是可怕的,但是我需要对一个比网站更具游戏性的网站进行更改。 有人可以告诉我如何降低滚动速度吗?jQuery或CSS? 编辑:我想改变人们用鼠标滚轮滚动时的scrollspeed。 问题答案: NiceScroll]插件 jQuery
问题内容: 我有一个div“框”,当用户滚动到下一页时,它会逐渐使用“ .fp-viewing”作为锚点淡入淡出以开始过渡效果。问题是,当触发.fp- viewing时,页面开始滚动,并且在动画结束之前将框滚动出视图。 触发.fp-viewing时,如何延迟滚动开始,直到box在4s内完成动画播放? 问题答案: 您可以使用fullpage.js提供的选项来取消运动。
问题内容: 我已经基于“ 创建列表和卡片”指南创建了RecyclerView示例。我的适配器具有仅用于扩大布局的模式实现。 问题是滚动性能差。 这在RecycleView中只有8个项目。 在某些测试中,我验证了在Android L中不会发生此问题。但是在KitKat版本中,性能下降是显而易见的。 问题答案: 我最近遇到了同样的问题,因此这是我对最新的RecyclerView支持库所做的工作: 用
问题内容: 我已经设置了一个片段,当单击该片段时会将页面部分滚动到视图中,问题是,如果用户想在动画中间滚动,则滚动会有点断断续续。 如果用户手动滚动,如何停止jquery动画? 问题答案: 将功能更改为此: 这将: 如果用户手动滚动(仅在动画过程中),则停止动画 不会妨碍您正常的jQuery动画,例如其他一些答案 一些额外的信息: 您为什么要绑定所有这些事件?“滚动鼠标滚轮等…” 有许多不同类型的
参考这里的帖子中给出的建议,我尝试使用实时滚动实现惰性加载来处理大型数据集,但实时滚动不会发生,当可数据的行和scrollRow属性都used.If我删除行属性,然后没有记录displayed.Here是我的代码片段,我tried.Can如果我做错了什么,请有人帮我。 JSF 代码片段 受管bean 刀类 } 懒惰数据模型类
我创建了基于创建列表和卡片指南的RecolyerView示例。我的适配器有一个模式实现,只用于扩展布局。 问题是滚动性能不佳。这在一个只有8个项目的RecycleView中。 在一些测试中,我验证了在Android L中不会出现这个问题。但在KitKat版本中,性能的下降是明显的。