子线程网络请求和自定义网络改为异步请求、复用场景清空组件内容

Signed-off-by: zgf <zenggaofeng2@h-partners.com>

entry/src/main/ets/pages/CustomNetImagePage.ets

@@ -0,0 +1,78 @@
+/*
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ * 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
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { InfoItem } from './model/DataSourcePrefetching';
+import { PageViewModel } from './model/PageViewModel';
+import { ImageKnifeComponent, ImageKnife } from '@ohos/libraryimageknife';
+import { CommonDataSource, GetSession } from './model/CommonDataSource';
+import { rcp } from '@kit.RemoteCommunicationKit';
+import { BusinessError } from '@kit.BasicServicesKit';
+
+@Entry
+@Component
+export struct CustomNetImagePage {
+  @State hotCommendList:CommonDataSource<InfoItem> = new CommonDataSource<InfoItem>([])
+  aboutToAppear(): void {
+    ImageKnife.getInstance().setMaxRequests(32)
+    this.hotCommendList.addData(this.hotCommendList.totalCount(),PageViewModel.getItems())
+  }
+  aboutToDisappear(): void {
+    ImageKnife.getInstance().setMaxRequests(8)
+  }
+  build() {
+    Column() {
+      WaterFlow() {
+        LazyForEach(this.hotCommendList,(item: InfoItem)=>{
+          FlowItem() {
+            Column(){
+              ImageKnifeComponent({
+                imageKnifeOption: {
+                  loadSrc: item.albumUrl,
+                  placeholderSrc: $r("app.media.loading"),
+                  errorholderSrc: $r("app.media.failed"),
+                  customGetImage:custom
+                }
+              }).width("50%").height(200)
+            }
+          }.height(200)
+          .backgroundColor("#95efd2")
+        },(item: string) => item)
+      }.columnsTemplate("1fr 1fr")
+      .columnsGap(10)
+      .rowsGap(5)
+      .backgroundColor(0xFAEEE0)
+      .width("100%").height("100%")
+    }
+  }
+}
+// 自定义下载方法
+@Concurrent
+async function custom(context: Context, src: string | PixelMap | Resource,headers?: Record<string,Object>): Promise<ArrayBuffer | undefined> {
+  return new Promise((resolve,reject)=>{
+    if (typeof src == "string") {
+      let session = GetSession.session
+      let req = new rcp.Request(src,"GET");
+      session.fetch(req).then((response)=>{
+        if(response.statusCode == 200) {
+          let buffer = response.body
+          resolve(buffer)
+        } else {
+          reject("rcp code:"+response.statusCode)
+        }
+      }).catch((err:BusinessError)=>{
+        reject("error rcp src:"+src+",err:"+JSON.stringify(err))
+      })
+    }
+  })
+}

entry/src/main/ets/pages/Index.ets

@@ -45,11 +45,21 @@ struct Index {
             uri: 'pages/PrefetchAndCacheCount',
           });
         })
+        Button($r('app.string.request_concurrency')).margin({top:10}).onClick(()=>{
+          router.push({
+            uri: 'pages/SetMaxRequestPage',
+          });
+        })
         Button($r('app.string.Test_multiple_images')).margin({top:10}).onClick(()=>{
           router.push({
             uri: 'pages/TestCommonImage',
           });
         })
+        Button($r('app.string.Customize_RCP_network')).margin({top:10}).onClick(()=>{
+          router.push({
+            uri: 'pages/CustomNetImagePage',
+          });
+        })
         Button($r('app.string.Test_Task_error')).margin({top:10}).onClick(()=>{
           router.push({
             uri: 'pages/TestTaskResourcePage',

entry/src/main/ets/pages/LoadStatePage.ets

@@ -109,7 +109,7 @@ struct LoadStatePage {
 }
 // 自定义下载方法
 @Concurrent
-async function custom(context: Context, src: string | PixelMap | Resource): Promise<ArrayBuffer | undefined> {
+async function custom(context: Context, src: string | PixelMap | Resource,headers?: Record<string,Object>): Promise<ArrayBuffer | undefined> {
   console.info("ImageKnife::  custom download：" + src)
   // 举例写死从本地文件读取，也可以自己请求网络图片
   return undefined

entry/src/main/ets/pages/MaxRequest1.ets

@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ * 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
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ImageKnifeComponent,ImageKnife } from '@ohos/libraryimageknife';
+import { CommonDataSource } from './model/CommonDataSource';
+
+@Entry
+@Component
+struct MaxRequest1 {
+  @State hotCommendList:CommonDataSource<string> = new CommonDataSource<string>([])
+  private data: Array<string> = []
+  aboutToAppear(): void {
+    ImageKnife.getInstance().setMaxRequests(8)
+    for (let index = 0; index < 200; index++) {
+      this.data.push(`https://img-blog.csdn.net/20140514114029140?${index}`)
+    }
+    this.hotCommendList.addData(this.hotCommendList.totalCount(),this.data)
+  }
+  build() {
+    Column() {
+      WaterFlow() {
+        LazyForEach(this.hotCommendList,(item: string)=>{
+          FlowItem() {
+            Column(){
+              ImageKnifeComponent({
+                imageKnifeOption: {
+                  loadSrc: item,
+                  placeholderSrc: $r("app.media.loading"),
+                  errorholderSrc: $r("app.media.failed"),
+                }
+              }).width("50%").height(160)
+            }
+          }.height(200)
+          .backgroundColor("#95efd2")
+        },(item: string) => item)
+      }.columnsTemplate("1fr 1fr")
+      .cachedCount(8)
+      .columnsGap(10)
+      .rowsGap(5)
+      .backgroundColor(0xFAEEE0)
+      .width("100%").height("100%")
+    }
+  }
+}

entry/src/main/ets/pages/MaxRequest2.ets

@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ * 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
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ImageKnifeComponent,ImageKnife } from '@ohos/libraryimageknife';
+import { CommonDataSource } from './model/CommonDataSource';
+
+@Entry
+@Component
+struct MaxRequest2 {
+  @State hotCommendList:CommonDataSource<string> = new CommonDataSource<string>([])
+  private data: Array<string> = []
+  aboutToAppear(): void {
+    ImageKnife.getInstance().setMaxRequests(20)
+    for (let index = 200; index < 400; index++) {
+      this.data.push(`https://img-blog.csdn.net/20140514114029140?${index}`)
+    }
+    this.hotCommendList.addData(this.hotCommendList.totalCount(),this.data)
+  }
+  build() {
+    Column() {
+      WaterFlow() {
+        LazyForEach(this.hotCommendList,(item: string)=>{
+          FlowItem() {
+            Column(){
+              ImageKnifeComponent({
+                imageKnifeOption: {
+                  loadSrc: item,
+                  placeholderSrc: $r("app.media.loading"),
+                  errorholderSrc: $r("app.media.failed"),
+                }
+              }).width("50%").height(160)
+            }
+          }.height(200)
+          .backgroundColor("#95efd2")
+        },(item: string) => item)
+      }.columnsTemplate("1fr 1fr")
+      .cachedCount(20)
+      .columnsGap(10)
+      .rowsGap(5)
+      .backgroundColor(0xFAEEE0)
+      .width("100%").height("100%")
+    }
+  }
+}

entry/src/main/ets/pages/MaxRequest3.ets

@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ * 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
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ImageKnifeComponent,ImageKnife } from '@ohos/libraryimageknife';
+import { CommonDataSource } from './model/CommonDataSource';
+
+@Entry
+@Component
+struct MaxRequest3 {
+  @State hotCommendList:CommonDataSource<string> = new CommonDataSource<string>([])
+  private data: Array<string> = []
+  aboutToAppear(): void {
+    ImageKnife.getInstance().setMaxRequests(32)
+    for (let index = 400; index < 600; index++) {
+      this.data.push(`https://img-blog.csdn.net/20140514114029140?${index}`)
+    }
+    this.hotCommendList.addData(this.hotCommendList.totalCount(),this.data)
+  }
+  build() {
+    Column() {
+      WaterFlow() {
+        LazyForEach(this.hotCommendList,(item: string)=>{
+          FlowItem() {
+            Column(){
+              ImageKnifeComponent({
+                imageKnifeOption: {
+                  loadSrc: item,
+                  placeholderSrc: $r("app.media.loading"),
+                  errorholderSrc: $r("app.media.failed"),
+                }
+              }).width("50%").height(160)
+            }
+          }.height(200)
+          .backgroundColor("#95efd2")
+        },(item: string) => item)
+      }.columnsTemplate("1fr 1fr")
+      .cachedCount(40)
+      .columnsGap(10)
+      .rowsGap(5)
+      .backgroundColor(0xFAEEE0)
+      .width("100%").height("100%")
+    }
+  }
+}

entry/src/main/ets/pages/SetMaxRequestPage.ets

@@ -0,0 +1,23 @@
+import { router } from '@kit.ArkUI'
+
+@Entry
+@Component
+struct SetMaxRequestPage {
+  build() {
+    Column() {
+      Button("maxRequest = 8")
+        .onClick(()=>{
+          router.pushUrl({url:"pages/MaxRequest1"})
+        })
+      Button("maxRequest = 20")
+        .onClick(()=>{
+          router.pushUrl({url:"pages/MaxRequest2"})
+        }).margin({top:20})
+      Button("maxRequest = 32")
+        .onClick(()=>{
+          router.pushUrl({url:"pages/MaxRequest2"})
+        }).margin({top:20})
+    }.width("100%")
+    .height("100%")
+  }
+}

entry/src/main/ets/pages/SingleImage.ets

@@ -128,10 +128,11 @@ struct SingleImage {
 
 // 自定义下载方法
 @Concurrent
-async function custom(context: Context, src: string | PixelMap | Resource,headers?: Record<string, Object>): Promise<ArrayBuffer | undefined> {
+async function custom(context: Context, src: string | PixelMap | Resource,headers?: Record<string,Object>): Promise<ArrayBuffer | undefined> {
   let refer = headers!["refer"] as string
   console.info("ImageKnife::  custom download：" + src,"refer:"+refer)
   // 举例写死从本地文件读取，也可以自己请求网络图片
-  return context.resourceManager.getMediaContentSync($r("app.media.startIcon").id).buffer as ArrayBuffer
+  let buffer = context.resourceManager.getMediaContentSync($r("app.media.startIcon").id).buffer as ArrayBuffer
+  return buffer
 }
 

entry/src/main/ets/pages/TestSetCustomImagePage.ets

@@ -60,8 +60,9 @@ struct TestSetCustomImagePage {
   }
 }
 @Concurrent
-async function custom(context: Context, src: string | PixelMap | Resource): Promise<ArrayBuffer | undefined> {
+async function custom(context: Context, src: string | PixelMap | Resource,headers?: Record<string,Object>): Promise<ArrayBuffer | undefined> {
   console.info("ImageKnife::  custom download：" + src)
   // 举例写死从本地文件读取，也可以自己请求网络图片
-  return context.resourceManager.getMediaContentSync($r("app.media.pngSample").id).buffer as ArrayBuffer
+  let buffer = context.resourceManager.getMediaContentSync($r("app.media.pngSample").id).buffer as ArrayBuffer
+  return buffer
 }

entry/src/main/ets/pages/model/CommonDataSource.ets

@@ -12,6 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { statfs } from '@kit.CoreFileKit'
+import { rcp } from '@kit.RemoteCommunicationKit'
+
 export class CommonDataSource <T> implements IDataSource {
   private dataArray: T[] = []
   private listeners: DataChangeListener[] = []
@@ -51,4 +54,7 @@ export class CommonDataSource <T> implements IDataSource {
       listener.onDataAdd(index)
     })
   }
+}
+export class GetSession {
+  static session:rcp.Session = rcp.createSession()
 }

entry/src/main/resources/base/element/string.json

@@ -503,6 +503,14 @@
     {
       "name": "disk",
       "value": "Disk"
+    },
+    {
+      "name": "Customize_RCP_network",
+      "value": "Customize RCP network request"
+    },
+    {
+      "name": "request_concurrency",
+      "value": "Set request concurrency"
     }
   ]
 }

entry/src/main/resources/base/profile/main_pages.json

@@ -31,6 +31,11 @@
     "pages/PrefetchAndPreload",
     "pages/TestCacheDataPage",
     "pages/TestChangeColorPage",
-    "pages/TestLoadCancelListenerPage"
+    "pages/TestLoadCancelListenerPage",
+    "pages/CustomNetImagePage",
+    "pages/SetMaxRequestPage",
+    "pages/MaxRequest1",
+    "pages/MaxRequest2",
+    "pages/MaxRequest3"
   ]
 }

entry/src/main/resources/zh_CN/element/string.json

@@ -499,6 +499,14 @@
     {
       "name": "disk",
       "value": "磁盘"
+    },
+    {
+      "name": "Customize_RCP_network",
+      "value": "自定义rcp网络请求"
+    },
+    {
+      "name": "request_concurrency",
+      "value": "设置请求并发度"
     }
   ]
 }