【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )
文章目錄
- 一、網格局管理器 GridLayoutManager
- 二、網格局管理器默認設置
- 三、網格局管理器水平方向設置
- 四、完整代碼示例
- 五、RecyclerView 相關資料
本篇博客主要討論設置不同的布局管理器 , 以及不同布局管理器的參數設置 , 基礎用法參考 【RecyclerView】 一、RecyclerView 最基本用法 ( 添加支持庫 | 設置布局文件 | 自定義適配器 ) , 以及 RecyclerView 專欄 ;
一、網格局管理器 GridLayoutManager
使用代碼創建 線性布局管理器 GridLayoutManager , 推薦使用
GridLayoutManager (Context context, int spanCount, @RecyclerView.Orientation int orientation, boolean reverseLayout)
構造函數 , 可以使用一行代碼設置基本的 GridLayoutManager 參數 ;
參數說明 :
① Context context : 當前的上下文對象, 用于獲取資源.
② int spanCount : 網格布局行或列的個數.
② @RecyclerView.Orientation int orientation : 布局方向. 設置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.
③ boolean reverseLayout : 當設置成 true 時, 布局會翻轉, 從尾部開始頭部結束.
當方向是 RecyclerView.VERTICAL 垂直方向時 , 網格元素排列順序是逐行排列 , 先將第一行排滿 , 然后將第二行排滿 , int spanCount 參數設置的是每行的元素個數 ; ( 現代人寫字順序 )
當方向是 RecyclerView.HORIZONTAL 水平方向時 , 網格元素排列順序是逐列排列 , 先將第一列排滿 , 然后將第二列排滿 , int spanCount 參數設置的是每列的元素個數 ; ( 古代人寫字順序 )
構造函數原型 :
/*** @param context 當前的上下文對象, 用于獲取資源.* @param spanCount 網格布局行或列的個數. * @param orientation 布局方向. 設置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.* @param reverseLayout 當設置成 true 時, 布局會翻轉, 從尾部開始頭部結束.*/public GridLayoutManager(Context context, int spanCount,@RecyclerView.Orientation int orientation, boolean reverseLayout) {super(context, orientation, reverseLayout);setSpanCount(spanCount);}二、網格局管理器默認設置
GridLayoutManager 默認設置是垂直方向 , 不翻轉 , 代碼如下 :
//1 . 從布局中獲取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 創建并設置布局管理器//創建布局管理器GridLayoutManager layoutManager = new GridLayoutManager(this,3,RecyclerView.VERTICAL,false);//設置布局管理器recycler_view.setLayoutManager(layoutManager);//3 . 創建并設置列表適配器Adapter adapter = new Adapter();recycler_view.setAdapter(adapter);展示效果 :
三、網格局管理器水平方向設置
設置網格布局水平方向 :
//1 . 從布局中獲取 RecyclerViewRecyclerView recycler_view = findViewById(R.id.recycler_view);//2 . 創建并設置布局管理器//創建布局管理器/*GridLayoutManager layoutManager = new GridLayoutManager(this,3,RecyclerView.VERTICAL,false);*/GridLayoutManager layoutManager = new GridLayoutManager(this,3,RecyclerView.HORIZONTAL,false);//設置布局管理器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;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 . 創建并設置布局管理器//創建布局管理器GridLayoutManager layoutManager = new GridLayoutManager(this,3,RecyclerView.VERTICAL,false);/*GridLayoutManager layoutManager = new GridLayoutManager(this,3,RecyclerView.HORIZONTAL,false);*///設置布局管理器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/14945904
( 使用 Android Studio 打開 )
總結
以上是生活随笔為你收集整理的【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【RecyclerView】 三、Rec
- 下一篇: 【RecyclerView】 五、Rec