1

Recently I'm playing around with some popular android libs, and I need a help with StaggeredGridLayout & Fresco.

Let me show you what I'm getting wrong

As you can see, these images height is streched

I've tried changing layout_height params in XML/via java, but I'm not getting good results.

Everything is up on my Github repo

Some snippets

public class GiphyView
    extends RecyclerView
    implements GiphyPresenter.ViewBind {

@Inject
public GiphyPresenter mGiphyPresenter;

private GiphyAdapter mAdapter;

public GiphyView(Context context) {
    super(context);
    initView(context);
}

public GiphyView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    initView(context);
}

public GiphyView(Context context, @Nullable AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    initView(context);
}

private void initView(Context context) {
    CustomApplication.get(context).getGiphyComponent().inject(this);

    mAdapter = new GiphyAdapter();
    setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
    setAdapter(mAdapter);
}

@Override
protected void onAttachedToWindow() {
    super.onAttachedToWindow();
    mGiphyPresenter.attachVu(this);
}

@Override
protected void onDetachedFromWindow() {
    ImagePipeline imagePipeline = Fresco.getImagePipeline();
    imagePipeline.clearCaches();

    mGiphyPresenter.detachVu();

    super.onDetachedFromWindow();
}

@Override
public void notifyRangeInserted(int start, int count) {
    mAdapter.notifyItemRangeInserted(start, count);
}

private class GiphyAdapter extends RecyclerView.Adapter<GiphyViewHolder> {
    @Override
    public GiphyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new GiphyViewHolder(
                LayoutInflater.from(parent.getContext())
                        .inflate(R.layout.giphy_cell, parent, false));
    }

    @Override
    public void onBindViewHolder(GiphyViewHolder holder, int position) {
        holder.setGif(mGiphyPresenter.getItemImage(position));
    }

    @Override
    public int getItemCount() {
        return mGiphyPresenter.getSize();
    }
}

class GiphyViewHolder extends ViewHolder {
    @BindView(R.id.gif)
    SimpleDraweeView mGif;

    GiphyViewHolder(View itemView) {
        super(itemView);
        ButterKnife.bind(this, itemView);
    }

    void setGif(String url) {
        /*ImageRequest request = ImageRequestBuilder.newBuilderWithSource(Uri.parse(url))
                .setRotationOptions(RotationOptions.autoRotate())
                .setLowestPermittedRequestLevel(ENCODED_MEMORY_CACHE)
                .build();*/

        DraweeController controller = Fresco.newDraweeControllerBuilder()
                .setUri(url)
                .setAutoPlayAnimations(true)
                //.setImageRequest(request)
                .build();
        mGif.setController(controller);
    }
}

}

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    card_view:cardCornerRadius="6dp"
    card_view:cardUseCompatPadding="true">

    <!-- 4:3 aspect ratio
           fresco:viewAspectRatio="1.33" -->
    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/gif"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        fresco:failureImage="@drawable/ic_error_black_24dp"
        fresco:placeholderImage="@drawable/ic_android_black_24dp"/>
</android.support.v7.widget.CardView>

PSA: I've already tried to play around with wrap_content, but got no luck (yes, I know Fresco doesn't support it).

4

1 回答 1

0

我想您需要将父卡视图的尺寸设置为，wrap_content而您不需要 parent LinearLayout。只需使用类似的东西：

<android.support.v7.widget.CardView
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:card_view="http://schemas.android.com/apk/res-auto"
  android:id="@+id/card_view"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  card_view:cardCornerRadius="6dp"
  card_view:cardUseCompatPadding="true">

  <com.facebook.fresco.SimpleDraweeView ... />
</android.support.v7.widget.CardView>

我在此处添加了一个示例应用程序，该应用程序显示了如何CardView在具有网格布局的回收站视图中使用：https ://github.com/facebook/fresco/blob/master/samples/showcase/src/main/java/com/facebook /fresco/samples/showcase/drawee/DraweeRecyclerViewFragment.java

于 2017-02-21T17:37:03.277 回答