当前位置: 首页 > 知识库问答 >
问题:

Recycler查看滚动性能缓慢,并在滚动时延迟/停止

申思远
2023-03-14

我使用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:
        }
    }

共有3个答案

毛博
2023-03-14

不要使用ConstraintLayout,使用LinearLayout和/或RelativeLayout

尝试一下,看看性能变化。

邓崇凛
2023-03-14

使用这些变通方法来平滑滚动

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);
尤茂材
2023-03-14

它将按需加载为我工作的图像

 @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版本中,性能的下降是明显的。