nativeScript-rotate-3d
NativeScript 插件,添加一个可以3D旋转的视图,即围绕X、Y或Z轴旋转。
npm i --save nativescript-rotate-3d

NativeScript Rotate3D

这是一个用于添加3D旋转(即围绕X、Y和Z轴旋转)的NativeScript插件。

安装

tns plugin add nativescript-rotate-3d

示例

<Rotate3D rotate="40" axis="Y" cameraDistance="2000">
/* Whatever you want */
</Rotate3D>

用法

由于我们继承自 StackLayout,您可以在任何可以使用 StackLayout 的地方添加 <Rotate3D>

除了您可以在 StackLayout 上设置的任何属性外,您还应该添加

参数 描述 默认值
rotateAxis 视图将围绕哪个轴旋转(X、Y、Z) Z
cameraDistance 视图与视图相机之间的距离 2000

下一步

  • [x] 实现 X、Y、Z 轴的旋转。
  • [ ] 使用视图动画方法处理动画。
  • [ ] 提高iOS和Android之间的透视关系。

贡献

如果您想帮助改进此插件,请将其视为自己的,并尽可能多地创建PR(Pull Requests):)

获取帮助

请,仅使用 GitHub issues报告错误请求新功能

联系

Twitter: hamdiwanis
Email: [email protected]