【RecyclerView】 四、RecyclerView 布局 ( 網(wǎng)格局管理器 GridLayoutManager )

文章目錄

一、網(wǎng)格局管理器 GridLayoutManager

二、網(wǎng)格局管理器默認(rèn)設(shè)置

三、網(wǎng)格局管理器水平方向設(shè)置

四、完整代碼示例

五、RecyclerView 相關(guān)資料

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

一、網(wǎng)格局管理器 GridLayoutManager

使用代碼創(chuàng)建 線性布局管理器 GridLayoutManager , 推薦使用

GridLayoutManager

(

Context context

,

int spanCount

,

@RecyclerView.Orientation int orientation

,

boolean reverseLayout

)

構(gòu)造函數(shù) , 可以使用一行代碼設(shè)置基本的 GridLayoutManager 參數(shù) ;

參數(shù)說明 :

①

Context context

: 當(dāng)前的上下文對象, 用于獲取資源.

②

int spanCount

: 網(wǎng)格布局行或列的個數(shù).

②

@RecyclerView.Orientation int orientation

: 布局方向. 設(shè)置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL.

③

boolean reverseLayout

: 當(dāng)設(shè)置成 true 時, 布局會翻轉(zhuǎn), 從尾部開始頭部結(jié)束.

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

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

構(gòu)造函數(shù)原型 :

/** * @param context 當(dāng)前的上下文對象, 用于獲取資源. * @param spanCount 網(wǎng)格布局行或列的個數(shù). * @param orientation 布局方向. 設(shè)置成 RecyclerView.VERTICAL 或 RecyclerView.HORIZONTAL. * @param reverseLayout 當(dāng)設(shè)置成 true 時, 布局會翻轉(zhuǎn), 從尾部開始頭部結(jié)束. */ public GridLayoutManager(Context context, int spanCount, @RecyclerView.Orientation int orientation, boolean reverseLayout) { super(context, orientation, reverseLayout); setSpanCount(spanCount); }

1

2

3

4

5

6

7

8

9

10

11

二、網(wǎng)格局管理器默認(rèn)設(shè)置

GridLayoutManager 默認(rèn)設(shè)置是垂直方向 , 不翻轉(zhuǎn) , 代碼如下 :

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

展示效果 :

三、網(wǎng)格局管理器水平方向設(shè)置

設(shè)置網(wǎng)格布局水平方向 :

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

運行效果 :

四、完整代碼示例

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 { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //1 . 從布局中獲取 RecyclerView RecyclerView recycler_view = findViewById(R.id.recycler_view); //2 . 創(chuàng)建并設(shè)置布局管理器 //創(chuàng)建布局管理器 GridLayoutManager layoutManager = new GridLayoutManager( this, 3, RecyclerView.VERTICAL, false); /*GridLayoutManager layoutManager = new GridLayoutManager( this, 3, RecyclerView.HORIZONTAL, false);*/ //設(shè)置布局管理器 recycler_view.setLayoutManager(layoutManager); //3 . 創(chuàng)建并設(shè)置列表適配器 Adapter adapter = new Adapter(); recycler_view.setAdapter(adapter); } /** * RecyclerView 適配器 */ public class Adapter extends RecyclerView.Adapter { @NonNull @Override public 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); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { holder.text.setText("" + position); } @Override public 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); } } } }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

五、RecyclerView 相關(guān)資料

官方文檔 :

使用 RecyclerView 創(chuàng)建動態(tài)列表 : 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 打開 )

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。