RecyclerView 在oppo 8.1 的手机上快速滑动 卡顿

[wwluo14]

你好，最近我发现在oppo android 8.1 的手机上 元素过多的item， 滑动出现卡顿。快速滑动的时候，前几个item会顿一下，然后后面的item正常滑动 。视觉上出现刚开始顿一下的情况。浏览过的item，再次快速滑动是没有卡顿情况的。 下面给出 布局文件，测试的时候，什么都不需要做，Adapter里面什么都不用做，只需要模拟一下数据，然后滑动默认布局就可以看到卡顿情况（在低版本的手机上暂时没看到卡顿，目前就8.1的手机和华为手机上看到明显卡顿） 。烦请查看有没有什么方案可以解决卡顿情况。谢谢~

buildToolsVersion "26.0.2" recyclerView 的版本是26.1.0，

我的布局文件：

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/_f2f2f2">

<View
    android:id="@+id/headerDivider"
    android:layout_width="match_parent"
    android:layout_height="10dp"
    android:background="@color/red"/>

<!--左边正常布局-->
<include
    android:id="@+id/normalLinear"
    layout="@layout/layout_item_vertical_normal_first_demo"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="12dp"
    app:layout_constraintHorizontal_chainStyle="spread_inside"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toLeftOf="@id/mid"
    app:layout_constraintTop_toBottomOf="@id/headerDivider"/>

<View
    android:id="@+id/mid"
    android:layout_width="12dp"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="@+id/normalLinear2"
    app:layout_constraintLeft_toRightOf="@id/normalLinear"
    app:layout_constraintRight_toLeftOf="@+id/normalLinear2"
    app:layout_constraintTop_toBottomOf="@id/headerDivider"/>

<!-- 右边正常布局 -->
<include
    android:id="@+id/normalLinear2"
    layout="@layout/layout_item_vertical_normal_second_demo"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginRight="12dp"
    app:layout_constraintLeft_toRightOf="@id/mid"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@id/headerDivider"/>

</android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content">

<ImageView
    android:id="@+id/goodsImg"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:scaleType="fitXY"
    app:layout_constraintDimensionRatio="1:1"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>

<TextView
    android:id="@+id/specialCount"
    android:layout_width="50dp"
    android:layout_height="22dp"
    android:ellipsize="end"
    android:gravity="center"
    android:minWidth="50dp"
    android:singleLine="true"
    android:textColor="@color/white"
    android:visibility="gone"
    app:layout_constraintRight_toRightOf="@id/goodsImg"
    app:layout_constraintTop_toTopOf="@id/goodsImg"/>

<View
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="102dp"
    app:layout_constraintTop_toBottomOf="@id/goodsImg"/>

<ImageView
    android:id="@+id/delivery_free"
    android:layout_width="22dp"
    android:layout_height="12dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="12.5dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:id="@+id/goodsTitle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    android:ellipsize="end"
    android:gravity="left"
    android:includeFontPadding="false"
    android:maxLines="2"
    android:text=""
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:id="@+id/couponValue"
    android:layout_width="53dp"
    android:layout_height="19dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="50dp"
    android:gravity="center"
    android:text=""
    android:textColor="@color/white"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:id="@+id/salesNum"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_marginRight="10dp"
    android:layout_marginTop="52dp"
    android:includeFontPadding="false"
    android:text=""
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:id="@+id/couponTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="78dp"
    android:gravity="center_vertical"
    android:includeFontPadding="false"
    app:layout_constraintLeft_toLeftOf="@id/content"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="77.5dp"
    android:text="￥"
    app:layout_constraintLeft_toRightOf="@id/couponTitle"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:id="@+id/couponPrice"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="72.5dp"
    android:includeFontPadding="false"
    android:text=""
    android:textStyle="bold"
    app:layout_constraintLeft_toRightOf="@id/couponTitle"
    app:layout_constraintTop_toTopOf="@id/content"/>

<TextView
    android:id="@+id/price"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:layout_marginRight="10dp"
    android:includeFontPadding="false"
    android:text="1"
    app:layout_constraintBottom_toBottomOf="@id/content"
    app:layout_constraintRight_toRightOf="@id/content"/>

