使用带有Core Animation的贝塞尔曲线的工作流程

时间:2011-06-02 10:52:27

标签: ios core-animation bezier

我最近参与了一个广泛使用Core Animation的项目。结果非常好。理想情况下,我会使用图层和贝塞尔曲线进行运动。

有没有人有一个很好的工作流程来创建数据点,然后在创建曲线时使用?我控制点丢了一点。从概念上讲,我确实理解发生了什么。

是否有第三方软件可以让您直观地创建贝塞尔曲线,然后将其导出到文本文件中以包含在源代码中?

2 个答案:

答案 0 :(得分:1)

免费http://inkscape.org/具有与SVG格式http://www.w3.org/Graphics/SVG/

兼容的XML编辑功能

它允许绘制bezier并导出它们的参数。

答案 1 :(得分:1)

这可能不像你想要的那么简单,但OmniGraffle假设你不压缩它们,用XML导出它的场景。如果您了解Python或其他一些支持xml的脚本语言,则可以非常直接地解析XML以获得其中的bezier值。我正在使用这种方法生成CoreAnimation bezier路径,并且运行良好。

所以,大致我正在做的事情:

  1. 在OmniGraffle中创建相同像素大小的参考矩形 作为您的展示

  2. 绘制一些贝塞尔曲线。

  3. 将文件另存为XML(确保压缩不在调色板中 某处)

  4. 使用python / XML从保存的场景文件中解析曲线数据
  5. 为您的应用程序保存一个更好的仅限曲线的xml文件资源。
  6. 在您的应用中编写代码以加载XML并创建CoreAnimation 使用文件中的贝塞尔曲线的曲线