| 属性 | 说明 | 取值 |

| :-: | :-: | :-: |

| gridDelegate | 控制子控件的排列 | SliverGridDelegateWithFixedCrossAxisCount①

SliverGridDelegateWithMaxCrossAxisExtent |

| scrollDirection② | 滚动方向 | Axis枚举 |

| reverse | 是否反转滚动方向 | bool |

| controller | 滚动控制器 | ScrollController |

| physics③ | 滚动物理特性 | ScrollPhysics |

SliverGridDelegateWithFixedCrossAxisCount①

| 属性 | 说明 |

| :-: | :-: |

| crossAxisCount | 交叉轴方向上个数 |

| mainAxisSpacing | 主轴方向上2行之间的间隔 |

| crossAxisSpacing | 交叉轴方向上之间的间隔 |

| childAspectRatio | 子控件宽高比 |

scrollDirection②

| 属性 | 说明 |

| :-: | :-: |

| horizontal | 水平方向滚动 |

| vertical | 垂直方向滚动 |

physics③

| 属性 | 说明 |

| :-: | :-: |

| AlwaysScrollableScrollPhysics | 总是可以滑动 |

| NeverScrollableScrollPhysics | 禁止滚动 |

| BouncingScrollPhysics | 内容超过一屏 上拉有回弹效果 |

| ClampingScrollPhysics | 包裹内容 不会有回弹 |

三 构造方式创建GridView

---

3.1 代码

//State

ScrollController _gridViewController;

//State

@override

void initState() {

super.initState();

_gridViewController = ScrollController()

…addListener(() {

print(‘${_gridViewController.position}’);

});

}

//Widget build(BuildContext context)

GridView(

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

children: List.generate(50, (position) {

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[position % Colors.primaries.length],

child: Text(“$position”),

);

}),

)

3.2 效果图

3.3 ScrollController打印结果

I/flutter (16530): ScrollPositionWithSingleContext#9a250(offset: 72.8, range: 0.0…1746.0, viewport: 444.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, DragScrollActivity#d503a(ScrollDragController#59958), ScrollDirection.reverse)

I/flutter (16530): ScrollPositionWithSingleContext#9a250(offset: 77.2, range: 0.0…1746.0, viewport: 444.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, DragScrollActivity#d503a(ScrollDragController#59958), ScrollDirection.reverse)

I/flutter (16530): ScrollPositionWithSingleContext#9a250(offset: 83.2, range: 0.0…1746.0, viewport: 444.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, DragScrollActivity#d503a(ScrollDragController#59958), ScrollDirection.reverse)

四 快速创建方式：build，custom，count，extent

---

4.1 GridView.build

构建必须属性

• itemBuilder是构建子控件

• itemCount指定数据个数

代码

GridView.builder(

itemCount: 10,

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

itemBuilder: (context,index){

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[index % Colors.primaries.length],

child: Text(“$index”),

);

},

)

4.2 GridView.custom

构建必须属性

• childrenDelegate：提供子组件构建的代理，有SliverChildBuilderDelegate和SliverChildListDelegate可用于快速构建

快速构建代码

SliverChildBuilderDelegate方式

GridView.custom(

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

childrenDelegate: SliverChildBuilderDelegate((context,index){

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[index % Colors.primaries.length],

child: Text(“$index”),

);

},childCount: 10) ,

)

SliverChildListDelegate方式

GridView.custom(

controller:_gridViewController,

gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3,crossAxisSpacing: 3, mainAxisSpacing: 3),

childrenDelegate: SliverChildListDelegate(List.generate(50, (position) {

return Container(

alignment: Alignment.center,

height: 80,

color: Colors.primaries[position % Colors.primaries.length],

child: Text(“$position”),

);})),

)

4.3 GridView.count

构建必须属性

crossAxisCount：交叉轴方向上个数

快速构建代码

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
715581662926)]

[外链图片转存中…(img-4Fun4cJM-1715581662928)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！