desgard.com

The Card Interface For Signing Up

Apple公司在WWDC 2016前后带来了10个重大更新,其中重中之重可谓是iOS 10的更新了。iOS 10被称作iOS 7之后迎来的最大升级,在所有的革新中,无论在通知中心的UI修改,还是各处的3D Touch弹出层,都能看到卡片式设计的影子。笔者不是设计师,但是以一个iOS开发者的角度来看,iOS的扁平化设计风格,逐渐正在往在Google I/O 2014提出的卡片式设计靠拢。(关于更多的卡片式设计资料可查看这里)。 处此大势之下,我也跟风来搞一波。首先先感谢原型图的作者Sarah,虽然我不是Dribbble的Pro用户,无法在您的作品上留言,但之后我会及时的联系你。以下就是原型图的效果了: 动画分析 观察全部特效,我们发现了以下步骤 弹出卡片弹出窗口 自定义UITextField填写进度动画 卡片缩小至消失 弹出logo动画片尾...

If you like me, Thumb Up!

端午节本来想出去玩耍,但是可恶的天气。好吧,在屋子里接着写代码。之后一个月就要安心复习了。 这次做的东西受到了Facebook Paper的like按钮影响,也自己做了一个来玩。其实网上早就有现成的轮子,但是个人觉得他们的封装太繁琐,所以自己按照自己的实现思路来实现了一下。 拆解动画 这次写的动画要简单的多。看到上面的成果图之后,很显然的就能看出分成两部分。 按钮缩放动画 粒子爆炸动画 下面我们逐一攻克。 缩放动画 除去粒子爆炸效果,就是一个大拇指的缩放动画。为了让体验最佳,当我们手指按下按钮的时候,最好有一个动画的过渡来告知按钮已被按下。而在所以动画动作,最好的体现手法就是按钮的放缩,这也符合物理中力学的按压动作,使物体产生形变。 至于实现起来就很容易了,我们用transform属性,对目标View添加放缩动画,再按帧加载,来控制View的变换情况。帧动画在之前的Particle Explosion Effect有所提及,即使不看讲解直接看代码的参数名称也是一目了然的,这里直接给出代码,不再讲解: #pragma mark...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa....