diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag.png b/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab2755200c7ec3877b929c9182256f22b0cc5138
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag1.png b/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag1.png
new file mode 100644
index 0000000000000000000000000000000000000000..721ec8950cc43af81afefdcd22afb14f50dfdb0e
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag1.png differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag2.png b/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag2.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fbb5f43fbb38a3b10d6455abec94bef4c5f98aa
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/gridDrag2.png differ
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 3f6168527652f0cf646b72f836ca0632c468a67c..9a7a2d63c135510a580f98ca4c9c08ab9b334393 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
@@ -285,3 +285,16 @@ struct GridExample {
 }
 ```
 
+示例图：
+
+网格子组件开始拖拽：
+
+![gridDrag](figures/gridDrag.png)
+
+网格子组件拖拽过程中：
+
+![gridDrag](figures/gridDrag1.png)
+
+网格子组件1与子组件6拖拽交换位置后：
+
+![gridDrag](figures/gridDrag2.png)
\ No newline at end of file