集成图片框架ImageKnife，底导用图片框架加载icon

@@ -7,6 +7,7 @@ import { MinePageComponent } from 'wdComponent/src/main/ets/components/page/Mine
 import { CompUtils, TopNavigationComponent, TopNavigationComponentNew } from 'wdComponent/Index';
 import { CompUtils, TopNavigationComponent, TopNavigationComponentNew } from 'wdComponent/Index';
 import { VideoChannelPage } from './VideoChannelPage';
 import { VideoChannelPage } from './VideoChannelPage';
 import ChannelViewModel from 'wdComponent/src/main/ets/viewmodel/ChannelViewModel';
 import ChannelViewModel from 'wdComponent/src/main/ets/viewmodel/ChannelViewModel';
+import { ImageKnifeComponent, ImageKnifeOption, NONE } from '@ohos/imageknife';
 
 
 const TAG = 'BottomNavigationComponent';
 const TAG = 'BottomNavigationComponent';
 PersistentStorage.persistProp('channelIds', '');
 PersistentStorage.persistProp('channelIds', '');
@@ -134,16 +135,26 @@ export struct BottomNavigationComponent {
   @Builder
   @Builder
   tabBarBuilder(navItem: BottomNavDTO, index: number) {
   tabBarBuilder(navItem: BottomNavDTO, index: number) {
     Stack({ alignContent: Alignment.Bottom }) {
     Stack({ alignContent: Alignment.Bottom }) {
-      Image(this.getBottomIcon(navItem, this.currentNavIndex === index))
-        .height(CommonConstants.FULL_PARENT)
+      // Image(this.getBottomIcon(navItem, this.currentNavIndex === index))
+      //   .height(CommonConstants.FULL_PARENT)
+      //   .padding({
+      //     bottom: 15,
+      //     left: 10,
+      //     right: 10,
+      //     top: 2
+      //   })
+      //   .aspectRatio(this.ASPECT_RATIO_1_1)
+      //   .alt(this.getBottomLocalIcon(navItem, this.currentNavIndex === index))
+      ImageKnifeComponent({ imageKnifeOption: this.getBottomImageKnifeOption(navItem, this.currentNavIndex === index) })
         .padding({
         .padding({
           bottom: 15,
           bottom: 15,
           left: 10,
           left: 10,
           right: 10,
           right: 10,
           top: 2
           top: 2
         })
         })
-        .aspectRatio(this.ASPECT_RATIO_1_1)
-        .alt(this.getBottomLocalIcon(navItem, this.currentNavIndex === index))
+        .width('100%')
+        .height('100%')
+        .enabled(false)
 
 
       Text(navItem.name)
       Text(navItem.name)
         .margin({ bottom: $r('app.float.bottom_navigation_margin_bottom') })
         .margin({ bottom: $r('app.float.bottom_navigation_margin_bottom') })
@@ -157,6 +168,7 @@ export struct BottomNavigationComponent {
     .height($r('app.float.bottom_navigation_barHeight'))
     .height($r('app.float.bottom_navigation_barHeight'))
     .hoverEffect(HoverEffect.Highlight)
     .hoverEffect(HoverEffect.Highlight)
     .visibility(this.displayDirection === DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
     .visibility(this.displayDirection === DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None)
+    // .hitTestBehavior(HitTestMode.Block)
     .onClick(() => {
     .onClick(() => {
       Logger.info(TAG, `onChange, index: ${index}`);
       Logger.info(TAG, `onChange, index: ${index}`);
       this.onBottomNavigationIndexChange(navItem, index)
       this.onBottomNavigationIndexChange(navItem, index)
@@ -164,6 +176,24 @@ export struct BottomNavigationComponent {
 
 
   }
   }
 
 
+  getBottomImageKnifeOption(navItem: BottomNavDTO, isSelect: boolean): ImageKnifeOption {
+    let defaultIcon = this.getBottomLocalIcon(navItem, isSelect)
+    let url = this.getBottomIcon(navItem, isSelect)
+
+    let imageKnifeOption: ImageKnifeOption = {
+      loadSrc: url,
+      // 占位图使用本地资源
+      placeholderSrc: defaultIcon,
+      // 失败占位图使用本地资源
+      errorholderSrc: defaultIcon,
+      // 是否开启一级内存缓存
+      isCacheable: true,
+      // 磁盘缓存none
+      strategy: new NONE()
+    };
+    return imageKnifeOption
+  }
+
   private getBottomIcon(navItem: BottomNavDTO, isSelect: boolean): string | Resource {
   private getBottomIcon(navItem: BottomNavDTO, isSelect: boolean): string | Resource {
     if (!navItem) {
     if (!navItem) {
       return ''
       return ''
@@ -176,10 +206,10 @@ export struct BottomNavigationComponent {
       // 获取常规icon
       // 获取常规icon
       icon = isSelect ? navItem.iconC : navItem.icon
       icon = isSelect ? navItem.iconC : navItem.icon
     }
     }
-    if (StringUtils.isEmpty(icon) || icon.includes('.pag')) {
-      // 兜底，获取预置的本地icon
-      return this.getBottomLocalIcon(navItem, isSelect)
-    }
+    // if (StringUtils.isEmpty(icon) || icon.includes('.pag')) {
+    //   // 兜底，获取预置的本地icon
+    //   return this.getBottomLocalIcon(navItem, isSelect)
+    // }
     return icon
     return icon
   }
   }
 
 

@@ -17,6 +17,7 @@ import { TrackingModule } from 'wdTracking/Index'
 import { JSON } from '@kit.ArkTS'
 import { JSON } from '@kit.ArkTS'
 import app from '@system.app'
 import app from '@system.app'
 import { GetuiPush, HWLocationUtils } from 'wdHwAbility/Index'
 import { GetuiPush, HWLocationUtils } from 'wdHwAbility/Index'
+import { ImageKnife, ImageKnifeGlobal } from '@ohos/imageknife'
 
 
 const TAG = "[StartupManager]"
 const TAG = "[StartupManager]"
 
 
@@ -58,6 +59,14 @@ export class StartupManager {
       HostManager.changeHost(spHostUrl as HostEnum)
       HostManager.changeHost(spHostUrl as HostEnum)
     }
     }
 
 
+    // 初始化全局ImageKnife
+    ImageKnife.with(this.context);
+    let imageKnife: ImageKnife | undefined = ImageKnifeGlobal.getInstance().getImageKnife()
+    if (imageKnife != undefined) {
+      //设置全局内存缓存大小张数
+      imageKnife.setLruCacheSize(100, 100 * 1204 * 1024)
+    }
+
     // 友盟预初始化
     // 友盟预初始化
     this.preInitUmentStat()
     this.preInitUmentStat()