绘图与动画
关注
分享
扫一扫
文章平均质量分 90
6Ningt
读万卷书，行万里路。
展开
-
绘图与动画之使用自定义属性与颜色渐变实现色带加载动画
基础知识本书用到的主要技术有自定义属性动画与颜色渐变。 自定义属性动画在 绘图与动画系列之使用自定义属性与图像掩膜实现灯泡开关动画一文中已经讲过，这里就不再解释。颜色渐变Quartz提供了两种创建颜色渐变的数据类型：CGShadingRef和CGGradientRef，而渐变的种类则分为轴向和径向两种，两种数据类型均可以绘制这两种渐变。 本文中用到的是CGGradientRef，创建CGGrad原创 2015-09-03 14:58:25 · 1375 阅读 · 0 评论 -
绘图与动画之使用自定义属性与图像掩膜实现灯泡开关动画
基础知识本文主要用到的技术主要有自定义属性动画与图像操作。自定义属性动画常见的CABasicAnimation和CAKeyframeAnimation只能对CAlayer的默认属性进行操作，而对于自有属性无法实现的动画效果我们可以通过自定义属性动画来实现。实现过程如下：顾名思义，首先我们要根据动画效果添加相应的自定义属性，即动画的路径是关于此属性的函数。同时，属性的实现需要指定为原创 2015-09-03 13:07:19 · 961 阅读 · 0 评论 -
绘图与动画之使用CAKeyframeAnimation实现仿WP水滴加载动画
基础知识本文所用到的是CAKeyframeAnimation即关键帧动画，CAKeyframeAnimation和CABasicAnimation同为CAPropertyAnimation的子类，都可以通过keyPath来为view的某一属性实现常用动画。 不同的是，CABasicAnimation只能指定属性的起始值（fromValue）、最终值（toValue）和步进值（byValue）；而C原创 2015-09-02 23:43:37 · 1051 阅读 · 0 评论 -
绘图与动画之使用自定义属性与Quartz实现扇形加载动画
前言许久不更博客，心痒难耐。 正好Quartz内容也有些忘却，索性写个绘图动画熟熟手。 之前见过一下扇形加载动画，具体哪个应用已经不记得，当时觉得很有意思，正好在这里实现一番。大概效果如下：思路与算法从图中不难看出，整个动画每转一圈会前进一部分，循环往复。 将每次旋转单独拆分的话，又分为三个部分：扇形扩展整体前进扇形收缩于是我们可以得出：整个扇形为一个以时间为未知数的周期函数，同时也是原创 2015-11-03 18:17:40 · 913 阅读 · 0 评论