Android GridView。 滚动时避免弹跳/颠簸

Question

我在我的项目中使用StaggeredGridView（ https://github.com/etsy/AndroidStaggeredGrid ）提供了一个GridView。 每个项目都由一个ImageView和一个TextView组成，不同ImageView的高度从一个变为另一个。

问题是当滚动回到顶部时，由于视图回收，当图像重新加载时，由于具有不同的高度，因此StaggeredGridView会“弹起”并且非常烦人。

我正在尝试删除跳动，就像Pinterest或Etsy的应用程序一样（那些根本不跳动，并且似乎将长宽比保留在内存中）。 我但是没有设法弄清楚。

这是一些代码：

GridItemAdaptem

@Override
    public View getView(final int position, View convertView, final ViewGroup parent) {
        final Holder holder;

        if( convertView!=null ){
            holder = (Holder) convertView.getTag();
        } else {
            LayoutInflater inflater = ((Activity) context).getLayoutInflater();
            convertView = inflater.inflate( R.layout._grid_guide_item, parent, false );
            holder = new Holder( convertView );
            convertView.setTag(holder);
        }

        final Guide guide = this.guides.get(position);
        holder.pic.post(new Runnable() {
            @Override
            public void run() {
                try {
                    int height = Integer.parseInt( guide.getCover().getHeight() ) * holder.pic.getWidth() / Integer.parseInt(guide.getCover().getWidth());
                    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( holder.pic.getWidth(), height );
                    holder.pic.setScaleType(ImageView.ScaleType.FIT_XY);
                    holder.pic.setLayoutParams(params);
                    ImageAware imageAware = new ImageViewAware( holder.pic, true);
                    imageLoader.displayImage(
                        FavoAPI.getImageURL( guide.getCoverId() ),
                        imageAware
                    );
                } catch (NotCoverException ignored) {}
            }
        } );
        holder.name.setText( guide.getName() );
        holder.user.setText( Finals.AUTHOR + guide.getOwner().getFull_name() );

        return convertView;
    }

    static class Holder {
        @InjectView( R.id._grid_item_user )
        TextView user;
        @InjectView( R.id._grid_item_name )
        TextView name;
        @InjectView( R.id._grid_item_pic)
        RoundedCornerImageView pic;

        public Holder( View view ){
            ButterKnife.inject(this, view);
        }
    }

grid_item.xml

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/GuidePreviewGuideCardItem"
>
    <nl.favoThings.favoroute.Views.Widgets.RoundedCornerImageView
        android:id="@+id/_grid_item_pic"
        style="@style/gridItem_image"
    />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="@dimen/formDefault_tinnyMargin"
    >
        <TextView
            android:id="@+id/_grid_item_name"
            style="@style/gridItem_bigText"
            />

        <TextView
            android:id="@+id/_grid_item_user"
            style="@style/gridItem_smallText"
            android:layout_width="wrap_content"
            />
    </LinearLayout>
</LinearLayout>

ImageView的样式

<style name="gridItem_image">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_margin">@dimen/gridItem_image_margin</item>
        <item name="android:padding">@dimen/gridItem_image_margin</item>
        <item name="android:background">@color/white</item>
        <item name="android:scaleType">fitStart</item>
        <item name="android:adjustViewBounds">true</item>
        <item name="android:src">@drawable/default_route</item>
    </style>

Answer 1

抛弃Runnable 。 只需让代码直接在getView()调用中执行即可。

按照您的代码立场，您正在UI线程上执行该Runnable 。 意味着在getView()方法中使用它并不会带来任何好处...该方法也将在UI线程上执行。 您会看到调整大小，因为从getView()返回的View在执行Runnable之前已呈现到屏幕上。 完成后，它将更新View ，您将看到视觉变化。 通过摆脱Runnable ，您的View将会以正确的大小呈现在屏幕上。