2017-02-16 58 views
11

所以我需要一個水平的RecyclerView。但是,它們中的項目具有基於從後端返回的內容的動態高度。具有動態高度的物品的水平RecyclerView

的RecyclerView及其項目有「WRAP_CONTENT」的高度

的問題是,如果在RecyclerView第一個可見的物品都很小,那麼當用戶滾動到更大的項目,他們似乎切斷。

理想情況下,我們希望RecyclerView足夠大以容納組中最大的項目(但只有最大的現有項目...不是假設最大的項目)。 RecyclerView動態改變其高度也是可以接受的。

我寫了一個示例應用程序來說明問題。在這個應用程序中,我們有一個水平列表。前33個項目應顯示1行文本,而下一個應顯示3行文本,最後34個應顯示2行。但是,它們都顯示1行,因爲RecyclerView的高度不會改變。

我已經嘗試從onBindViewHolder()在RecyclerView(和TextView)上調用requestLayout(),但它似乎沒有做任何事情。

MainActivity

public class MainActivity extends AppCompatActivity { 

    private RecyclerView mRecyclerView; 
    private RecyclerView.Adapter mAdapter; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     mAdapter = createAdapter(); 

     mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view); 
     mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false)); 
     mRecyclerView.setAdapter(mAdapter); 
    } 

    private RecyclerView.Adapter<ViewHolder> createAdapter() { 
     RecyclerView.Adapter adapter = new RecyclerView.Adapter<ViewHolder>() { 
      @Override 
      public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 
       View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false); 
       return new ViewHolder(v); 
      } 

      @Override 
      public void onBindViewHolder(ViewHolder holder, int position) { 
       if (position < 33) { 
        holder.mText.setText("1 line"); 
       } else if (position > 66) { 
        holder.mText.setText("2 lines\n2 lines"); 
       } else { 
        holder.mText.setText("3 lines\n3 lines\n3 lines"); 
       } 
      } 

      @Override 
      public int getItemCount() { 
       return 100; 
      } 
     }; 
     return adapter; 
    } 

    private static class ViewHolder extends RecyclerView.ViewHolder { 
     TextView mText; 
     public ViewHolder(View itemView) { 
      super(itemView); 
      mText = (TextView) itemView.findViewById(R.id.text); 
     } 
    } 
} 

activity_main.xml中:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin"> 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/recycler_view" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
</RelativeLayout> 

item.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#888888"> 
    <TextView 
     android:id="@+id/text" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Hi" 
     android:textSize="30sp" /> 

</LinearLayout> 
+0

你在gradle上有什麼樣的recyclerView版本? – Diekrul

+0

使用最新的25.1.1 – Gak2

+1

@ Gak2我想知道你是否找到了解決方案,因爲我現在面臨同樣的問題 –

回答

-2

只是CAL itemAdapter.notifyDataSetChanged();

+0

您可以通過突出顯示並按下Ctrl + K來格式化您的代碼 – WhatsThePoint