1.新增测试List页面

Signed-off-by: zhoulisheng1 <zhoulisheng1@huawei.com>

entry/src/main/ets/pages/basicTestFeatureAbilityPage.ets

@@ -1,6 +1,6 @@
 /*
  * Copyright (C) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
+ * Licensed under the Apache License, Version 2.0 (the "License",
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+import {ImageKnifeOption,ImageKnifeComponent} from '@ohos/imageknife'
 
 @Entry
 @Component
@@ -20,30 +20,63 @@ struct BasicTestFeatureAbilityPage {
   @Watch("watchPathChange") @State filePath: string = "查看featureAbility路径";
 
   watchPathChange() {
-    console.log("watchPathChange");
+    console.log("watchPathChange")
+  }
+  urls=[
+   "http://e.hiphotos.baidu.com/image/pic/item/a1ec08fa513d2697e542494057fbb2fb4316d81e.jpg",
+   "http://c.hiphotos.baidu.com/image/pic/item/30adcbef76094b36de8a2fe5a1cc7cd98d109d99.jpg",
+   "http://h.hiphotos.baidu.com/image/pic/item/7c1ed21b0ef41bd5f2c2a9e953da81cb39db3d1d.jpg",
+   "http://g.hiphotos.baidu.com/image/pic/item/55e736d12f2eb938d5277fd5d0628535e5dd6f4a.jpg",
+   "http://e.hiphotos.baidu.com/image/pic/item/4e4a20a4462309f7e41f5cfe760e0cf3d6cad6ee.jpg",
+   "http://b.hiphotos.baidu.com/image/pic/item/9d82d158ccbf6c81b94575cfb93eb13533fa40a2.jpg",
+   "http://e.hiphotos.baidu.com/image/pic/item/4bed2e738bd4b31c1badd5a685d6277f9e2ff81e.jpg",
+   "http://g.hiphotos.baidu.com/image/pic/item/0d338744ebf81a4c87a3add4d52a6059252da61e.jpg",
+   "http://a.hiphotos.baidu.com/image/pic/item/f2deb48f8c5494ee5080c8142ff5e0fe99257e19.jpg",
+   "http://f.hiphotos.baidu.com/image/pic/item/4034970a304e251f503521f5a586c9177e3e53f9.jpg",
+   "http://b.hiphotos.baidu.com/image/pic/item/279759ee3d6d55fbb3586c0168224f4a20a4dd7e.jpg",
+   "http://img2.xkhouse.com/bbs/hfhouse/data/attachment/forum/corebbs/2009-11/2009113011534566298.jpg",
+   "http://a.hiphotos.baidu.com/image/pic/item/e824b899a9014c087eb617650e7b02087af4f464.jpg",
+   "http://c.hiphotos.baidu.com/image/pic/item/9c16fdfaaf51f3de1e296fa390eef01f3b29795a.jpg",
+   "http://d.hiphotos.baidu.com/image/pic/item/b58f8c5494eef01f119945cbe2fe9925bc317d2a.jpg",
+   "http://h.hiphotos.baidu.com/image/pic/item/902397dda144ad340668b847d4a20cf430ad851e.jpg",
+   "http://b.hiphotos.baidu.com/image/pic/item/359b033b5bb5c9ea5c0e3c23d139b6003bf3b374.jpg",
+   "http://a.hiphotos.baidu.com/image/pic/item/8d5494eef01f3a292d2472199d25bc315d607c7c.jpg",
+   "http://b.hiphotos.baidu.com/image/pic/item/e824b899a9014c08878b2c4c0e7b02087af4f4a3.jpg",
+   "http://g.hiphotos.baidu.com/image/pic/item/6d81800a19d8bc3e770bd00d868ba61ea9d345f2.jpg",
+  ]
+
+  @State options:Array<ImageKnifeOption> = []
+
+  aboutToAppear(){
+    this.options =  this.urls.map((url)=>{
+      return {
+        loadSrc:url
+      }
+    })
+    console.log('this.options length ='+this.options.length)
   }
 
   build() {
-    Scroll() {
-      Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
-        Text(this.filePath).fontSize(20)
-        Button("featureAbility.getContext().getFilesDir()")
-          .margin({ top: 20 })
-          .onClick(() => {
-            let data = globalThis.ImageKnife.getImageKnifeContext().filesDir;
-            console.log("ImageKnife filesPath = " + data)
-            this.filePath = data
-          })
-        Button("featureAbility.getContext().getCacheDir()")
-          .margin({ top: 20 })
-          .onClick(() => {
-            let data = globalThis.ImageKnife.getImageKnifeContext().cacheDir;
-            console.log("ImageKnife cachesPath = " + data)
-            this.filePath = data
-          })
-      }
-    }
-    .width('100%')
-    .height('100%')
+    Stack({ alignContent: Alignment.TopStart }) {
+      Column() {
+        List({ space: 20, initialIndex: 0 }) {
+          ForEach(this.options, (item) => {
+            ListItem() {
+              ImageKnifeComponent({imageKnifeOption:item})
+            }.editable(true)
+          }, item => item.loadSrc)
+        }
+        .listDirection(Axis.Vertical) // 排列方向
+        .divider({ strokeWidth: 2, color: 0xFFFFFF, startMargin: 20, endMargin: 20 }) // 每行之间的分界线
+        .edgeEffect(EdgeEffect.None) // 滑动到边缘无效果
+        .chainAnimation(false) // 联动特效关闭
+        .onScrollIndex((firstIndex: number, lastIndex: number) => {
+          console.info('first' + firstIndex)
+          console.info('last' + lastIndex)
+        })
+
+      }.width('100%')
+
+    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
   }
 }

entry/src/main/ets/pages/imageknifeTestCaseIndex.ets

@@ -28,7 +28,7 @@ struct IndexFunctionDemo {
         Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
           Button("测试元能力")
             .onClick(() => {
-              console.log("测试元能力子系统")
+              console.log("测试List列表")
               router.push({ uri: "pages/basicTestFeatureAbilityPage" });
             }).margin({ top: 5, left: 3 })
           Button("测试文件")