<TextView
    android:id="@+id/money"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="￥"
    app:layout_constraintBottom_toBottomOf="@id/price"
    app:layout_constraintRight_toLeftOf="@id/price"/>

<View
    android:layout_width="0dp"
    android:layout_height="1dp"
    android:layout_gravity="center"
    app:layout_constraintBottom_toBottomOf="@id/price"
    app:layout_constraintLeft_toLeftOf="@id/money"
    app:layout_constraintRight_toRightOf="@id/price"
    app:layout_constraintTop_toTopOf="@id/price"/>

</android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content">

<ImageView
    android:id="@+id/goodsImg2"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:scaleType="fitXY"
    app:layout_constraintDimensionRatio="1:1"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"/>

<TextView
    android:id="@+id/specialCount2"
    android:layout_width="50dp"
    android:layout_height="22dp"
    android:ellipsize="end"
    android:gravity="center"
    android:minWidth="50dp"
    android:singleLine="true"
    android:textColor="@color/white"
    android:visibility="gone"
    app:layout_constraintRight_toRightOf="@id/goodsImg2"
    app:layout_constraintTop_toTopOf="@id/goodsImg2"/>

<View
    android:id="@+id/content2"
    android:layout_width="match_parent"
    android:layout_height="102dp"
    app:layout_constraintTop_toBottomOf="@id/goodsImg2"/>

<ImageView
    android:id="@+id/delivery_free2"
    android:layout_width="22dp"
    android:layout_height="12dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="12.5dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:id="@+id/goodsTitle2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="10dp"
    android:ellipsize="end"
    android:gravity="left"
    android:includeFontPadding="false"
    android:maxLines="2"
    android:text=""
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:id="@+id/couponValue2"
    android:layout_width="53dp"
    android:layout_height="19dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="50dp"
    android:gravity="center"
    android:text="20元券"
    android:textColor="@color/white"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:id="@+id/salesNum2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_marginRight="10dp"
    android:layout_marginTop="52dp"
    android:includeFontPadding="false"
    android:text=""
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:id="@+id/couponTitle2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="78dp"
    android:gravity="center_vertical"
    android:includeFontPadding="false"
    app:layout_constraintLeft_toLeftOf="@id/content2"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="77.5dp"
    android:text="￥"
    app:layout_constraintLeft_toRightOf="@id/couponTitle2"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:id="@+id/couponPrice2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="72.5dp"
    android:includeFontPadding="false"
    android:text=""
    android:textStyle="bold"
    app:layout_constraintLeft_toRightOf="@id/couponTitle2"
    app:layout_constraintTop_toTopOf="@id/content2"/>

<TextView
    android:id="@+id/price2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:layout_marginRight="10dp"
    android:includeFontPadding="false"
    android:text="1"
    app:layout_constraintBottom_toBottomOf="@id/content2"
    app:layout_constraintRight_toRightOf="@id/content2"/>

<TextView
    android:id="@+id/money2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="￥"
    app:layout_constraintBottom_toBottomOf="@id/price2"
    app:layout_constraintRight_toLeftOf="@id/price2"/>

<View
    android:layout_width="0dp"
    android:layout_height="1dp"
    android:layout_gravity="center"
    app:layout_constraintBottom_toBottomOf="@id/price2"
    app:layout_constraintLeft_toLeftOf="@id/money2"
    app:layout_constraintRight_toRightOf="@id/price2"
    app:layout_constraintTop_toTopOf="@id/price2"/>

</android.support.constraint.ConstraintLayout>

[jdsjlzx]

你好，从你描述的情况来看，无法看出问题，如果你有了好的解决方法，烦请告知，一起优化框架！

[wwluo14]

额，写个demo试一下就可以感受到卡顿呢，目前我就知道在华为手机比较严重，如果有时间可以测试一下呢。不知道是不是recyclerView自己的问题。

[wwluo14]

用我的布局文件就可以的呢

[bacy]

很简单，你先换成原生recyclerview试试，如果也卡顿，那说明要优化下布局