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
相关问题
HarmonyOS Image如何显示base64的图片
472浏览 • 1回复 待解决
HarmonyOS Image组件网络图片显示
405浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
1101浏览 • 1回复 待解决
HarmonyOS Image显示GIF图片时的控制
285浏览 • 1回复 待解决
如何在图片显示的分辨率
1763浏览 • 1回复 待解决