文章目錄

• 一、交錯網格局管理器 StaggeredGridLayoutManager ( 瀑布流 )
• 二、交錯網格局管理器默認設置
• 三、交錯網格局管理器水平方向設置
• 四、完整代碼示例
• 五、RecyclerView 相關資料

本篇博客主要討論設置不同的布局管理器 , 以及不同布局管理器的參數設置 , 基礎用法參考 【RecyclerView】 一、RecyclerView 最基本用法 ( 添加支持庫 | 設置布局文件 | 自定義適配器 ) , 以及 RecyclerView 專欄 ;

一、交錯網格局管理器 StaggeredGridLayoutManager ( 瀑布流 )

---

使用代碼創建 交錯網格局管理器 StaggeredGridLayoutManager, 推薦使用

StaggeredGridLayoutManager(int spanCount, int orientation)

構造函數 , 可以使用一行代碼設置基本的 StaggeredGridLayoutManager參數 ;

參數說明 :

① int spanCount : 網格布局行或列的個數. 如果當前方向是垂直方向, 該參數設置的是行數. 如果當前方向是水平方向, 該參數設置的是列數.

② int orientation : 布局方向. 設置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.

當方向是 RecyclerView.VERTICAL 垂直方向時 , 網格元素排列順序是逐行排列 , 先將第一行排滿 , 然后將第二行排滿 , int spanCount 參數設置的是每行的元素個數 ; ( 現代人寫字順序 )

當方向是 RecyclerView.HORIZONTAL 水平方向時 , 網格元素排列順序是逐列排列 , 先將第一列排滿 , 然后將第二列排滿 , int spanCount 參數設置的是每列的元素個數 ; ( 古代人寫字順序 )

構造函數原型 :

/*** 創建瀑布流網格布局管理器** @param spanCount 如果當前方向是垂直方向, 該參數設置的是行數. 如果當前方向是水平方向, 該參數設置的是列數.* @param orientation 布局方向. 設置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.*/public StaggeredGridLayoutManager(int spanCount, int orientation) {mOrientation = orientation;setSpanCount(spanCount);mLayoutState = new LayoutState();createOrientationHelpers();}

二、交錯網格局管理器默認設置

---

StaggeredGridLayoutManager 默認設置是垂直方向 , 代碼如下 :

//1 . 從布局中獲取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 創建并設置布局管理器//創建布局管理器StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.VERTICAL);//設置布局管理器recycler_view.setLayoutManager(layoutManager);//3 . 創建并設置列表適配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);

運行效果 :

三、交錯網格局管理器水平方向設置

---

交錯網格局管理器水平方向設置 :

//1 . 從布局中獲取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 創建并設置布局管理器//創建布局管理器/*StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.VERTICAL);*/StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.HORIZONTAL);//設置布局管理器recycler_view.setLayoutManager(layoutManager);//3 . 創建并設置列表適配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);

運行效果 :

四、完整代碼示例

---

package kim.hsl.recyclerview;import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView;import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.GridLayoutManager; 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 . 創建并設置布局管理器//創建布局管理器/*StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.VERTICAL);*/StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,RecyclerView.HORIZONTAL);//設置布局管理器recycler_view.setLayoutManager(layoutManager);//3 . 創建并設置列表適配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);}/*** RecyclerView 適配器*/public class Adapter extends RecyclerView.Adapter<Adapter.ViewHolder> {@NonNull@Overridepublic ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {View root_view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_recyclerview, parent, false);return new ViewHolder(root_view);}@Overridepublic void onBindViewHolder(@NonNull ViewHolder holder, int position) {holder.text.setText("" + position);}@Overridepublic int getItemCount() {return 10;}public class ViewHolder extends RecyclerView.ViewHolder {TextView text;public ViewHolder(@NonNull View itemView) {super(itemView);text = itemView.findViewById(R.id.text);}}}}

五、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/14945985

( 使用 Android Studio 打開 )

總結

以上是生活随笔為你收集整理的【RecyclerView】 五、RecyclerView 布局 ( 瀑布流 | 交错网格局管理器 StaggeredGridLayoutManager )的全部內容，希望文章能夠幫你解決所遇到的問題。

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