如何让滑翔显示器像毕加索一样？

Question

我一直在使用毕加索的库将图像加载到我的应用程序中的gridview中，它的工作和外观完全符合我的要求。但是用户告诉我图像的加载速度非常慢。我知道这是因为糟糕的网络速度和毕加索正在加载我的完整图像，这是非常大的，然后调整它们的大小，以适应我的图像视图。所以我尝试使用glide，它以几乎两倍的速度装载图像，但在一些图像上，它不像毕加索那样保持结构。例如，毕加索加载图像看起来像

当滑翔加载时，它们有不同的状态，下面是它最初加载的状态

滚动之后，它看起来像

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitXY"
    android:id="@+id/imageView"/>

                 Picasso.with(getActivity())
                .load(mThumbIds[position])
                .placeholder(R.drawable.placeholder)
                .fit()
                .into(imageView);

        return imageView;

                 Glide.with(getActivity())
                .load(mThumbIds[position])
                .asBitmap()
                .placeholder(R.drawable.placeholder)
                .diskCacheStrategy(DiskCacheStrategy.ALL)
                .fitCenter()
                .error(R.drawable.ic_photos)
                .into(imageView);

         return imageView;

如果重要的话，这是我的网格视图

    <GridView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_margin="5dp"
    android:id="@+id/gridview"
    android:numColumns="2"
    android:gravity="center"
    android:drawSelectorOnTop="true"
    android:listSelector="@drawable/ripple"
    android:stretchMode="columnWidth"
    >

Answer 1

默认情况下，Glide会尝试保持图像的纵横比。当您使用FitCenter()时，这意味着您希望整个图像可见并居中在可用区域内。切换到centercrop()是确保图像填充可用高度和宽度的第一步。

但是，GridView也遇到了一个长期存在的问题：它假定所有列的高度相同。但是，您使用wrap_content作为ImageView的高度，导致每个元素根据传入的高度调整不同的大小（记住，为了Glide的透视图，您说过您的ImageView可以根据需要设置多少高就设置多少高！）。

如果您有一个主要的纵横比（比如16:9)，您可以使用一个固定的纵横比视图，比如这个AspectRatioImageView，它将根据列的宽度（由GridView设置）始终使用相同的高度。另一个更复杂的选项是切换到RecyclerView并使用StaggeredGridLayoutManager，这将允许您保持每个图像的纵横比并错开行，确保每个图像填充空间并保持其纵横比。