image组件如何使用多态样式stateStyles中的selected选中状态

image组件如何使用多态样式stateStyles中的selected选中状态,目前需要使用image的选中状态来切换图片的加载源,比如a图片点击之后切换为b,再次点击重新切换为a,

HarmonyOS
2024-06-04 23:48:31
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
davis_li

Styles中是设置属性样式的,而image组件的加载源不是通过属性来控制,可以使用状态变量控制图片显示。

示例代码:

@State imageSrc: Resource | string = $r('app.media.startIcon') 
 
Image(this.imageSrc) 
  .onClick(() => { 
    if (this.imageSrc == 'A') { 
      this.imageSrc = 'B' 
    } else { 
      this.imageSrc = 'A' 
    } 
  }) 
Image(this.imageSrc == 0 ? $r('app.media.startIcon') : $r('app.media.icon')) 
  .onClick(() => { 
    if (this.imageSrc == 1) { 
      this.imageSrc = 0 
    } else { 
      this.imageSrc = 1 
    } 
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
分享
微博
QQ
微信
回复
2024-06-05 20:09:02


相关问题
stateStyles如何使用selected选中态)
979浏览 • 1回复 待解决
HarmonyOS stateStyles多态样式
678浏览 • 1回复 待解决
多态样式可否导出给全局使用
2452浏览 • 1回复 待解决
多态控件」效果样式确认
2217浏览 • 1回复 待解决
Image如何多态下显示不同图片?
1130浏览 • 1回复 待解决
如何设置组件不同状态样式
2693浏览 • 1回复 待解决
何设置组件不同状态样式
2849浏览 • 1回复 待解决
ArkUI 如何设置组件悬停状态
2452浏览 • 1回复 待解决