相关问题
对象类型检查,有人会吗?求告知
1447浏览 • 1回复 待解决
请教一下,鸿蒙中怎么实现组件翻转动画?有没有代码参考呀?
1571浏览 • 1回复 待解决
HarmonyOS 卡片点击事件失效
1690浏览 • 1回复 待解决
#鸿蒙通关秘籍#有人知道吗,在服务卡片上,服务卡片它的架构是怎样的?
1268浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在ArkTS卡片中使用按钮旋转动画?
1745浏览 • 1回复 待解决
鸿蒙的服务卡片点击事件传参,可以动态设置吗?
7961浏览 • 1回复 待解决
服务卡片java如何设置点击事件
11243浏览 • 1回复 待解决
HarmonyOS 图片水平翻转问题
775浏览 • 1回复 待解决
HarmonyOS 横竖屏翻转卡顿
1095浏览 • 1回复 待解决
openharmony 点击一个app图标的动效怎么实现?
6181浏览 • 1回复 待解决
HarmonyOS能否监听到设备翻转
1225浏览 • 1回复 待解决
HarmonyOS 字符串翻转如何实现
774浏览 • 1回复 待解决
HarmonyOS 属性动效如何实现不点击默认就能启动动画
1113浏览 • 1回复 待解决
点击服务卡片如何跳转至指定的页面
3667浏览 • 1回复 待解决
HarmonyOS 如何实现旋转动画
1504浏览 • 1回复 待解决
如何通过卡片点击实现业务登录场景
2516浏览 • 1回复 待解决
鸿蒙中怎么实现动画翻转效果
11923浏览 • 2回复 待解决
HarmonyOS Popup会拦截页面点击事件
887浏览 • 1回复 待解决
有人知道关于页demo吗?
1735浏览 • 1回复 待解决
有人知道JS menu如何隐藏吗?
5624浏览 • 1回复 待解决
如何发送短信,有人知道吗?
3188浏览 • 1回复 待解决
如何跳出ForEach,有人知道吗?
3295浏览 • 1回复 待解决
有人知道吗?
1836浏览 • 1回复 待解决
有人知道吗?
1503浏览 • 1回复 待解决
taskpool 使用问题,有人知道吗?
2261浏览 • 1回复 待解决





















点击图片进行翻转展示另外一张图片。
实现方案:
使用if进行切换显示图片 结合transition来实现翻转动效。
图形变换:
进行翻转动效需要用到rotate
链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-attributes-transformation-0000001815767724
实现过程:
1. 首先要确定卡片该沿哪个方向旋转。
例如本文实现的是沿着矢量(0,1,0)为旋转轴顺时针旋转180度。
2. 另一张图片延同一旋转轴反方向旋转相同度数。
3. transition 必须要和 animateTo 一起使用才能产生组件转场效果。
实现代码: