精巧顺滑的下载动画

demo 下载：

网页链接

开始之前你需要了解的
先上一张CAAnimation层次图:

图上只是一些类的常用属性,后边更多代码会讲到.
怎样分解动画
关于分解gif,其实用mac 预览 开发gif文件,就可以看到所有帧的图片.

选取其中几张动画节点的图片存好备用.比如:

考虑到适配问题service类里已经提取好了.
怎样连贯动画
连贯动画是展示你做的效果流畅不流畅,看着舒服不舒服的能力.其实我是也是尝试很多遍,让很多人看了这个效果,有说别扭的咱就改,咋顺咋来.所以让动画连贯起来尤为重要.
第一,就是要动画节点要选准确,定位好动画与动画的衔接处.第二,让动画结束时,恢复自然状态,而不是默认状态.尽量不要有太大的差异和不规整的地方第三,使用组合动画,掐好时间节点.
简单的就说就说这么多,下面我们开始演练代码~~~~~~
代码实现
基本实现想法
1.自定义UIControl类,因为它本身就是UIView子类,做点击事件的View再好不过.(另一种方式用block点击回调)2.点击区域是否在圆内判断3.两个CAShapeLayer圆环+(一个CAShapeLayer箭头和CAShapeLayer竖线)组合成箭头+label4.一个service类管理创建所用到的path和animation

所有方法预览

时间： 2025-01-18 11:57:45

精巧顺滑的下载动画的相关文章

Activity左边滑出，右边滑入的动画切换

Activity左边滑出,右边滑入的动画切换 转载请注明出处:http://blog.csdn.net/u012301841/article/details/46920809 大家都知道Android系统默认Activity间的动画切换效果为:左边滑出.右边滑入,按返回键的动画切换效果为:左边滑入,右边滑出.但是现在的手机制造商都定制自己的Rom,像MI UI和锤子OS等之类的手机,导致Android原生的切换动画在不同的手机上发生了改变,有时候我们需要让他变回原生的状态. 这是我在网上盗的一张

分享十个CSS3鼠标滑过文字动画特效

介绍10组基于CSS3的鼠标滑过文字动画特效,有上凸.下凹等文字动画.这些炫酷的CSS3文字效果可以让网页变得更加绚丽.效果图如下: 在线预览   源码下载 实现的代码. html代码: <h2 class="headingOuter"> Push down (shadow effect)</h2> <div class="headingWrapper color-bright"> <a href=""

Blend制作的下载动画

最近使用Blend制作了一个下载动画,感觉很有意思,所以这篇给各位介绍下如何使用Blend制作一个简单的下载动画的步骤 首先拖出一个圆,参数如下: 选中椭圆后单击Properties面板,选择“Fill”,选择“线性渐变”画笔 选择工具箱中的 ,可以看到椭圆上出现一个渐变箭头. 按照Alt键,拖动渐变的中心点: 调整后,椭圆大约如上所示,下面继续添加长宽均为60,画笔为白色的圆形 选择这两个图像,在“对象”菜单中分别操作对齐|水平居中,对齐|垂直居中命令,这个时候,两者会重叠在一起 在“对象”菜

（转）Unity3d使用心得（2）：Unity3d 动态下载动画资源——AnimationClip 的使用 - 斯玛特琦

引言: 在使用 Unity3d 开发微端.或者网页游戏的时候常常须要将资源打包成 AssetBundle ,然后通过 www 的方式动态的下载资源.今天要分享的是我再动态下载 Animation 骨骼动画的时候走的一些弯路和自己最后的解决方式. 我们的项目中的动画资源有上百套之多,每一套动画大概在300KB 到 900KB 之前,所以有一个非常重要的需求就是动态的下载须要的动画. 错误的方法: 我看到需求后想到的第一种方法是将 FBX 倒入的 Prefab 实例化,将当中的 Animation

首次下载动画

#pragma mark 设置首次启动动画 // NSString *info = [NSBundle mainBundle].infoDictionary[@"CFBundleVersi on"]; // [NSThread sleepForTimeInterval:5.0f]; //创建窗口 self.window= [[UIWindowalloc]init]; self.window.backgroundColor= [UIColor whiteColor]; self.wind

iOS－应用管理 点击按钮下载动画

// // CZAppView.m // 应用管理 // // Created by YaguangZhu on 15/8/1. // Copyright (c) 2015年 YaguangZhu. All rights reserved. // #import "CZAppView.h" #import "app.h" @interface CZAppView () @property (weak, nonatomic) IBOutlet UIImageView

一款非常好看的下载动画

废话不多说,先上效果图 在下载的时候蓝色的边会跟着下载的进度以前变化 --思路:大概的思路就是在这张图片上盖上一层视图,视图里面有画两个圆,内圆是显示加载进度的,显示的颜色是半透明的,外圆的底色也是半透明的,在将弧长分成4份,第一和第三的弧长部分显示的是浅蓝色,然后就是随着加载进度的变化而开始转动,下面贴代码 1.初始化的时候开始创建我们需要的各种图形 public CircularProgressBar(Context paramContext, AttributeSet paramAttri

iOS开发常用三方库、插件、知名博客等等

TimLiu-iOS   Swift版本点击这里 欢迎加入QQ交流群: 594119878 介绍 这是一个用于iOS开发的各种开源库.开源资料.开源技术等等的索引库. github排名 https://github.com/trending,github搜索:https://github.com/search 使用方法 根据目录关键字搜索,记得包含@,以保证搜索目录关键字的唯一性. 问题反馈 期待大家和我们一起共同维护,同时也期望大家随时能提出宝贵的意见(直接提交issues即可).请广大网友只

iOS 强大第三方资源库

Github用法 git-recipesGit recipes in Chinese. 高质量的Git中文教程. lark怎样在Github上面贡献代码 my-git有关 git 的学习资料 gitignore非常赞 有用的.gitignore模板集合(忽略上传的文件集合),包含了各种语言. 完整[email protected] open-source-ios-apps- iOS开源App集合,分:swift与Objective-C--国外人整理. NewsBlur作者独自一个人 Samuel