!18727 文档整改

Merge pull request !18727 from 田雨/master

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md

@@ -413,3 +413,86 @@ struct LoadImageExample {
   }
 }
 ```
+
+### 为图片增加滤镜
+
+```ts
+// xxx.ets
+@Entry
+@Component
+struct colorFilterExample {
+  @State colorFilterR: number = 0
+  @State colorFilterG: number = 0
+  @State colorFilterB: number = 0
+  @State colorFilterA: number = 0
+
+  build() {
+    Row() {
+      Column() {
+        Image($r('app.media.sky'))
+          .width(200)
+          .height(200)
+        Image($r('app.media.sky'))
+          .width(200)
+          .height(200)
+          .colorFilter([
+          this.colorFilterR, 0, this.colorFilterR, 0, 0,
+            0, this.colorFilterG, this.colorFilterG, 0, 0,
+          this.colorFilterB, 0, this.colorFilterB, 0, 0,
+            0, 0, this.colorFilterA, 0, 0
+          ])
+
+        Row() {
+          Text('R')
+          Slider({
+            min: 0,
+            max: 1,
+            step: 0.01
+          })
+            .onChange((valueR) => {
+              this.colorFilterR = valueR
+            })
+        }
+
+        Row() {
+          Text('G')
+          Slider({
+            min: 0,
+            max: 1,
+            step: 0.01
+          })
+            .onChange((valueG) => {
+              this.colorFilterG = valueG
+            })
+        }
+
+        Row() {
+          Text('B')
+          Slider({
+            min: 0,
+            max: 1,
+            step: 0.01
+          })
+            .onChange((valueB) => {
+              this.colorFilterB = valueB
+            })
+        }
+
+        Row() {
+          Text('A')
+          Slider({
+            min: 0,
+            max: 1,
+            step: 0.01
+          })
+            .onChange((valueA) => {
+              this.colorFilterA = valueA
+            })
+        }
+      }.width('90%').alignItems(HorizontalAlign.Center)
+    }.height('100%').width('100%').justifyContent(FlexAlign.Center)
+  }
+}
+```
+
+![colorFilter](figures/colorFilter.gif)
\ No newline at end of file

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-search.md

@@ -20,7 +20,7 @@ Search(options?: { value?: string; placeholder?: ResourceStr; icon?: string; con
 | ----------- | ---------------------------------------------------- | ---- | ------------------------------------------------------------ |
 | value       | string                                               | 否   | 设置当前显示的搜索文本内容。<br />从API version 10开始，该参数支持[$$](../../quick-start/arkts-two-way-sync.md)双向绑定变量。 |
 | placeholder | [ResourceStr](ts-types.md#resourcestr)<sup>10+</sup> | 否   | 设置无输入时的提示文本。                                     |
-| icon        | string                                               | 否   | 设置搜索图标路径，默认使用系统搜索图标。<br/>图标所支持的图片类型能力参考[Image](ts-basic-components-image.md)组件。 |
+| icon        | string                                               | 否   | 设置搜索图标路径，默认使用系统搜索图标。<br/>**说明：** <br/>icon的数据源支持本地图片和网络图片。<br/>-&nbsp;支持的图片格式包括png、jpg、bmp、svg、gif和pixelmap。<br/>-&nbsp;支持Base64字符串。格式data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data], 其中[base64 data]为Base64字符串数据。 |
 | controller  | SearchController                                     | 否   | 设置Search组件控制器。                                       |
 
 ## 属性

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md

@@ -83,7 +83,7 @@ Slier组件滑块形状枚举。
 
 | 名称 | 功能描述 |
 | -------- | -------- |
-| onChange(callback:&nbsp;(value:&nbsp;number,&nbsp;mode:&nbsp;SliderChangeMode)&nbsp;=&gt;&nbsp;void) | Slider拖到或点击时触发事件回调。<br/>value：当前滑动进度值。若返回值有小数，可使用number.toFixed()方法将数据处理为预期的精度。<br/>mode：事件触发的相关状态值。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。<br/>**说明：** <br/>Begin和End状态当手势点击时都会触发，Moving和Click状态当value值发生变换时触发。<br/>当连贯动作为拖动动作时，不触发Click状态。<br/>value值的变化范围为对应步长steps数组。 |
+| onChange(callback:&nbsp;(value:&nbsp;number,&nbsp;mode:&nbsp;SliderChangeMode)&nbsp;=&gt;&nbsp;void) | Slider拖动或点击时触发事件回调。<br/>value：当前滑动进度值。若返回值有小数，可使用number.toFixed()方法将数据处理为预期的精度。<br/>mode：事件触发的相关状态值。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。<br/>**说明：** <br/>Begin和End状态当手势点击时都会触发，Moving和Click状态当value值发生变化时触发。<br/>当连贯动作为拖动动作时，不触发Click状态。<br/>value值的变化范围为对应步长steps数组。 |
 
 ## SliderChangeMode枚举说明
 

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md

@@ -30,7 +30,7 @@ Text(content?: string | Resource)
 
 | 名称                       | 参数类型                            | 描述                                               |
 | ----------------------- | ----------------------------------- | ------------------------------------------- |
-| textAlign               | [TextAlign](ts-appendix-enums.md#textalign) | 设置文本段落在水平方向的对齐方式<br/>默认值：TextAlign.Start<br/>说明：<br/>文本段落宽度占满Text组件宽度；可通过[align](ts-universal-attributes-location.md)属性控制文本段落在垂直方向上的位置。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 |
+| textAlign               | [TextAlign](ts-appendix-enums.md#textalign) | 设置文本段落在水平方向的对齐方式。<br/>默认值：TextAlign.Start<br/>说明：<br/>文本段落宽度占满Text组件宽度；可通过[align](ts-universal-attributes-location.md)属性控制文本段落在垂直方向上的位置，此组件中不可通过align属性控制文本段落在水平方向上的位置，即align属性中Alignment.TopStart、Alignment.Top、Alignment.TopEnd效果相同，控制内容在顶部，Alignment.Start、Alignment.Center、Alignment.End效果相同，控制内容垂直居中，Alignment.BottomStart、Alignment.Bottom、Alignment.BottomEnd效果相同，控制内容在底部。结合TextAlign属性可控制内容在水平方向的位置。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 |
 | textOverflow            | {overflow:&nbsp;[TextOverflow](ts-appendix-enums.md#textoverflow)} | 设置文本超长时的显示方式。<br/>默认值：{overflow:&nbsp;TextOverflow.Clip}<br/>**说明：**<br/>文本截断是按字截断。例如，英文以单词为最小单位进行截断，若需要以字母为单位进行截断，可在字母间添加零宽空格：\u200B。<br />当`overflow`设置为TextOverflow.None、TextOverflow.Clip、TextOverflow.Ellipsis时，需配合`maxLines`使用，单独设置不生效。设置TextOverflow.None与TextOverflow.Clip效果一样。当`overflow`设置为TextOverflow.Marquee时，文本在一行内滚动显示，设置`maxLines`及`copyOption`属性均不生效。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 |
 | maxLines                | number | 设置文本的最大行数。<br />默认值：Infinity<br/>**说明：**<br />默认情况下，文本是自动折行的，如果指定此参数，则文本最多不会超过指定的行。如果有多余的文本，可以通过        `textOverflow`来指定截断方式。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 |
 | lineHeight              | string&nbsp;\|&nbsp;number&nbsp;\|&nbsp;[Resource](ts-types.md#resource)  | 设置文本的文本行高，设置值不大于0时，不限制文本行高，自适应字体大小，Length为number类型时单位为fp。<br/>从API version 9开始，该接口支持在ArkTS卡片中使用。 |

zh-cn/application-dev/ui/arkts-page-transition-animation.md

@@ -34,7 +34,7 @@ type为RouteType.None表示对页面栈的push、pop操作均生效，type的默
 
 
 ```ts
