From ce03a32b775c83c183208c47fa6266d8ef610ac7 Mon Sep 17 00:00:00 2001
From: limeng <limeng208@huawei.com>
Date: Fri, 16 Sep 2022 15:52:25 +0800
Subject: [PATCH] commit according to LiAn & LuoYing's suggestions

Signed-off-by: limeng <limeng208@huawei.com>
---
 .../arkui-ts/figures/grid-autofill.png        | Bin 0 -> 15610 bytes
 .../reference/arkui-ts/ts-container-grid.md   |  63 +++++++++++++++++-
 2 files changed, 60 insertions(+), 3 deletions(-)
 create mode 100644 zh-cn/application-dev/reference/arkui-ts/figures/grid-autofill.png

diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/grid-autofill.png b/zh-cn/application-dev/reference/arkui-ts/figures/grid-autofill.png
new file mode 100644
index 0000000000000000000000000000000000000000..c45eee033be4548744fd84bbcb5ba29d17868e69
GIT binary patch
literal 15610
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

literal 0
HcmV?d00001

diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
index 0f6a52a9b0..d129eb3834 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md
@@ -27,8 +27,8 @@ Grid(scroller?: Scroller)
 
 | 名称 | 参数类型 | 描述 |
 | -------- | -------- | -------- |
-| columnsTemplate | string | 设置当前网格布局列的数量，不设置时默认1列。<br/>例如,&nbsp;'1fr&nbsp;1fr&nbsp;2fr'&nbsp;是将父组件分3列，将父组件允许的宽分为4等份，第一列占1份，第二列占1份，第三列占2份。<br/>默认值：'1fr' |
-| rowsTemplate | string | 设置当前网格布局行的数量，不设置时默认1行。<br/>例如,&nbsp;'1fr&nbsp;1fr&nbsp;2fr'是将父组件分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。<br/>默认值：'1fr' |
+| columnsTemplate | string | 设置当前网格布局列的数量，不设置时默认1列。<br/>例如,&nbsp;'1fr&nbsp;1fr&nbsp;2fr'&nbsp;是将父组件分3列，将父组件允许的宽分为4等份，第一列占1份，第二列占1份，第三列占2份。并支持[auto-fill](#auto-fill说明)。<br/>默认值：'1fr' |
+| rowsTemplate | string | 设置当前网格布局行的数量，不设置时默认1行。<br/>例如,&nbsp;'1fr&nbsp;1fr&nbsp;2fr'是将父组件分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。并支持[auto-fill](#auto-fill说明)。<br/>默认值：'1fr' |
 | columnsGap | Length | 设置列与列的间距。<br/>默认值：0 |
 | rowsGap | Length | 设置行与行的间距。<br/>默认值：0 |
 | scrollBar      | [BarState](ts-appendix-enums.md#barstate) | 设置滚动条状态。<br/>默认值：BarState.Off |
@@ -65,6 +65,16 @@ Grid(scroller?: Scroller)
 | onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => void) | 拖拽离开网格元素时触发。<br/>- event: 见[ItemDragInfo对象说明](#itemdraginfo对象说明)。<br/>- itemIndex: 拖拽离开的网格元素索引值。 |
 | onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void) | 绑定该事件的网格元素可作为拖拽释放目标，当在网格元素内停止拖拽时触发。<br/>- event: 见[ItemDragInfo对象说明](#itemdraginfo对象说明)。<br/>- itemIndex: 拖拽起始位置。<br/>- insertIndex: 拖拽插入位置。<br/>- isSuccess: 是否成功释放。 |
 
+## auto-fill说明
+
+Grid的columnsTemplate、rowsTemplate属性的auto-fill仅支持以下格式：
+
+```css
+repeat(auto-fill, track-size)
+```
+
+其中repeat、auto-fill为关键字。track-size为行高或者列宽，支持的单位包括px、vp、%或有效数字，track-size至少包括一个有效行高或者列宽。
+
 ## ItemDragInfo对象说明
 
 | 名称         | 类型         |   描述         |
@@ -134,4 +144,51 @@ struct GridExample {
 }
 ```
 
-![zh-cn_image_0000001219744183](figures/zh-cn_image_0000001219744183.gif)
\ No newline at end of file
+![zh-cn_image_0000001219744183](figures/zh-cn_image_0000001219744183.gif)
+
+**auto-fill示例**
+
+```ts
+// grid-autofill.ets
+@Entry
+@Component
+struct Index {
+  @State gridItemWidth: string = "100%"
+  @State gridItemHeight: string = "100%"
+  @State gridWidth: string = "100%"
+  @State gridHeight: string = "100%"
+  @State itemList: string[] = []
+  build() {
+    Column() {
+      Grid() {
+        ForEach(this.itemList, (item) => {
+          GridItem() {
+            Text(item.toString())
+              .fontSize(16)
+              .width('100%')
+              .textAlign(TextAlign.Center)
+          }
+          .width(this.gridItemWidth)
+          .height(this.gridItemHeight)
+          .backgroundColor(0xF9CF93)
+        }, item => item)
+      }
+      .columnsGap(1)
+      .rowsGap(1)
+      .border({ width: 4, color: 0xffdb7093, style: BorderStyle.Dashed, radius: 5 })
+      .width(this.gridWidth)
+      .height(this.gridHeight)
+      .columnsTemplate("15% repeat(auto-fill, 10% 50px 20%) 50px")
+      .rowsTemplate("150px repeat(auto-fill, 20% 25%)")
+    }.margin(5)
+  }
+
+  aboutToAppear() {
+    for(var i = 1; i < 50; i++) {
+      this.itemList.push(i.toString())
+    }
+  }
+}
+```
+
+![grid-autofill](figures/grid-autofill.png)
\ No newline at end of file
-- 
GitLab