From 3378d360467eab18062e74ee57ffd2a59aec87e1 Mon Sep 17 00:00:00 2001
From: madixin <42690727@qq.com>
Date: Sun, 12 Jan 2025 11:57:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96ImageFit.Auto=E7=9A=84demo?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8=E6=BB=9A=E5=8A=A8=E6=9D=A1=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=AE=BD=E5=BA=A6=EF=BC=8C=E4=BD=93=E7=8E=B0=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E7=9A=84=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: madixin <42690727@qq.com>
---
 entry/src/main/ets/pages/AutoImageFit.ets | 54 +++++++++++------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/entry/src/main/ets/pages/AutoImageFit.ets b/entry/src/main/ets/pages/AutoImageFit.ets
index 3dc52d4..d5e0c7d 100644
--- a/entry/src/main/ets/pages/AutoImageFit.ets
+++ b/entry/src/main/ets/pages/AutoImageFit.ets
@@ -12,49 +12,47 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import {
-  ImageKnifeComponent,
-  ImageKnifeData,
-  ImageKnifeRequest, LogUtil
-} from '@ohos/libraryimageknife';
+import { ImageKnifeComponent } from '@ohos/libraryimageknife';
+import { display } from '@kit.ArkUI';
 
 @Entry
 @Component
 struct AutoImageFit {
-  @State width1: Length = '100%'
+  @State imageWidth: number = 200;
+  private maxWidth: number = px2vp(display.getDefaultDisplaySync().width);
 
   build() {
-    Scroll() {
+
+    Column() {
+      this.Slider()
       Column() {
-        Button($r('app.string.adjust_size')).onClick(() => {
-          if (this.width1.toString() == '100%') {
-            this.width1 = '60%'
-          } else {
-            this.width1 = '100%'
-          }
-        }).width('100%')
         Text('Image')
-        Image('https://contentcenter-drcn.dbankcdn.cn/pub_1/DevEcoSpace_1_900_9/56/v3/8MdhfSsCSMKj4sA6okUWrg/5uBx56tLTUO3RYQl-E5JiQ.jpg').width('100%').objectFit(ImageFit.Auto)
+        Image('https://contentcenter-drcn.dbankcdn.cn/pub_1/DevEcoSpace_1_900_9/56/v3/8MdhfSsCSMKj4sA6okUWrg/5uBx56tLTUO3RYQl-E5JiQ.jpg')
+          .width('100%')
+          .objectFit(ImageFit.Auto)
         Text('ImageKnife')
         ImageKnifeComponent({
           imageKnifeOption: {
             loadSrc: 'https://contentcenter-drcn.dbankcdn.cn/pub_1/DevEcoSpace_1_900_9/56/v3/8MdhfSsCSMKj4sA6okUWrg/5uBx56tLTUO3RYQl-E5JiQ.jpg',
             objectFit: ImageFit.Auto,
-            onLoadListener: {
-              onLoadStart: (request?: ImageKnifeRequest) => {
-                LogUtil.info('onLoadStart')
-              },
-              onLoadSuccess: (data: string | PixelMap | undefined, imageKnifeData: ImageKnifeData,
-                request?: ImageKnifeRequest) => {
-                LogUtil.info('onLoadSuccess')
-              }
-            }
           }
         }).width('100%')
-
-      }.width(this.width1).border({ width: 1 })
+      }.width(this.imageWidth).border({ width: 1 })
     }
   }
-}
-
 
+  @Builder
+  Slider() {
+    Slider({
+      value: this.imageWidth,
+      min: 100,
+      max: this.maxWidth,
+      style: SliderStyle.OutSet
+    })
+      .blockColor(Color.White)
+      .width('100%')
+      .onChange((value: number) => {
+        this.imageWidth = value;
+      })
+  }
+}
\ No newline at end of file