title: 'GridPaper' description: '绘制一个像素宽度的直线网格控件' type: widgets


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效果如下: