diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/imageeffect.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/imageeffect.jpg deleted file mode 100644 index bb03911ec7dbd89381c3ab1d3d946c9687f1f981..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/imageeffect.jpg and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/imageeffect.png b/zh-cn/application-dev/reference/arkui-ts/figures/imageeffect.png new file mode 100644 index 0000000000000000000000000000000000000000..fbcc0c6b68235aa7306556030fc60fed716b26b4 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/imageeffect.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/textblur.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/textblur.jpg deleted file mode 100644 index 12a286a7b1a0892945c2d4cfc7ab86905aae2703..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/textblur.jpg and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/textblur.png b/zh-cn/application-dev/reference/arkui-ts/figures/textblur.png new file mode 100644 index 0000000000000000000000000000000000000000..cd151a5e84516952ec7db39c2abd2a1524f728db Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/textblur.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422916.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422916.png deleted file mode 100644 index 2eb96b00f11e597fcc3e3d5ef32701e0a4ef5f5b..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174422916.png and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184400598.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184400598.gif deleted file mode 100644 index e97b2a2406059ce3af77ade27bb634845d807726..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184400598.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001187055946.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001187055946.gif deleted file mode 100644 index 7631bb0d995839d59a9d3876f91fd7e688c35758..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001187055946.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md index b4dafd794c14148960febb43dda96879005f9a82..a81f4e0390a61127903e9ca41168c6b2e8786c1a 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md @@ -112,4 +112,4 @@ struct GridContainerExample1 { **图4** 单独设置gridSpan和gridOffset在特定屏幕大小下的效果与useSizeType效果一致 -![gridSppan](figures/gridSpan.png) \ No newline at end of file +![gridSpan](figures/gridSpan.png) \ No newline at end of file diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md index 2316f53b6cf76dec6825f2d5696133da23500c67..19b4bc373c86588b608f7114181816c71c4d10a2 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md @@ -26,12 +26,12 @@ ## 示例 示例效果请以真机运行为准，当前IDE预览器不支持。 - +### 示例一，模糊属性的用法，blur内容模糊，backdropBlur背景模糊 ```ts // xxx.ets @Entry @Component -struct ImageEffectsExample1 { +struct BlurEffectsExample { build() { Column({ space: 10 }) { // 对字体进行模糊 @@ -62,13 +62,14 @@ struct ImageEffectsExample1 { } ``` -![textblur.jpg](figures/textblur.jpg) +![textblur](figures/textblur.png) +### 示例二，图片效果属性的用法 ```ts // xxx.ets @Entry @Component -struct ImageEffectsExample2 { +struct ImageEffectsExample { build() { Column({ space: 10 }) { // 添加阴影效果，图片效果不变 @@ -80,25 +81,27 @@ struct ImageEffectsExample2 { // 灰度效果0~1，越接近1，灰度越明显 Text('grayscale').fontSize(15).fontColor(0xCCCCCC).width('90%') - Image($r('app.media.image')).width('90%').height(40).grayscale(0.5) - Image($r('app.media.image')).width('90%').height(40).grayscale(1) + Image($r('app.media.image')).width('90%').height(40).grayscale(0.3) + Image($r('app.media.image')).width('90%').height(40).grayscale(0.8) + // 高光效果，1为正常图片，<1变暗，>1亮度增大 Text('brightness').fontSize(15).fontColor(0xCCCCCC).width('90%') - Image($r('app.media.image')).width('90%').height(40).brightness(1.5) + Image($r('app.media.image')).width('90%').height(40).brightness(1.2) + // 饱和度，原图为1 Text('saturate').fontSize(15).fontColor(0xCCCCCC).width('90%') Image($r('app.media.image')).width('90%').height(40).saturate(2.0) - Image($r('app.media.image')).width('90%').height(40).saturate(0.5) + Image($r('app.media.image')).width('90%').height(40).saturate(0.7) - // 对比度，1为原图，>1值越大越清晰，<1越模糊 + // 对比度，1为原图，>1值越大越清晰，<1值越小越模糊 Text('contrast').fontSize(15).fontColor(0xCCCCCC).width('90%') Image($r('app.media.image')).width('90%').height(40).contrast(2.0) - Image($r('app.media.image')).width('90%').height(40).contrast(0.5) + Image($r('app.media.image')).width('90%').height(40).contrast(0.8) // 图像反转比例 Text('invert').fontSize(15).fontColor(0xCCCCCC).width('90%') - Image($r('app.media.image')).width('90%').height(40).invert(0.3) - Image($r('app.media.image')).width('90%').height(40).invert(1) + Image($r('app.media.image')).width('90%').height(40).invert(0.2) + Image($r('app.media.image')).width('90%').height(40).invert(0.8) // 叠色添加 Text('colorBlend').fontSize(15).fontColor(0xCCCCCC).width('90%') @@ -107,7 +110,7 @@ struct ImageEffectsExample2 { // 深褐色 Text('sepia').fontSize(15).fontColor(0xCCCCCC).width('90%') - Image($r('app.media.image')).width('90%').height(40).sepia(1) + Image($r('app.media.image')).width('90%').height(40).sepia(0.8) // 色相旋转 Text('hueRotate').fontSize(15).fontColor(0xCCCCCC).width('90%') @@ -117,5 +120,5 @@ struct ImageEffectsExample2 { } ``` -![imageeffect.jpg](figures/imageeffect.jpg) +![imageeffect](figures/imageeffect.png) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-key.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-key.md index ea3fce1876a4ebdc79be1ec43206b9adc0be2077..28bcf4cae9827e31896105d0656f18a11e027504 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-key.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-events-key.md @@ -14,8 +14,6 @@ | ---------------------------------------- | ---- | ---------------------------------------- | | onKeyEvent(event: (event?: KeyEvent) => void) | 是 | 绑定该方法的组件获焦后，按键动作触发该方法调用，event参数见[KeyEvent](#keyevent对象说明)介绍。 | -> -> 该事件适用于所有可交互组件（默认可获焦），例如Button；对于Text，Image等不可获焦组件，可以设置.focasable(true)后使用按键事件。 ## KeyEvent对象说明 @@ -59,4 +57,4 @@ struct KeyEventExample { } ``` -![zh-cn_image_0000001174264364](figures/zh-cn_image_0000001174264364.gif) +![zh-cn_image_0000001174264364](figures/zh-cn_image_0000001174264364.gif) \ No newline at end of file diff --git a/zh-cn/application-dev/ui/ts-framework-file-access-rules.md b/zh-cn/application-dev/ui/ts-framework-file-access-rules.md index 12976ad5f3664329a4eb264ac052d432ae6edea8..7443b2c77932b7062746ca6974bcde6fc3029f81 100644 --- a/zh-cn/application-dev/ui/ts-framework-file-access-rules.md +++ b/zh-cn/application-dev/ui/ts-framework-file-access-rules.md @@ -18,7 +18,7 @@ common ``` 如上所示，将utils放在common中,示例中index.ets访问utils.ets文件 ```ts -// index.ets +// xxx.ets import { FoodData, FoodList } from "../common/utils/utils"; @Entry @@ -72,4 +72,4 @@ export struct FoodList { } } } -``` +``` \ No newline at end of file