如何从StaggeredGridLayoutManager中找到单元格宽度？

Question

我在StaggeredGrid中有RecyclerView，我正在尝试动态设置onBindViewHolder中的图像高度。我认为StaggeredGrid应该自动处理所有这些，因此我在android:layout_width="match_parent上设置android:scaleType="fitStart和ImageView，但图片周围有很多空白。

由于StaggeredGrid并不辜负它，我试图通过onBindViewHolder动态定义图像高度来帮助它。我提前有图像的宽度和高度，但网格的单元格宽度不可用。我尝试了holder.cardView.getLayoutParams().width和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;
}

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

Answer 1

试试这个： - 在你的ImageView中添加它 - ＆gt;机器人：adjustViewBounds =＆＃34;真＆＃34;

<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>

Answer 2

而不是从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);
        }
    });
}

我希望这会对你有帮助!!

Answer 3

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

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

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

还要注意，如果存在任何边距/填充，则应将它们包含在先前的计算中。类似的东西：

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

<强>更新 从支持包23.2.0开始，在生命周期的这一点， this.staggeredGridLayoutManager.getWidth（）返回0.使用 this.recyclerView.getWidth可以实现总宽度（）