-// page A
+// pageA
 pageTransition() {
   // 定义页面进入时的效果，从左侧滑入，时长为1200ms，无论页面栈发生push还是pop操作均可生效
   PageTransitionEnter({ type: RouteType.None, duration: 1200 })
@@ -48,7 +48,7 @@ pageTransition() {
 
 
 ```ts
-// page B
+// pageB
 pageTransition() {
   // 定义页面进入时的效果，从右侧滑入，时长为1000ms，无论页面栈发生push还是pop操作均可生效
   PageTransitionEnter({ type: RouteType.None, duration: 1000 })
@@ -80,7 +80,7 @@ type为RouteType.Push表示仅对页面栈的push操作生效，type为RouteType
 
 
 ```ts
-// page A
+// pageA
 pageTransition() {
   // 定义页面进入时的效果，从右侧滑入，时长为1200ms，页面栈发生push操作时该效果才生效
   PageTransitionEnter({ type: RouteType.Push, duration: 1200 })
@@ -100,7 +100,7 @@ pageTransition() {
 
 
 ```ts
-// page B
+// pageB
 pageTransition() {
   // 定义页面进入时的效果，从右侧滑入，时长为1000ms，页面栈发生push操作时该效果才生效
   PageTransitionEnter({ type: RouteType.Push, duration: 1000 })
@@ -157,7 +157,7 @@ pageTransition() {
 
 
 ```ts
-// page A
+// PageTransitionSrc1
 import router from '@ohos.router';
 @Entry
 @Component
@@ -175,7 +175,7 @@ struct PageTransitionSrc1 {
         Button("pushUrl")
           .onClick(() => {
             // 路由到下一个页面，push操作
-            router.pushUrl({ url: 'pages/myTest/pageTransitionDst1' });
+            router.pushUrl({ url: 'pages/myTest/PageTransitionDst1' });
           })
         Button("back")
           .onClick(() => {
@@ -209,7 +209,7 @@ struct PageTransitionSrc1 {
 
 
 ```ts
-// page B
+// PageTransitionDst1
 import router from '@ohos.router';
 @Entry
 @Component
@@ -227,7 +227,7 @@ struct PageTransitionDst1 {
         Button("pushUrl")
           .onClick(() => {
             // 路由到下一页面，push操作
-            router.pushUrl({ url: 'pages/myTest/pageTransitionSrc1' });
+            router.pushUrl({ url: 'pages/myTest/PageTransitionSrc1' });
           })
         Button("back")
           .onClick(() => {
@@ -267,7 +267,7 @@ struct PageTransitionDst1 {
 
 
 ```ts
-// page A
+// PageTransitionSrc2
 import router from '@ohos.router';
 @Entry
 @Component
@@ -313,7 +313,7 @@ struct PageTransitionSrc2 {
 
 
 ```ts
-// page B
+// PageTransitionDst2
 import router from '@ohos.router';
 @Entry
 @Component