HarmonyOS中的Grid布局使用方法

Grid布局

• 想要控制屏幕的分栏 分几列， 怎么分 特别像前端的栅格布局
• Row组件默认情况下，里面的元素的纵向是居中的
• Column组件默认横向是居中的

 注意:Grid组件下只能放置GridItem组件

Grid可以设置columnsTemplate和rowsTemplate

columnsTemplate是设置横向的分配，如果设置 1fr 1fr 表示，等分为两份， 如果设置1fr 2fr表示左边一份，右边两份， 在设置columnsTemplate不设置rowsTemplate的情况下，如果内容超出容器区域，会自动出现滚动条 columnsGap设置列和列之间的间距，rowsGap设置行和行之间的间距

borderRadius 这个是设置圆角的一个属性，一般再容器布局里面的，这里插一个主要是写到这里的时候看到了

这个不知道什么意思于是查了一下然后就记录到这里了

.columnsTemplate('1fr 1fr')这个是控制每个组件之间的一个间距的，里面的fr代表份数几个fr就代表几分

然后fr前面的数字代表一份占几个位置

.columnsGap(10)是一个Grid中的一个属性，是控制布局的每个组件之间的间距的，这个是每个列之间的

.rowsGap(10) 与上面一样，这个是每个列之间的一个间距