HarmonyOS TabContent如何设置选定图标和未选定图标？

//选定目标 
@State currentIndex: number = CommonConstants.HOME_TAB_INDEX; 
private tabsController: TabsController = new TabsController(); 
@Builder TabBuilder(title: string, index: number, selectedImg: Resource, normalImg: Resource) { 
  Column() { 
    Image(this.currentIndex === index ? selectedImg : normalImg) 
    Text(title) 
      .fontColor(this.currentIndex === index ? $r('app.color.mainPage_selected') : $r('app.color.mainPage_normal')) 
  } 
  .onClick(() => { 
    this.currentIndex = index; 
    this.tabsController.changeIndex(this.currentIndex); 
  }) 
} 
//对选定图标设置选定图片，对未选定图标设置正常图片 
TabContent.tabBar(this.TabBuilder(CommonConstants.HOME_TITLE, CommonConstants.HOME_TAB_INDEX, 
  $r('app.media.home_selected'), $r('app.media.home_normal')))

@Builder TabBuilder(title: string, index: number, selectedImg: Resource, normalImg: Resource) { 
  Column() { 
    Image(this.currentIndex === index ? selectedImg : normalImg) 
      .width($r('app.float.mainPage_baseTab_size')) 
      .height($r('app.float.mainPage_baseTab_size')) //设置图片高度 
    Text(title) 
      .margin({ top: $r('app.float.mainPage_baseTab_top') }) 
      .fontSize($r('app.float.main_tab_fontSize')) // 设置字体大小 
  } 
  .height($r('app.float.mainPage_barHeight')) // 设置tabBar高度 
  .onClick(() => { 
    this.currentIndex = index; 
    this.tabsController.changeIndex(this.currentIndex); 
  }) 
}