HarmonyOS RotateOptions

RotateOptions中perspective的用法Demo有吗?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

根据这个示例添加perspective参数即可,

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-transformation-V5#ZH-CN_TOPIC_0000001893211777__示例

perspective属性实际上是视点到z=0平面的距离。有点类似平行于z轴的角度 rotate默认是z轴旋转,需要设置旋转参数中 x 或者y轴的参数,就可以看到效果,perspective 也没有取值范围

demo如下:

@Entry
@Component
struct TransformExample {
  build() {
    Column() {
      Row()
        .rotate({
          x: 1,
          y: 0,
          z: 0,
          centerX: '50%',
          centerY: '50%',
          angle: 300,
          perspective: 10
        }) // 组件以矢量(0,0,1)为旋转轴,绕中心点顺时针旋转300度
        .width(100).height(100).backgroundColor(0xAFEEEE)
        .margin({ top: 15 })
    }.width('100%').margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 关于HarmonyOS应用的备案
37浏览 • 1回复 待解决
HarmonyOS flutter接入HarmonyOS原生视图
74浏览 • 1回复 待解决
HarmonyOS
57浏览 • 1回复 待解决
HarmonyOS h5和HarmonyOS怎么通信?
161浏览 • 1回复 待解决
HarmonyOS floatingActionButton
14浏览 • 1回复 待解决
HarmonyOS Tabs
29浏览 • 1回复 待解决
HarmonyOS LazyForEach
342浏览 • 1回复 待解决
HarmonyOS encodeURIComponent
23浏览 • 1回复 待解决
HarmonyOS jsbridge HarmonyOS版本
90浏览 • 1回复 待解决
HarmonyOS HarmonyOS应用开发是否支持c++20
100浏览 • 1回复 待解决
HarmonyOS HarmonyOS社区组件问题
325浏览 • 1回复 待解决
HarmonyOS fileAccess使用
527浏览 • 1回复 待解决
HarmonyOS HMRouter使用?
155浏览 • 0回复 待解决
HarmonyOS Radio 组件
30浏览 • 1回复 待解决
HarmonyOS 动画需求
25浏览 • 1回复 待解决
HarmonyOS AVPlayer XComponent
361浏览 • 1回复 待解决
Cronet适配HarmonyOS
868浏览 • 1回复 待解决
HarmonyOS 全局字体
62浏览 • 1回复 待解决
HarmonyOS confirm: () => void = () => { }
12浏览 • 1回复 待解决
HarmonyOS Refresh + Web?
113浏览 • 0回复 待解决