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的图片
167浏览 • 1回复 待解决
如何在图片显示的分辨率
1580浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
509浏览 • 1回复 待解决
HarmonyOS Image组件网络图片显示
175浏览 • 1回复 待解决
如何设置组件不同状态的样式
1779浏览 • 1回复 待解决
Image组件如何加载网络图片
2327浏览 • 1回复 待解决
长按滑动显示不同的内容
691浏览 • 1回复 待解决