《Flutter 控件大全》第五十个:GridPaper

  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

GridPaper

绘制一个像素宽度的直线网格,用法如下:

GridPaper(
	color: Colors.red,
)

效果如下:

interval参数表示2条线之间的间隔,默认是100逻辑像素,注意单位是逻辑像素,而不是物理像素。

divisions参数表示每个主网格的分割数。

subdivisions参数表示次网格的分割数,包含它自身。

设置200x200的区域,绘制网格,divisionssubdivisions都为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效果如下:

发布了251 篇原创文章 · 获赞 224 · 访问量 37万+

猜你喜欢

转载自blog.csdn.net/mengks1987/article/details/105310442