Keynote,看过苹果发布会的朋友都不会对Keynote感到陌生。对,就是当年乔帮主应忍受不了微软的PPT于是开发的一款自己使用但是后来放到了iWork里面向大众公布出来的一款幻灯片制作软件。其酷炫并且符合逻辑的动画效果令人影响深刻,也帮助了演讲者更生动地完成演讲。 我就是一个重度的Keynote骨灰级使用者。我用Keynote已经有3年了,平时我要做图、做软件的原型、甚至是一些交互动画全是拿keynote完成的。就是因为Keynote这款软件的易用性已经让我不会傻到同时有笨重的PS、AE和轻便的Keynote我会放弃后者而使用前者。我保证你用过Keynote之后也一定会上瘾的。后期有机会我一定要出一个keynote使用心得,关于如何做出优秀的幻灯片的一些体会,以及如果使用keynote做出App交互原型。 其中Keynote有一个无论是视觉层面还是逻辑层面都很出色的动画效果,叫做 神奇移动(Magic Move) 。大概感觉就像这样: 可以看到这个效果很好地衔接了上下两个具有相同元素的幻灯片。这就使得演讲者在演讲过程中逻辑变得十分清晰,让观众也能很好地明白演讲者在讲什么。

本文是我学习了onevcat的这篇转场入门的一点笔记。 老规矩,我不打算先讲理论再给例子。我们上来就直接拿活的练。 今天实现一个简单的自定义转场: 首页,用Storyboard快速创建两个ViewController。一个作为住主控制器,叫ViewController ; 另一个作为是转过去的副控制器,叫PresentedViewController。并且用Autolayout快速搭建好界面。就像这样: 由于我使用了Segue,所以可以只需要一句话: //ViewController.m -(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{ PresentedViewController

说实话,触动我幼小的心灵并带我走上iOS开发道路的就是当年iOS4中的那个拖动一个App到另一个App自动聚成文件夹的动画。这对当初没见过世面的我来说简直只能用神奇来形容。所以,当入手iOS开发之后,我从来就没有忘记我的初心——做出让人心动的交互动画。 直到我看到了POP,我的热情像刚拔开瓶盖的香槟一样喷射出来,心中那份对iOS动画的热爱的火星也被彻底点燃。因为我的终极目标是,成为一名交互动画Master。 好,吹了那么多牛让我们讲点靠谱的。今天我要手把手教你实现的一个POP动画是这样的: 首先我们来分析一下。 要让一张照片从中间折过来,如果直接是把一张照片折中而且还要让上下部分显示出不同的阴影,这会非常麻烦。所以,我们使用的技巧是,把一张图切成均等的两部分。然后把切割后的两张图分别作为两个独立的view的image。当它们上下紧贴的时候看上去就像一张完整的图片,但其实是两个视图上下合并的。 有了这个思路,

现在我已肉身从奉贤空降到了徐汇校区。 今天上午,我结束了大三上学期的最后一门考试————计算机网络。这门让我掉了4天4夜头发的噩梦般的课终于在上午结束了。我本以为这门水课也和以往的科目一样,基本只要靠考前一个星期突击就能搞定的。可是,当我尝试刷题的时候,我简直就懵了。满脑子都是“这说的都是啥”。说实话,我从来没有一门课的复习像计算机网络一样认真+痛苦。好在,一切都已经结束了。现在回想起来,过去的四天四夜已成为宝贵的回忆,在我大学生活即将结束之际。 说起结束,每来一次徐汇就要伤感一次。今天见了W君,我的一个学长,跟我聊了很多。大四的生活,

现在时刻是2014年12月25日,凌晨00:23。我刚从收获第一支18-105mm单反镜头的喜悦中恢复过来。算是给自己的平安节礼物吧,或者,也是圣诞节礼物。借这个尚未平复的喜悦,回顾一下最近一些让自己成长的事情。想到哪讲哪,所以会很跳跃。 首先,应该就是12月15号、16号和SideChef的同事们一起去杭州的远足了。 这次hiiking我是翘了两天的课毅然决然去的。于我而言,处理同事关系比上两天课更有价值。与此同时,我也看到了一些中外人格的差异,中国人对待事物普遍抱有消极、排斥的情绪,而外国人则不然。就拿一个例子来说,leader提议玩一个小游戏:抓拍路人。规则是:

今天来点硬货! 先看我们今天要实现的动画: 好的,在Autolayout没出现以前,也就是iOS6以前,要实现这个效果非常复杂,因为你要实时地去算每个视图的位置,而且还很难保持联动。但是iOS6中出现了Autolayout出现,再来看这个效果就豁然开朗了。而且随着iPhone、iPad的多种尺寸屏幕的趋势,势必推送SizeClass的大面积应用,而SizeClass的使用又和Autolayout密不可分。所以从某种意义上来说,多种尺寸屏幕的来临已经宣告了Autolayout时代的到来。所以,结论就是,iOS开发者必须告别手写代码,忘记frame,彻底拥抱Autolayout了。这也是为什么我之前花了那么多篇文章介绍Autolayout的不同方面使用方法的原因,因为它真的很重要。 今天,我们来讲Autolayout很重要的一方面。我们都知道,

前几篇文章介绍了Autolayout的用法,但要知道那只是Autolayout的冰山一角。其中用Autolayout创建ScrollView就有点特殊,今天单独拿出来记录。 首先,拖一个UIScrollView上来: 设置必备的约束:x , y , width , height. 然后就是UIScrollView特殊的第一点:需要设置其ContentView! 所以你需要另外拖一个UIView上作为它的内容视图。 除此之外,就是UIScrollView特别的第二点了,就是你必须设置ContentView对应于UIScrollView的Leading Space、Trailing Space、Top Space、Bottom Space以及其width、height. 这里设置Leading

今天介绍Mac的截图功能,如果你以为Shift + Command + 3 / 4就是Mac全部的截屏功能的话,那你小看Mac了。它远比你想得强大。 1.Shift + Cmd + 3 ——截取全屏 2.Shift + Cmd + 4 ---直观地拖动鼠标截屏: ---按一下空格键: 以下操作都是在Shift + Cmd + 4 之后 3.长按空格键 ——移动截图范围 4.

相信很多刚接触CALayer的人都会遇到一下几个麻烦: 1、为什么修改anchorPoint会移动layer的位置? 2、CALayer的position点是哪一点呢? 3、anchorPoint与position有什么关系? 我也迷惑过,在网上也翻了很多教程,但最终都没有解决我的困惑,最终,我看到了这篇博文才算明白。现在我讲详细讲解一下这里面的纠结的关系,保证这是你最后一次纠结这两个概念。Here we go! 1.总览 每一个UIView内部都默认关联着一个CALayer, UIView有frame、bounds和center三个属性,CALayer也有类似的属性,分别为frame、bounds、position、

昨晚开始,看到Smartisan OS中的首页PageControl,突发奇想,能不能自己在iOS中也实现这种很赞的效果,于是今天连忙写了出来,怀着激动的心情特此分享。 惯例,先上例子: iOS首页的PageControl ———— Smartisan OS首页的PageControl ———— 可以看到,Smartisan OS中的PageControl小点会跟着页面的移动跟着移动,而iOS中则是当滑到下一页的时候硬生生地跳到下一个空白圆点。不可否认,这一点确实是Smartisan OS中的效果做的好。那么我们有办法实现吗?答案是肯定的。下面介绍。 1.创建图层 为了便于复用,我们需要创建一个继承与UIView的类