《Flutter 控件大全》第五十个:GridPaper
程序员文章站
2022-05-30 19:36:00
...
- 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
- 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
- Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。
GridPaper
绘制一个像素宽度的直线网格,用法如下:
GridPaper(
color: Colors.red,
)
效果如下:
interval
参数表示2条线之间的间隔,默认是100逻辑像素,注意单位是逻辑像素,而不是物理像素。
divisions
参数表示每个主网格的分割数。
subdivisions
参数表示次网格的分割数,包含它自身。
设置200x200的区域,绘制网格,divisions
和subdivisions
都为1,代码如下:
Container(
height: 200,
width: 200,
child: GridPaper(
color: Colors.red,
divisions: 1,
subdivisions: 1,
),
)
divisions
设置为1、2、4效果如下:
将divisions
为2,subdivisions
设置为1、2、4效果如下:
上一篇: 408海明码的解算思路
下一篇: 世维国际数字货币支付依赖于安全*建设
推荐阅读
-
《Flutter 控件大全》第四十六个:Flexible、Expanded、Spacer
-
《Flutter 控件大全》第六十六个:PageView
-
《Flutter 控件大全》第十五个:AnimatedPositionedDirectional
-
《Flutter 控件大全》第三十三个:DecoratedBoxTransition
-
《Flutter 控件大全》第二十六个:ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio
-
《Flutter 控件大全》第六个:AnimatedBuilder
-
《Flutter 控件大全》第五十三个:Icon
-
《Flutter 控件大全》第五十一个:GridView
-
《Flutter 控件大全》第三十九个:DraggableScrollableSheet
-
《Flutter 控件大全》第五十个:GridPaper