Image如何在多态下显示不同图片?

如何替换Image组件在不同状态下的图片src,如按压pressed、选中selected?


UI
Image
2024-07-12 13:17:58
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Noedd

两个要点:

1、指定一个变量表示状态,或几个布尔变量表示各状态是否true,需要是@State变量;

然后在Image中指定图片时用多级 ? :  操作符进行不同状态的图片源赋值,如:

Image(isPressed? ? img1 : isSelected ? img2 : ... ?  someImg : defaultImg)

2、利用好通用事件,如 onTouch, onClick, onFocus 等,在其相应回调中进行状态变量的修改,这样即可出现与状态联动的图片切换效果。

分享
微博
QQ
微信
回复
2024-07-12 16:18:39
相关问题
如何在图片显示的分辨率
1413浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
83浏览 • 1回复 待解决
Image组件如何加载网络图片
1979浏览 • 1回复 待解决
如何设置组件不同状态的样式
1571浏览 • 1回复 待解决
Image组件如何加载沙盒内的图片
1952浏览 • 1回复 待解决
Image组件如何读入沙箱内的图片
2175浏览 • 1回复 待解决
长按滑动显示不同的内容
514浏览 • 1回复 待解决
如何Image组件动态更改图片?
198浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
483浏览 • 1回复 待解决
Image怎么替换svg图片
7806浏览 • 1回复 待解决