您当前网页浏览器版本较旧,影响您浏览本站的体验。了解更多今天不再显示
En
QuartzCode for Mac 将动画转化 ObjC/Swift 代码
QuartzCode for Mac 将动画转化 ObjC/Swift 代码
分享到:

QuartzCode for Mac 在开发人员、设计师以及动画制作人员之间搭建起了一座桥梁。您可以在超过 5 种层级中选择或组合,以及使用超过 25 种动画属性,来创造令人惊叹的动画效果。现在,您无需编写任何代码即可在 iOS 以及 OS X 中创建您所需要的动画效果。

我能使用 QuartzCode 做到哪些效果?

让您的创意具体化,在不同的动画效果之间快速过渡。通过 Xcode 使用代码方式手动创建动画效果可能会浪费您宝贵的时间。QuartzCode 将为您大大减少创建复杂动画效果的时间开销。

主要特性

  • 将图画以及动画效果转为代码:
    将动画应用于矢量图以及光栅图 (位图) 时,QuartzCode 将为您实时生成适用于 iOS 或 OS X 项目的 Objective-C 或 Swift 代码。
  • 多种动画效果:
    在单个 QuartzCode 项目中创建多个动画状态,这将有助于您使用同一个元件创建不同的动画效果。每种动画效果都允许你用以生成的代码进行单独地调用。
  • 颜色共享:
    在不同的层级或时间线中重复使用相同颜色,这些颜色将被作为属性生成于代码中,而您依旧能够使用 Xcode 更改这些颜色值。
  • SVG 文件导入:
    您可以轻松地导入在其他绘图应用中生成的 SVG 文件至 QuartzCode 中。

层级/特效层

在 QuartzCode 中的每个层级都有着不同的作用,同时它们拥有特有的可动画化属性。通过结合多个层级类型能够创造有趣且独特的动画效果。

特效层则支持关联并结合多个动画效果,以此生成延迟动画。添加任意动画效果至特效层并设置其实例延迟,其所有子层将依据延迟时间,自动生成过渡动画效果。您可使用各种各样的延迟动画效果,比如创建文本特效:

 

 

时间轴面板

您可以在时间轴面板中添加或修改动画时长,帮助您创建简单或复杂的动画组合。

可动画化属性

形状转换、位移、颜色填充、Z 轴位置、阴影效果、不透明度、线宽、路径、颜色渐变、字体大小等

 

 

主要工具

  • 矢量图绘制工具:
    使用内建的矢量作图工具绘制图形,用布尔、锚点或变形转换操作来调整您的作品。
  • 层级检查工具:
    层级检查工具可用于编辑层级属性,每个层级类型都有不同的可编辑属性。
  • 元件对齐工具:
    元件对齐工具可用于同时对齐多个同层,甚至您还可以使元件基于层级锚点进行对齐。
  • 转换工具;
  • 所见即所得的颜色渐变编辑器;

代码生成

  • Relative Frame:
    通过 Relative Frame,您能够更加简单地支持不同分辨率的多种设备。当前帧、路径、位置动画以及转换动画均支持该属性。
  • Completion Block:
    每个动画均具有 Completion Block,您可在某个动画完成后才继续执行其他所需要的动作。
  • Reverse Animation:
    在 Xcode 中轻松实现 Reverse Animation,支持不同层级的多个动画效果。
  • Animation Duration:
    当勾选「Animation Duration」时,您可以使用 Xcode 手动设置动画效果的时间长度。
  • End Time:
    当勾选并设置「End Time」后,动画效果将在其原定完成时间前 (加速完成) 结束。
文章评论

发表评论

您忘了输入昵称
为了更好地彼此沟通,评论字数不得少于5个

订阅我们
联系我们

如果您已经安装了旺旺,可点击左下方的按钮,一键启动与我们的对话。

如未安装,则可先进入官网,下载最新版本的旺旺工具。

联系在线客服 下载旺旺客户端 联系在线客服 下载旺旺客户端
填写有效的邮箱地址
请输入有效的反馈内容,不少于10个字