文章目錄

• 一、為 RecyclerView 設置不同的布局樣式
• 二、完整代碼
• 三、RecyclerView 相關資料

一、為 RecyclerView 設置不同的布局樣式

---

為 RecyclerView 設置不同的布局樣式流程 :

① 自定義 RecyclerView.Adapter 泛型類型 : 適配器的泛型類型需要設置為 RecyclerView.ViewHolder , 這是所有 ViewHolder 的基類 ;

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

② 實現 getItemViewType( ) 方法 : 這里為不同位置的組件設置不同的布局類型 ;

@Overridepublic int getItemViewType(int position) {// 返回 View 布局類型, 奇數序號組件類型為 VIEW_TYPE_2, 偶數序號組件類型為 VIEW_TYPE_1return position % 2;}

③ 根據布局類型加載不同的布局文件 : 在 onCreateViewHolder( ) 方法中 , 根據當前的 int viewType 參數 , 加載不同的布局文件 ;

@Overridepublic RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {// 根據不同的組件類型加載不同類型的布局文件switch (viewType){case VIEW_TYPE_1:return new ViewHolder(LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false));case VIEW_TYPE_2:return new ViewHolder2(LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview2, parent, false));}return null;}

④ 根據不同的布局類型綁定數據 : 在 onBindViewHolder( ) 方法中為布局組件綁定數據時 , 可以調用 getItemViewType 方法 , 獲取當前的布局類型 , 然后根據該布局類型 , 將 ViewHolder 參數強轉為不同的子類對象 , 然后為其綁定數據 ;

@Overridepublic void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {// 根據 position 獲取布局類型 , 然后綁定數據switch (getItemViewType(position)){case VIEW_TYPE_1:((ViewHolder)holder).text.setText("" + position);break;case VIEW_TYPE_2:((ViewHolder2)holder).text.setText("" + position);((ViewHolder2)holder).image.setImageResource(R.mipmap.ic_launcher);break;}}

二、完整代碼

---

完整代碼 :

package kim.hsl.recyclerview;import android.graphics.Color; import android.os.Bundle; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView;import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.GridLayoutManager; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.widget.RecyclerView; import androidx.recyclerview.widget.StaggeredGridLayoutManager;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//1 . 從布局中獲取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 創建并設置布局管理器//創建布局管理器LinearLayoutManager layoutManager = new LinearLayoutManager(this, RecyclerView.VERTICAL, false);//設置布局管理器recycler_view.setLayoutManager(layoutManager);// 添加分隔符recycler_view.addItemDecoration(new ItemDecoration());//3 . 創建并設置列表適配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);}/*** RecyclerView 適配器* RecyclerView.Adapter 中的 ViewHolder 泛型設置為 RecyclerView.ViewHolder* 同理 onBindViewHolder 中的泛型也要是該類型的*/public class Adapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {public static final int VIEW_TYPE_1 = 0;public static final int VIEW_TYPE_2 = 1;@Overridepublic RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {// 根據不同的組件類型加載不同類型的布局文件switch (viewType){case VIEW_TYPE_1:return new ViewHolder(LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false));case VIEW_TYPE_2:return new ViewHolder2(LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview2, parent, false));}return null;}@Overridepublic void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {// 根據 position 獲取布局類型 , 然后綁定數據switch (getItemViewType(position)){case VIEW_TYPE_1:((ViewHolder)holder).text.setText("" + position);break;case VIEW_TYPE_2:((ViewHolder2)holder).text.setText("" + position);((ViewHolder2)holder).image.setImageResource(R.mipmap.ic_launcher);break;}}@Overridepublic int getItemCount() {return 10;}@Overridepublic int getItemViewType(int position) {// 返回 View 布局類型, 奇數序號組件類型為 VIEW_TYPE_2, 偶數序號組件類型為 VIEW_TYPE_1return position % 2;}public class ViewHolder extends RecyclerView.ViewHolder {TextView text;public ViewHolder(@NonNull View itemView) {super(itemView);text = itemView.findViewById(R.id.text);}}public class ViewHolder2 extends RecyclerView.ViewHolder {TextView text;ImageView image;public ViewHolder2(@NonNull View itemView) {super(itemView);text = itemView.findViewById(R.id.text);image = itemView.findViewById(R.id.image);}}}}

運行結果 :

三、RecyclerView 相關資料

---

官方文檔 :

使用 RecyclerView 創建動態列表 : https://developer.android.google.cn/guide/topics/ui/layout/recyclerview

高級 RecyclerView 自定義 : https://developer.android.google.cn/guide/topics/ui/layout/recyclerview-custom

代碼示例 :

GitHub 源碼地址 : https://github.com/han1202012/001_RecyclerView

博客源碼快照 : https://download.csdn.net/download/han1202012/14956298

( 使用 Android Studio 打開 )

總結

以上是生活随笔為你收集整理的【RecyclerView】 九、为 RecyclerView 设置不同的布局样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。