diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md b/zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md index f4c4626cb1f6ab0b4cad1b17065914ff5cf5ce61..4c348a725dca9f80c7ba28cd8e27214c7b44f881 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-interpolation-calculation.md @@ -8,7 +8,7 @@ ## 导入模块 -```js +```ts import Curves from '@ohos.curves' ``` @@ -256,6 +256,7 @@ import Curves from '@ohos.curves' struct ImageComponent { @State widthSize: number = 200 @State heightSize: number = 200 + build() { Column() { Text() @@ -273,4 +274,5 @@ struct ImageComponent { } } ``` + ![zh-cn_image_0000001174104410](figures/zh-cn_image_0000001174104410.gif) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md b/zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md index 0095e993f188030e0c556f7625545e51bb41654c..ff1d5c1bc76628e30024bdb9a6944926efb12aa8 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-matrix-transformation.md @@ -8,7 +8,7 @@ ## 导入模块 -``` +```ts import matrix4 from '@ohos.matrix4' ``` @@ -114,6 +114,7 @@ Matrix的拷贝函数,可以拷贝一份当前的矩阵对象。 struct Test { private matrix1 = Matrix4.identity().translate({x:100}) private matrix2 = this.matrix1.copy().scale({x:2}) + build() { Column() { Image($r("app.media.bg1")) @@ -163,6 +164,7 @@ Matrix的叠加函数,可以将两个矩阵的效果叠加起来生成一个 struct Test { private matrix1 = Matrix4.identity().translate({x:200}).copy() private matrix2 = Matrix4.identity().scale({x:2}).copy() + build() { Column() { // 先平移x轴100px,再缩放两倍x轴 @@ -229,6 +231,7 @@ Matrix的平移函数,可以为当前矩阵增加x轴/Y轴/Z轴平移效果。 @Component struct Test { private matrix1 = Matrix4.identity().translate({x:100, y:200, z:30}) + build() { Column() { Image($r("app.media.bg1")).transform(this.matrix1) @@ -273,6 +276,7 @@ Matrix的缩放函数,可以为当前矩阵增加x轴/Y轴/Z轴缩放效果。 @Component struct Test { private matrix1 = Matrix4.identity().scale({x:2, y:3, z:4, centerX:50, centerY:50}) + build() { Column() { Image($r("app.media.bg1")).transform(this.matrix1) @@ -318,6 +322,7 @@ Matrix的旋转函数,可以为当前矩阵增加x轴/Y轴/Z轴旋转效果。 @Component struct Test { private matrix1 = Matrix4.identity().rotate({x:1, y:1, z:2, angle:30}) + build() { Column() { Image($r("app.media.bg1")).transform(this.matrix1) @@ -360,6 +365,7 @@ Matrix的坐标点转换函数,可以将当前的变换效果作用到一个 @Component struct Test { private matrix1 = Matrix4.identity().transformPoint([100, 10]) + build() { Column() { Button("get Point") diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md b/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md index 97d6ef696cbb1785b6933fcb4ed0c9bb3952213a..9b97c2f5dfe91aa88de93299c7c9ff5476188741 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md @@ -1,6 +1,6 @@ # Video - 用于播放单个视频并控制其播放状态的组件。 +用于播放单个视频并控制其播放状态的组件。 > **说明:** > 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 @@ -9,7 +9,7 @@ 使用网络视频时,需要在config或者module.json对应的"abilities"中添加网络使用权限ohos.permission.INTERNET。 -``` +```js "abilities":[ { ... @@ -80,7 +80,7 @@ Video(value: VideoOptions) ### 导入对象 -``` +```ts controller: VideoController = new VideoController(); ``` @@ -166,6 +166,7 @@ struct VideoCreateComponent { @State autoPlays: boolean = false; @State controlsss: boolean = true; controller: VideoController = new VideoController(); + build() { Column() { Video({ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md index e5fb5492883277d0e3ed36b8841e8120bc95715e..558cd8b546884cdabc80525e904ccf8fe3767c62 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-action-sheet.md @@ -1,12 +1,11 @@ # 列表选择弹窗 +列表弹窗。 + > **说明:** > 从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 -列表弹窗。 - - ## 权限 无 @@ -47,6 +46,7 @@ show(options: { paramObject1}) @Entry @Component struct ActionSheetExample { + build() { Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { Button('Click to Show ActionSheet') @@ -88,6 +88,4 @@ struct ActionSheetExample { } ``` - ![zh-cn_image_0000001241668363](figures/zh-cn_image_0000001241668363.gif) - diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md index b6a5250b3a07cc82f011e20fe05f7278522a521e..12cdbdc5ac5a514480680d49e5ecc947c5376b05 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-alert-dialog-box.md @@ -1,12 +1,11 @@ # 警告弹窗 +显示警告弹窗组件,可设置文本内容与响应回调。 + > **说明:** > 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 -显示警告弹窗组件,可设置文本内容与响应回调。 - - ## 属性 | 名称 | 参数类型 | 默认值 | 参数描述 | @@ -46,6 +45,7 @@ @Entry @Component struct AlertDialogExample { + build() { Column({ space: 5 }) { Button('one button dialog')