Question

我实际上正在使用Xamarin.Android开发应用程序，我无法摆脱使用RecyclerView的性能问题。

这是问题所在：我有一个显示Cardviews的RecyclerView，只有4个。每个Cardview包含一个图像，我试图在ImageView中保持相当轻（65Ko）。这些图像以jpg格式从drawable res文件夹加载。

卷轴太迟了！ 我试图尽可能地优化Cardview的布局，并且在没有Imageview的情况下运行完美。

我怎么能用图像使这个顺利？

这是我的RecyclerView：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/background" />
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            local:MvxBind="Visibility InvertedVisibility(IsError)">
    <MvvmCross.Droid.Support.V7.RecyclerView.MvxRecyclerView
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="56dp"
        android:layout_marginBottom="8dp"
        android:clipToPadding="false"
        local:MvxBind="ItemsSource BenchmarkWods; ItemClick WodSelectedCommand"
        local:MvxItemTemplate="@layout/listitem_benchmarkwod"/>
     </LinearLayout>

</FrameLayout>

这是我的CardView模板：

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardElevation="4dp"
    android:translationZ="4dp"
    card_view:cardCornerRadius="2dp"
    card_view:cardPreventCornerOverlap="true"
    android:layout_marginTop="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginRight="8dp"
    card_view:cardBackgroundColor="#ffffff">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="140dp">
            <ImageView
                android:layout_width="300dp"
                android:layout_height="140dp"
                android:scaleType="centerCrop"
                android:src="@drawable/stock1_small" />
            <View
                android:layout_width="match_parent"
                android:layout_height="140dp"
                android:background="#80000000" />
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="140dp"
                android:padding="8dp">
                <TextView
                    android:id="@+id/wod_date"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="some text"
                    android:textColor="#ffffff"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentLeft="true" />
                <TextView
                    android:id="@+id/wod_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="some text"
                    android:textColor="#ffffff"
                    android:textSize="14sp"
                    android:textStyle="bold"
                    android:layout_alignParentTop="true"
                    android:layout_centerHorizontal="true"/>
                <TextView
                    android:id="@+id/wod_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="some text"
                    android:textColor="#ffffff"
                    android:textSize="24sp"
                    android:textStyle="bold"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentLeft="true"
                    local:MvxBind="Text Name"/>
            </RelativeLayout>
        </FrameLayout>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#4CD964"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
            android:paddingTop="4dp"
            android:paddingBottom="4dp">
        <TextView
                android:id="@+id/wod_type"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="some text"
                android:textAllCaps="true"
                android:textColor="#ffffff"
                android:textSize="16sp"
                android:textStyle="bold"
                android:layout_alignParentLeft="true"
                local:MvxBind="Text Type" />
            <ImageView
                android:id="@+id/wod_type_icon"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_alignParentRight="true"
                android:src="@drawable/ic_person_white_24dp" />
        </RelativeLayout>
        <TextView
            android:id="@+id/wod_goal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="8dp"
            android:paddingLeft="8dp"
            android:text="some text"
            android:textAllCaps="true"
            android:textColor="#000000"
            android:textSize="18sp"
            android:textStyle="bold"
            local:MvxBind="Text MetconType" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="8dp"
            android:textColor="#000000"
            android:textSize="16sp"
            android:singleLine="false"
            android:text="some text" />
    </LinearLayout>
</android.support.v7.widget.CardView>

正如您所看到的，我已经尝试将固定的宽度和高度放在尽可能的位置，以防止对设备进行过多处理。

此外，我还有一个奖金问题： CardView高程根本不起作用。即使在浏览整个网络以获得解决方案之后。如果你发现了什么，你就是我的超级英雄！

修改：（解决） 我的所有问题都是因为我的应用程序没有打开 GPU加速。

导致滚动延迟，高程问题和GPU过度删除功能。

Answer 1

问题可能是“透支背景”，请在“开发者选项”中启用"Show overdraw areas"并检查屏幕上的透支量。

Answer 2

我的所有问题都是因为 GPU加速没有为我的应用启用。

导致滚动延迟，高程问题和GPU过度删除功能。

Answer 3

如果您使用GLIDE库增加宽度和高度并检查您的图片大小

  Glide.with(context)
            .load(url)
            .thumbnail(0.1f)
            .centerCrop()
            .listener(new RequestListener<String, GlideDrawable>() {
                @Override
                public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
                    holder.progressBar.setVisibility(View.GONE);


                    return false;
                }

                @Override
                public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                     holder.progressBar.setVisibility(View.GONE);


                    return false;
                }
            })

            .override(630, 370)

            .into(holder.image_path);

ImageView导致RecyclerView

3 个答案: