From 897f3f5c45479ab0438b1326d290c7bc858e8cd2 Mon Sep 17 00:00:00 2001 From: wsl <1105069392@qq.com> Date: Thu, 28 Aug 2025 21:28:25 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=86=97=E4=BD=99?= =?UTF-8?q?=E5=88=B7=E6=96=B0=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: wsl <1105069392@qq.com> --- .../entry/src/main/ets/segment/segment1.ets | 57 +++++++++++++------ .../entry/src/main/ets/segment/segment2.ets | 43 ++++++++++++-- 2 files changed, 78 insertions(+), 22 deletions(-) diff --git a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets index 9b3c26bc..dc2ef7b3 100644 --- a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets +++ b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets @@ -24,39 +24,53 @@ struct ComponentA { Column() { // Components that use state variables SpecialImage({ specialImageUiStyle: this.uiStyle }) - Stack() { - Column() { - Image($r('app.media.startIcon')) - .height(78) - .width(78) - .scale({ - x: this.uiStyle.scaleX, - y: this.uiStyle.scaleY - }) - } - - Stack() { - Text('Hello World') - } + Column() { + Image($r('app.media.startIcon')) + .height('150vp') + .width('150vp') + .scale({ + x: this.uiStyle.scaleX, + y: this.uiStyle.scaleY + }) + Text('Hello World') + .fontWeight(FontWeight.Bold) } .translate({ x: this.uiStyle.translateX, y: this.uiStyle.translateY }) - + .width('95%') + .height('200vp') + .margin({ + top: '10vp', + left: '15vp', + right: '15vp' + }) + .borderRadius('16vp') + .backgroundColor(Color.White) // Modify the value of a state variable via a button click callback, causing the corresponding component to refresh. Column() { Button('Move') + .width('80%') .onClick(() => { this.getUIContext().animateTo({ duration: animationDuration }, () => { this.uiStyle.translateY = (this.uiStyle.translateY + translateYChangeValue) % translateYChangeRange; }) }) Button('Scale') + .width('80%') .onClick(() => { this.uiStyle.scaleX = (this.uiStyle.scaleX + scaleXChangeValue) % scaleXChangeRange; }) + .margin({ + top: '10vp', + left: '15vp', + right: '15vp' + }) } + .height('35%') + .justifyContent(FlexAlign.End) + .width('100%') } } } @@ -75,14 +89,24 @@ struct SpecialImage { build() { Column() { Image($r('app.media.startIcon')) - .size({ width: 200, height: 200 }) + .size({ width: 78, height: 78 }) .scale({ x: this.specialImageUiStyle.scaleX, y: this.specialImageUiStyle.scaleY }) .opacity(this.isRenderSpecialImage()) Text("SpecialImage") + .fontWeight(FontWeight.Bold) } + .width('95%') + .margin({ + top: '10vp', + left: '15vp', + right: '15vp' + }) + .borderRadius('16vp') + .height('200vp') + .backgroundColor(Color.White) } } @@ -100,6 +124,7 @@ struct DFXStateBeforeOptimization { } .width('100%') .height('100%') + .backgroundColor(0xDCDCDC) } } diff --git a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets index c44e1960..8b3d6a59 100644 --- a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets +++ b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets @@ -40,27 +40,35 @@ struct ComponentA { specialImageScaleStyle: this.scaleStyle }) // Other UI components - Stack() { Column() { Image($r('app.media.startIcon')) + .height('150vp') + .width('150vp') .scale({ x: this.scaleStyle.scaleX, y: this.scaleStyle.scaleY }) - } - - Stack() { Text('Hello World') + .fontWeight(FontWeight.Bold) } - } + .translate({ x: this.translateStyle.translateX, y: this.translateStyle.translateY }) - + .width('95%') + .height('200vp') + .margin({ + top: '10vp', + left: '15vp', + right: '15vp' + }) + .borderRadius('16vp') + .backgroundColor(Color.White) // Modify the value of a state variable via a button click callback, causing the corresponding component to refresh. Column() { Button('Move') + .width('80%') .onClick(() => { this.getUIContext().animateTo({ duration: animationDuration }, () => { this.translateStyle.translateY = @@ -68,10 +76,19 @@ struct ComponentA { }) }) Button('Scale') + .width('80%') .onClick(() => { this.scaleStyle.scaleX = (this.scaleStyle.scaleX + scaleXChangeValue) % scaleXChangeRange; }) + .margin({ + top: '10vp', + left: '15vp', + right: '15vp' + }) } + .height('35%') + .justifyContent(FlexAlign.End) + .width('100%') } } } @@ -91,13 +108,24 @@ struct SpecialImage { build() { Column() { Image($r('app.media.startIcon')) + .size({ width: 78, height: 78 }) .scale({ x: this.specialImageScaleStyle.scaleX, y: this.specialImageScaleStyle.scaleY }) .opacity(this.isRenderSpecialImage()) Text("SpecialImage") + .fontWeight(FontWeight.Bold) } + .width('95%') + .margin({ + top: '10vp', + left: '15vp', + right: '15vp' + }) + .borderRadius('16vp') + .height('200vp') + .backgroundColor(Color.White) } } @@ -113,6 +141,9 @@ struct DFXStateAfterOptimization { translateStyle: this.uiStyle.translateStyle, }) } + .width('100%') + .height('100%') + .backgroundColor(0xDCDCDC) } } -- Gitee From 7d4c3f14ba4abd7512ea07aae4ff236dffc99963 Mon Sep 17 00:00:00 2001 From: wsl <1105069392@qq.com> Date: Thu, 28 Aug 2025 21:41:41 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E8=A1=A5=E5=85=85=E6=B3=A8=E9=87=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: wsl <1105069392@qq.com> --- .../entry/src/main/ets/segment/segment1.ets | 2 ++ .../entry/src/main/ets/segment/segment2.ets | 2 ++ 2 files changed, 4 insertions(+) diff --git a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets index dc2ef7b3..38616074 100644 --- a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets +++ b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment1.ets @@ -25,6 +25,7 @@ struct ComponentA { // Components that use state variables SpecialImage({ specialImageUiStyle: this.uiStyle }) Column() { + // 需要替换为开发者所需的图像资源文件 Image($r('app.media.startIcon')) .height('150vp') .width('150vp') @@ -88,6 +89,7 @@ struct SpecialImage { build() { Column() { + // 需要替换为开发者所需的图像资源文件 Image($r('app.media.startIcon')) .size({ width: 78, height: 78 }) .scale({ diff --git a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets index 8b3d6a59..1583092b 100644 --- a/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets +++ b/ArkUI/Component_Redundancy_Refresh_Optimization/entry/src/main/ets/segment/segment2.ets @@ -41,6 +41,7 @@ struct ComponentA { }) // Other UI components Column() { + // 需要替换为开发者所需的图像资源文件 Image($r('app.media.startIcon')) .height('150vp') .width('150vp') @@ -107,6 +108,7 @@ struct SpecialImage { build() { Column() { + // 需要替换为开发者所需的图像资源文件 Image($r('app.media.startIcon')) .size({ width: 78, height: 78 }) .scale({ -- Gitee