Swift动画编程指南-01 简介

  大家好,我是老镇,这段时间家里和工作上发生了很多的事情,所以很长一段时间都没有出来搞什么小动作了。在接下来的一段时间内我会制作一些列关于使用Swift进行动画编程的视频,希望和大家胃口。

  在iOS的世界中,很多应用有着相似的颜色,相似的排版,可谓千篇一律。即使Apple的UI设计与用户体验相当的出色,也难免会产生审美疲劳。为了寻求差异化,新颖的动画设计是一个很好的突破口。

  

在这个系列的视频中,我们一同学习的内容如下:

  1. 首先会介绍几个非常棒的动画Show
  2. 接着会谈谈动画会涉及到得几个属性
  3. 思考动画是如何形成的
  4. 介绍动画曲线

再介绍完基本原理之后,我们会从三个方面结合实际代码来学习动画编程

  1. 原生的UIKit和Core Animation
  2. 第三方动画框架JNSSpringAnimaction
  3. Facebook Pop

视频中有三个动画Show

第一个是Facebook Paper

  Facebook所有的过渡都使用2d或者3d动画效果。在示例图中我们可以看到炉火纯青的弹性动画让人眼前一亮。特别是中间这幅,图片被施了魔法一样,从画面中活了过来,然后像折纸一样打开。

  而这些出色的动画都是用Facebook Pop这个开源框架实现的。之后我们将详细解说这个框架。

第二个是苹果手表

  在苹果手表中,UI交互设计可谓行云流水,毫无违和感。大家可以看到和iPhone与iPad不同的是,手表中的屏幕非常小,所以没有常见的Tabbar [tæb],Navigation导航。所以过渡动画的设计就更加重要,不仅为了视觉效果,同时还要负担起导航的功能。

第三个是一个菜单效果

  像苹果手表一样,这个例子中的动画能起到总体结构的视觉解释的作用。动画的开始是一个很简单的居中对齐的文本菜单。当我们点击菜单的时候,底部的文件夹图标就会将数据释放出来。返回的时候,数据收纳进文件夹,最后文件夹关闭的动画更是点睛之笔。

  最后,欢迎大家加入企鹅群-我们都爱Swift(398888638)一起交流

时间: 2024-10-08 10:17:18

Swift动画编程指南-01 简介的相关文章

Swift动画编程指南-02 简介Swift动画是怎么炼成的

上一节我们看了几个很棒的例子,我们不禁会想.他们是怎么设计的,怎么从一个空白的画布变成一个完整的,美丽的动画.这些动画是如何产生的,是哪些属性被改变了.我们还要认真思考的是,每一个步骤到底发生了什么. 很多时候,我们都只要操纵位置,透明度,缩放就能形成很棒的动画. XY坐标属性(Position) 如果我们想在屏幕上移动一个对象的位置,那么我们只需要改变Position属性.在iOS的坐标系中,原点(0.0)在左上角.例如我们要做一个从底部上升的动画,只需要在动画之初设置其Y坐标大于将屏幕的措置

Swift动画编程指南-02 Swift动画是怎么炼成的

上一节我们看了几个很棒的例子,我们不禁会想.他们是怎么设计的,怎么从一个空白的画布变成一个完整的,美丽的动画.这些动画是如何产生的,是哪些属性被改变了.我们还要认真思考的是,每一个步骤到底发生了什么. 很多时候,我们都只要操纵位置,透明度,缩放就能形成很棒的动画. XY坐标属性(Position) 如果我们想在屏幕上移动一个对象的位置,那么我们只需要改变Position属性.在iOS的坐标系中,原点(0.0)在左上角.例如我们要做一个从底部上升的动画,只需要在动画之初设置其Y坐标大于将屏幕的措置

核心动画编程指南Core Animation Programming Guide - iOS

1 有关核心动画 1.1 概览 1.1.1 Core Animation 管理应用的内容 核心是 layer objects, 1.1.2 更改 layer 触发动画 Like views, layer objects have a bounds rectangle, a position onscreen, an opacity, a transform, and many other visually-oriented properties that can be modified. 更改这

swift动画

iOS开发之让你的应用“动”起来(swift) Core Animation学习笔记(转) OS-Core-Animation-Advanced-Techniques(一)(转) iOS-Core-Animation-Advanced-Techniques(二)(转) iOS-Core-Animation-Advanced-Techniques(三)(转) iOS-Core-Animation-Advanced-Techniques(四)(转) iOS-Core-Animation-Advanc

Core Animation编程指南

本文是<Core Animation Programming Guide>2013-01-28更新版本的译文.本文略去了原文中关于OS X平台上Core Animation相关内容.因为原文的类型属于编程指南,所以示例代码并不多,更多的是理论层面的探讨.所以译文中加入了大量的示例代码,以提高本文的可操作性.希望本文能够对你有所帮助. 本文由海水的味道翻译,转载请注明译者和出处,请勿用于商业用途! 关于Core Animation Core Animation是iOS与OS X平台上负责图形渲染

KVC/KVO原理详解及编程指南

http://blog.csdn.net/wzzvictory/article/details/9674431 2.KVC/KVO实现原理 键值编码和键值观察是根据isa-swizzling技术来实现的,主要依据runtime的强大动态能力.下面的这段话是引自网上的一篇文章: http://blog.csdn.net/kesalin/article/details/8194240 当某个类的对象第一次被观察时,系统就会在运行期动态地创建该类的一个派生类,在这个派生类中重写基类中任何被观察属性的

线程同步-iOS多线程编程指南(四)-08-多线程

首页 编程指南 Grand Central Dispatch 基本概念 多核心的性能 Dispatch Sources 完结 外传:dispatch_once(上) Block非官方编程指南 基础 内存管理 揭开神秘面纱(上) 揭开神秘面纱(下) iOS多线程编程指南 关于多线程编程 线程管理 Run Loop 线程同步 附录 Core Animation编程指南 Core Animation简介 基本概念 渲染架构 几何变换 查看目录 中文手册/API ASIHTTPRequest Openg

转:KVC/KVO原理详解及编程指南

作者:wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/9674431 转载请注明出处 如果觉得文章对你有所帮助,请通过留言或关注微信公众帐号wangzzstrive来支持我,谢谢! 前言: 1.本文基本不讲KVC/KVO的用法,只结合网上的资料说说对这种技术的理解. 2.由于KVO内容较少,而且是以KVC为基础实现的,本文将着重介绍KVC部分. 一.简介 KVC/KVO是观察者模式的一种实现,在Cocoa中是以被万物之源NS

CoreAnimation编程指南

转自http://www.cocoachina.com/bbs/read.php?tid=124478 第一章      核心动画概念核心动画是一套包含图形绘制,投影,动画的Objective–C类集合.它通过开发人员所熟悉的应用程序套件和Cocoa Touch视图架构的抽象分层模式,同时使用先进的合作效果提供了一套流畅的动画.动态的动画接口很难创建,但是核心动画通过提供如下接口使这些创建起来变得更加简单:简单易用的高性能混合编程模型.类似视图一样,你可以通过使用图层来创建复杂的接口.轻量级的数