在本教程中,我还将展示如何在 Xcode 中编辑生成的代码,以便可以更改百分比动画。
使用 Insert > CALayer 创建一个 CALayer。将其调整为 {90, 220},将其背景颜色设置为灰色并将其重命名为 main。
要使用peopleMask遮罩主层,我们需要先将peopleMask作为主层的子层。使用图层列表将 peopleMask 拖到 main 中,使其看起来像这样。
因为填充层会从底部从零高度增加到全高度,所以使用图层检查器将其锚点设置为{0.5, 1}并将其高度设置为1。
现在使用时间轴面板添加边界动画以填充图层。然后使用关键帧检查器将边界 toValue 设置为其全高,即 218。同时将时间设置为 Ease In Ease Out。
那么,如何让动画停在某个百分比?为此,我们需要在 Xcode 中编辑 QuartzCode 生成的代码。
但是在此之前,创建一个文本图层并将其放在主图层下方并将其重命名为百分比。百分比层显示选民的百分比。将文本字符串更改为“100%”。
为百分比层添加变换动画并设置从填充层的边界动画即将结束时的开始时间。使用关键帧检查器,将 fromValue 设置为启用并将缩放 x 和缩放 y 更改为 0。将计时功能更改为缓入,然后单击其右侧的按钮并更改计时功能,如下所示:
百分比层最初应该是不可见的。要隐藏百分比图层,请在图层列表中勾选百分比图层的眼睛按钮。此步骤应确保百分比层最初是隐藏的。
要再次取消隐藏,添加隐藏动画并将其开始时间设置为等于变换动画。对于隐藏动画, fromValue 和 toValue 都应该设置为 NO 以指示图层应该取消隐藏。下图显示了 QuartzCode 中的最终动画和设置。
为了使其可用于不同的百分比,我们需要在 Xcode 中编辑生成的代码。我不会详细讨论如何设置 Xcode 项目,但会跳到如何编辑生成的代码。
这是初始生成代码的样子,我们需要编辑 startAllAnimations: 和 fillAnimation 以便我们可以使用代码将动画设置为任何百分比。
以上就是QuartzCode教程:如何使用QuartzCode制作百分比投票动画,我希望这个教程对你有用。
以上就是MacW小编为大家带来的“QuartzCode教程:如何使用QuartzCode制作百分比投票动画?”,本文关键词:“QuartzCode教程,百分比投票动画如何制作,QuartzCode Mac版下载”,链接:“https://www.macw.com/news/1646.html”,转载请保留。
Mac教程如何在Safari中使用画中画?在Mac上使用画中画的三种方法
如何在Safari中使用画中画?有多种方法可以从Mac上的Safari进入画中画模式,macw小编带来了3中画中画的使用方法,具体教程如下:
2252021-05-29
Mac教程GarageBand教程|如何使用库乐队在Mac上录制播客?
GarageBand 经过重新设计,拥有焕然一新的外观和精彩全新的功能,是您在 Mac 上创作动听乐曲的最简便方式,本文带来了如何使用库乐队在Mac上录制播客教程。
942021-05-29
Mac教程Photoshop实用技巧:Photoshop 曲线 Curves 的用法详解
Photoshop是一款非常强大的图片编辑软件,是很设计师的首选。今天小编为大家带来Photoshop曲线(Curves)这一调整工具的详细使用教程,满满的干货,快来一睹为快吧!
282021-06-05
Mac教程Pages文稿如何输入重音符和特殊字符?
Pages文稿支持特殊字符,包括数学符号、带重音符的字母、箭头和表情符号以及日文、中文和韩文字符,等等。那么Pages文稿如何输入重音符和特殊字符?
412021-06-07
Mac教程macOS Monterey 怎么升级?macOS 12升级教程
今天凌晨 1 点,苹果举行了 WWDC 21 开发者大会,发布了Mac 操作系统的下一版本。新一代 macOS 命名为 Monterey,这是美国加州的一个海湾城市。
16182021-06-08
Mac教程多动画教程:使用 QuartzCode 加载、完成和失败动画
从 1.3 版本开始,QuartzCode 现在支持多种动画。在这篇文章中,我将展示如何在 QuartzCode 中创建加载、完成和失败动画作为多个动画。
152021-06-16