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
相关问题
多态样式可否导出给全局使用
533浏览 • 1回复 待解决
多态控件」效果样式确认
477浏览 • 1回复 待解决
如何设置组件不同状态样式
718浏览 • 1回复 待解决
何设置组件不同状态样式
629浏览 • 1回复 待解决
ArkUI 如何设置组件悬停状态
465浏览 • 1回复 待解决
@Extend样式如何组件共享?
1119浏览 • 1回复 待解决
RichEditor组件如何设置初始字体样式
459浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
392浏览 • 1回复 待解决
Image组件如何读入沙箱内图片
1114浏览 • 1回复 待解决
Image组件如何加载沙盒内图片
729浏览 • 1回复 待解决
Image组件如何设置默认图?
472浏览 • 1回复 待解决
js api select组件如何使用
5630浏览 • 2回复 已解决
Image组件如何加载网络图片
904浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
807浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
136浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
7182浏览 • 1回复 待解决
如何获取UI组件显示或隐藏状态
613浏览 • 1回复 待解决
Image组件如何实现双指手势放大
654浏览 • 1回复 待解决
怎么获取select选中
6032浏览 • 1回复 待解决