## Grid网格 网格用于多行多列的均分布局,设置行列数后,将生成多个相同大小的单元格,整个网格将填充满设置的宽度和高度。 每个单元格通过行和列下标访问,下标均从0开始计。 单元格也是面板,通常作为容器使用。 以下是一个3行3列网格的形象展示:
0,0
0,1
0,2
1,0
1,1
1,2
2,0
2,1
2,2
以下代码用于向页面填充一个网格: //创建文档 var doc = NPrint.createDocument(); //添加页面 var page = doc.addPage(); //页面中添加一个网格 var grid = page.addGrid(); //网格宽度为页面宽度,高度为页面高度,网格为3行3列 grid.setWidth(page.getWidth()).setHeight(page.getHeight()).setRows(3).setCols(3); //遍历行 for(var row=0;row<3;row++){ //遍历列 for(var col=0;col<3;col++){ //获取指定行列的单元格 var cell = grid.getCell(row,col); //在单元格中添加文本 var text = cell.addText(); //对文本进行设置 text.setWidth(20).setHeight(10).setSize(6).setContent(row+','+col).setAnchor('center').setAlign('center'); } } //预览 doc.preview();
点此预览