在Android中使用RecyclerView和StaggeredGridLayoutManager時單元格不交錯

Question

我正在開發一個Android應用程序。我不擅長Android開發。在我的應用程序中，我使用RecyclerView和CardView與StaggeredGridLayoutManager。因爲我希望列表中的每個單元格大小彼此不同，並像下圖中那樣交錯。

但是當我運行我的應用程序，細胞不交錯，它們在尺寸上彼此相等。

這是截圖

這是我回收視圖XML

<android.support.v7.widget.RecyclerView 
     android:id="@+id/df_rv_destination" 
     android:scrollbars="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"/> 

這是XML細胞項目

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

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

     <TextView 
      android:textSize="17dp" 
      android:textColor="@color/white" 
      android:layout_marginLeft="10dp" 
      android:layout_marginRight="10dp" 
      android:layout_marginBottom="10dp" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentBottom="true" 
      android:id="@+id/di_tv_name" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 
    </RelativeLayout> 
</android.support.v7.widget.CardView> 

這是我如何配置我的RecyclerView與StaggerGridLayoutManager

 StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(2, 1); 
     rcDestinations.setLayoutManager(staggeredGridLayoutManager); 
     rcDestinations.setItemAnimator(new DefaultItemAnimator()); 
     regionsList = new ArrayList<Region>(); 
     destinationsAdapter = new DestinationsAdapter(getActivity(),regionsList); 
     rcDestinations.setAdapter(destinationsAdapter); 

那麼爲什麼我的RecyclerView沒有交錯？我該如何解決它？

Answer 1

你的電池項目都得到了相同的大小，因爲沒有什麼會改變大小...我想你想獲得更大的項目，如果你有更大的圖片

首先這個變化：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

這樣：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

然後代替：

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

嘗試：

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

和縮放圖像的高度，以你希望的大小將他們面前;） 與cropCenter您始終獲得圖像裁剪相同大小

Answer 2

設定imageview with android:adjustViewBounds="true"

Answer 3

你需要強制調整高度以達到你想要的效果。

我使用的數據綁定，從而，一組高度是這樣的：

public int getHeight(int position) { 
    Random r = new Random(); 
    int randomHeight = r.nextInt(Math.abs(mRecyclerViewHeight)/9) + Math.abs(mRecyclerViewHeight)/4; 
    if(position%2 == 0){ 
     randomHeight += Math.abs(mRecyclerViewHeight)/9; 
    } 
    return randomHeight; 
} 

@Override 
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { 


     ((DiscoveryViewHolder) holder).bindRepository(mPostList.get(position), getHeight(position)); 

持有者）.bindRepository（mPostList.get（位置））; }