RecylerView多布局

Question

我想要使用一个RecyclerView网格项目，以便在位置一显示2个项目并排，在位置2它应该显示1项目。
这是我的适配器类代码;它在2列显示网格项目，但我需要在下面的图像。

MainFragment.class

public class MoviesFragment extends Fragment { 

private MoviesAdapter mAdapter; 
private RecyclerView mRecyclerView; 

RecyclerView.LayoutManager mLayoutManager; 

public MoviesFragment() { 
    // Required empty public constructor 
} 


@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, 
         Bundle savedInstanceState) { 
    // Inflate the layout for this fragment 
    View rootview= inflater.inflate(R.layout.fragment_movies, container, false); 

    mRecyclerView = (RecyclerView)rootview.findViewById(R.id.list); 
    mRecyclerView.setHasFixedSize(true); 

    // The number of Columns 
    mLayoutManager = new GridLayoutManager(getActivity(), 2); 
    mRecyclerView.setLayoutManager(mLayoutManager); 


    mAdapter = new MoviesAdapter(Arrays.asList(
      new CardViewData("hdh", "Direction pp", R.drawable.arya_movie), 
      new CardViewData("jdjd", "Description of Item 1", R.drawable.julaie), 
      new CardViewData("hdhd", "Description of Item 2", R.drawable.badrinadg), 
      new CardViewData("hdhd", "Description of Item 3", R.drawable.happy), 
      new CardViewData("hdhd", "Description of Item 4", R.drawable.julai), 
      new CardViewData("hdhd", "Direddctor : sahs", R.drawable.vedam_movie))); 

    mRecyclerView.setAdapter(mAdapter); 
    return rootview; 

} 

}

这里是我的适配器类：
MovieAdapter.class

public class MoviesAdapter extends RecyclerView.Adapter<MoviesAdapter.ViewHolder> { 



private List<CardViewData> mDataset; 

public MoviesAdapter(List<CardViewData> dataset) { 
    mDataset = dataset; 
} 

@Override 
public ViewHolder onCreateViewHolder(final ViewGroup viewGroup, int i) { 
    View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.moview_card_layout, viewGroup, false); 
    return new ViewHolder(v); 
} 

@Override 
public void onBindViewHolder(final ViewHolder viewHolder, int i) { 
    final CardViewData cardViewData = mDataset.get(i); 

    viewHolder.mTitle.setText(cardViewData.getTitle()); 
    viewHolder.mDescription.setText(cardViewData.getDescription()); 
    viewHolder.mImage.setImageResource(cardViewData.getImage()); 

    viewHolder.itemView.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      Toast.makeText(v.getContext(), "Title: " + cardViewData.getTitle(), Toast.LENGTH_SHORT).show(); 
     } 
    }); 
} 

@Override 
public int getItemCount() { 
    return mDataset == null ? 0 : mDataset.size(); 

} 

public static class ViewHolder extends RecyclerView.ViewHolder { 

    public TextView mTitle; 
    public TextView mDescription; 
    public ImageView mImage; 

    public ViewHolder(View itemView) { 
     super(itemView); 

     mTitle = (TextView) itemView.findViewById(R.id.row_title); 
     mDescription = (TextView) itemView.findViewById(R.id.row_description); 
     mImage = (ImageView) itemView.findViewById(R.id.row_image); 
    } 
} 

}

Answer 1

@Override 
public int getViewType(int position) { 
    if (position == 0) { 
     return TYPE_1; 
    }else if(position == 1){ 
     return TYPE_2; 
    } 
} 

@Override 
public RecyclerView.ViewHolder getView(ViewGroup parent, int viewType) { 
    if (viewType == TYPE_1) { 
     View view = inflater.inflate(R.layout.type_one_layout, parent, false); 
     return new Type1Holder(view); 
    } else { 
     View view = inflater.inflate(R.layout.type_two_layout, parent, false); 
     return new Type2Holder(view); 
    } 
} 

@Override 
public void onBindView(RecyclerView.ViewHolder viewHolder, int i) { 
    if (viewHolder instanceof Type1Holder) { 
     /// Insert the data into the UI of Type1 
    }else if(viewHolder instanceof Type1Holder){ 
     /// Insert the data into the UI of Type2 
    } 

Answer 2

static final int TYPE_HEADER = 0; 
static final int TYPE_CELL = 1; 

@Override 
public int getViewType(int position) { 
if (position == 0) { 
    return TYPE_HEADER; 
}else if(position == 1){ 
    return TYPE_CELL; 
} 

@Override 
public RecyclerView.ViewHolder getView(ViewGroup parent, int viewType) { 
if (viewType == TYPE_HEADER) { 
    View view = inflater.inflate(R.layout.header_layout, parent, false); 
    return new Type1Holder(view); 
} else { 
    View view = inflater.inflate(R.layout.cell_layout, parent, false); 
    return new Type2Holder(view); 
} 
@Override 
public void onBindView(RecyclerView.ViewHolder viewHolder, int i) { 
if (viewHolder instanceof Type1Holder) { 
    /// Insert the data into the UI of Type1 
}else if(viewHolder instanceof Type1Holder){ 
    /// Insert the data into the UI of Type2 
} 

Answer 3

你需要重写此方法并返回视图类型取决于项目位置，你的情况，应该是这样的：

@Override 
public int getItemViewType(int position) { 
    switch (position) { 
     case 0: 
      return layout_1_with_int_value; 
     case 1: 
      return layout_2_with_int_value; 
     default: 
      return default_layout_with_int_value; 
    } 
} 

而你需要为每种类型的创建不同的ViewHolder子布局，然后在方法@Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {} 你ininflater不同的布局取决于viewType。但在完成之前还有一步，在方法public void onBindViewHolder(final RecyclerView.ViewHolder viewHolder, int position) {}中，您调用int viewType = getItemViewType(position);来获取当前位置的视图类型并创建正确的ViewHolder。

完成！

希望这将有助于:)