HarmonyOS Image 按压态设置

如果我希望在 Tabs 控件中用 Image 和 Text 来作为 TabContent,那么如何设置 Image default、pressed、selected 三种状态的图标呢

HarmonyOS
2024-10-22 10:57:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

请参考以下步骤:

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

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

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

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

分享
微博
QQ
微信
回复
2024-10-22 18:16:55
相关问题
TextInput按压背景色如何修改
2528浏览 • 1回复 待解决
HarmonyOS 图片按压效果的实现
138浏览 • 2回复 待解决
HarmonyOS 如何给image设置遮罩 ?
337浏览 • 1回复 待解决
HarmonyOS Image如何设置高斯模糊
48浏览 • 1回复 待解决
HarmonyOS 设置Image的宽高比例ratio
31浏览 • 1回复 待解决
Image组件无法设置长按事件
1930浏览 • 1回复 待解决
Image组件如何设置默认图?
1035浏览 • 1回复 待解决
如何取消Button默认的按压效果?
660浏览 • 1回复 待解决
stateStyles如何使用selected(选中
384浏览 • 1回复 待解决
HarmonyOS 自定义扫码的恢复API
49浏览 • 1回复 待解决