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
相关问题
多态样式可否导出给全局使用
622浏览 • 1回复 待解决
多态控件」效果样式确认
623浏览 • 1回复 待解决
Image如何多态下显示不同图片?
54浏览 • 1回复 待解决
如何设置组件不同状态样式
862浏览 • 1回复 待解决
何设置组件不同状态样式
757浏览 • 1回复 待解决
ArkUI 如何设置组件悬停状态
583浏览 • 1回复 待解决
@Extend样式如何组件共享?
1255浏览 • 1回复 待解决
RichEditor组件如何设置初始字体样式
486浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
549浏览 • 1回复 待解决
Image组件如何读入沙箱内图片
1246浏览 • 1回复 待解决
Image组件如何加载沙盒内图片
851浏览 • 1回复 待解决
Image组件如何设置默认图?
511浏览 • 1回复 待解决
js api select组件如何使用
5740浏览 • 2回复 已解决
Image组件如何加载网络图片
1055浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
922浏览 • 1回复 待解决
如何获取UI组件显示或隐藏状态
717浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
182浏览 • 1回复 待解决
Image组件如何实现双指手势放大
788浏览 • 1回复 待解决
NEXT版本如何获取设备网络状态
765浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
7303浏览 • 1回复 待解决