5

我有一个StaggeredGrid，RecyclerView我正在尝试动态设置onBindViewHolder. 我认为StaggeredGrid应该自动处理所有这些，所以我设置android:layout_width="match_parent和android:scaleType="fitStart，ImageView但图像周围有很多空白。

由于StaggeredGrid不符合要求，我试图通过在onBindViewHolder. 我提前知道了图像的宽度和高度，但网格的单元格宽度不可用。我试过holder.cardView.getLayoutParams().widthand getMeasuredWidth()，但它们都返回零或小数字。我知道还有其他地方可以使用单元格宽度，但我真的需要它onBindViewHolder以便我可以设置和调整图像。

关于如何通过利用来实现这一点的任何想法StaggeredGrid？任何建议或经验表示赞赏！

在我的活动中是这样的：

mLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(mLayoutManager);

在我的适配器中：

@Override
public void onBindViewHolder(MyAdapter.MyViewHolder holder, int position) {
    MyModel item = mData.get(position);

    int imageWidth = item.getFeatured_image().getWidth();
    int imageHeight = item.getFeatured_image().getHeight();
    int cellWidth = 540; // <==== how to find dynamically??!!

    ViewGroup.LayoutParams imageLayoutParams = holder.thumbnailImageView.getLayoutParams();
    imageLayoutParams.width = cellWidth;
    imageLayoutParams.height = imageHeight * cellWidth / imageWidth;
    holder.thumbnailImageView.setLayoutParams(imageLayoutParams);

    MediaHelper.displayImage(item, holder.thumbnailImageView);
}

在我的布局中：

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/row_my_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    card_view:cardCornerRadius="2dp">

    <ImageView
        android:id="@+id/row_my_thumbnail_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:scaleType="fitStart" />

    <TextView
        android:id="@+id/row_my_title_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#CCFFFFFF"
        android:textStyle="bold"
        android:padding="5dp" />
</android.support.v7.widget.CardView>

我还尝试添加它，它确实给了我单元格宽度，但是在onGlobalLayout事件中设置和调整图像后，事件会被触发，onBindViewHolder所以为时已晚。

@Override
public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    // create a new view
    final View view = LayoutInflater.from(parent.getContext())
        .inflate(R.layout.row_my_post, parent, false);

    final MyViewHolder viewHolder = new MyViewHolder(view);

    ViewTreeObserver viewTreeObserver = view.getViewTreeObserver();
    if (viewTreeObserver.isAlive()) {
        viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                view.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                int viewWidth = view.getWidth();
                int viewHeight = view.getHeight();
            }
        });
    }

    return viewHolder;
}

这是由于各种图像尺寸而随机出现的间隙。我想要的是所有图像都是单元格的宽度，并让图像和单元格的高度动态调整：

在此处输入图像描述

4

3 回答 3

13

试试这个：- 在你的 ImageView 中添加这个——> android:adjustViewBounds="true"

<android.support.v7.widget.CardView
 xmlns:card_view="http://schemas.android.com/apk/res-auto"
 android:id="@+id/row_my_card"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_margin="5dp"
 card_view:cardCornerRadius="2dp">

<ImageView
    android:id="@+id/row_my_thumbnail_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:adjustViewBounds="true"/>

<TextView
    android:id="@+id/row_my_title_text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="#CCFFFFFF"
    android:textStyle="bold"
    android:padding="5dp" />
 </android.support.v7.widget.CardView>
于 2015-07-01T13:46:36.373 回答
3

onCreateViewHolder而不是从下面获取视图高度和宽度onBindViewHolder：

@Override
public void onBindViewHolder(final MyAdapter.MyViewHolder holder, int position) 
{
    holder.itemView.post(new Runnable()
    {
        @Override
        public void run()
        {
            MyModel item = mData.get(position);
            int imageWidth = item.getFeatured_image().getWidth();
            int imageHeight = item.getFeatured_image().getHeight();
            int cellWidth = 540; // <==== how to find dynamically??!!

            cellWidth = holder.itemView.getWidth();// this will give you width dynamically

            ViewGroup.LayoutParams imageLayoutParams = holder.thumbnailImageView.getLayoutParams();
            imageLayoutParams.width = cellWidth;
            imageLayoutParams.height = imageHeight * cellWidth / imageWidth;
            holder.thumbnailImageView.setLayoutParams(imageLayoutParams);
            MediaHelper.displayImage(item, holder.thumbnailImageView);
        }
    });
}

我希望这能帮到您！！

于 2015-07-01T12:51:32.603 回答
0

单元格的宽度可以在活动/片段级别找到，并在渲染时间之前传递给适配器。使用这样的东西：

this.staggeredGridLayoutManager.getWidth() / this.staggeredGridLayoutManager.getSpanCount()

使用这种方法，您将能够在任何渲染之前计算单元格的高度，并避免后期运行方法引入的初始轻弹。此外，图像的纵横比将被保留，您可以在图像加载之前保留所需的空间。

另请注意，如果存在任何边距/填充，则应将它们包含在先前的计算中。就像是：

(this.staggeredGridLayoutManager.getWidth() - marginsAndOrPaddings) / this.staggeredGridLayoutManager.getSpanCount()

更新： 从支持包 23.2.0 开始，在生命周期的这一点上，this.staggeredGridLayoutManager.getWidth()返回 0。总宽度可以通过this.recyclerView.getWidth()来实现

于 2015-11-15T13:35:04.973 回答