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 
    } 
  })
分享
微博
QQ
微信
回复
2024-06-05 20:09:02
相关问题
stateStyles如何使用selected选中态)
384浏览 • 1回复 待解决
多态样式可否导出给全局使用
1682浏览 • 1回复 待解决
多态控件」效果样式确认
1670浏览 • 1回复 待解决
Image如何多态下显示不同图片?
617浏览 • 1回复 待解决
如何设置组件不同状态样式
1938浏览 • 1回复 待解决
何设置组件不同状态样式
2060浏览 • 1回复 待解决
ArkUI 如何设置组件悬停状态
1747浏览 • 1回复 待解决