记录：鸿蒙实战案例(源于黑马程序员视频)

学习内容：

观看黑马程序员视频完成数字键盘部分的的代码

---

学习时间：

2024年6月20日

---

学习产出：

一.grid网格容器

grid网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。

Grid(scroller?: Scroller)

参数：

参数名	参数类型	必填	参数描述
scroller	Scroller	否	可滚动组件的控制器。用于与可滚动组件进行绑定。 说明： 不允许和其他滚动类组件绑定同一个滚动控制对象。

属性： 

名称	参数类型	描述
columnsTemplate	string	设置当前网格布局列的数量，不设置时默认1列。 例如， '1fr 1fr 2fr' 是将父组件分3列，将父组件允许的宽分为4等份，第一列占1份，第二列占1份，第三列占2份。 说明： 设置为'0fr'时，该列的列宽为0，不显示GridItem。设置为其他非法值时，GridItem显示为固定1列。
rowsTemplate	string	设置当前网格布局行的数量，不设置时默认1行。 例如，'1fr 1fr 2fr'是将父组件分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。 说明： 设置为'0fr'，则这一行的行宽为0，这一行GridItem不显示。设置为其他非法值，按固定1行处理。
columnsGap	Length	设置列与列的间距。 默认值：0 说明： 设置为小于0的值时，按默认值显示。