
动画
文章平均质量分 88
hbblzjy
之前总是看别人的技术和博客,现在也想把自己喜欢的技术内容,技术博客,相关信息分享给大家,希望共同学习,有相关问题的可以发邮件78841151@qq.com,欢迎各界技术男指导学习!
展开
-
GitHub前50名的Objective-C动画相关库相关推荐,请自行研究
GitHub的Objective-C的动画UI库其实是最多的一部分,GitHub有相当一部分的动画大牛,如Jonathan George,Nick Lockwood,Kevin,Roman Efimov,Christopher Wendel,Jared Verdi,Peter Steinberger 等,都是一些写出很牛逼动画库的人。1 MBProgressHUDJonathan Ge原创 2016-06-24 11:28:19 · 1256 阅读 · 0 评论 -
iOS动画进阶 - 教你写 Slack 的 Loading 动画
(转载自:http://blog.youkuaiyun.com/wang631106979/article/details/52473985)如果移动端访问不佳,可以访问我的个人博客 前几天看了一篇关于动画的博客叫手摸手教你写 Slack 的 Loading 动画,看着挺炫,但是是安卓版的,寻思的着仿造着写一篇iOS版的,下面是我写这个动画的分解~老规矩先上图和demo地址:刚看到这个动画的时候,脑海里出现转载 2016-09-13 10:02:13 · 812 阅读 · 0 评论 -
关于App启动加载广告页面思路
需求很多app(如淘宝、美团等)在启动图加载完毕后,还会显示几秒的广告,一般都有个跳过按钮可以跳过这个广告,有的app在点击广告页之后还会进入一个广告页面,点击返回进入首页。虽然说这个广告页面对用户体验来说并不是很好,但是如果真的有这个需求,我们还是要想办法去开发,至少这比内嵌广告要友善的多。今天我们就来开发一个广告页面,效果如下。效果图.gif思路1.广告页加载思路。广告页的转载 2016-07-01 10:51:23 · 5519 阅读 · 5 评论 -
仿滴滴抢单倒计时的Demo
滴滴里面有一个下单完成之后等待界面的倒计时转圈的视图...就是这个...原理:通过CAShapeLayer层添加到自己自定义的视图layer上...设置ShapeLayer的path...他的路劲绘制一般通过UIBezierPath配合设置...通过layer的StrokeEnd,StrokeStart设置path路径上的起点和终点...可以直接通过设置转载 2016-07-20 12:13:59 · 6485 阅读 · 1 评论 -
利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
什么是PreLoader?PreLoader是由Volodymyr Kurbatov设计的一个很有意思的HUD(平视显示效果(Head Up Display)),通过运动污点和固定污点之间的粘黏动画吸引用户的眼球跟踪,能有效分散等待注意力。这篇文章简单剖析本人使用OC实现PreLoader的原理思路和做法。喷出来的油污根据这个Loading动画的粘黏特征,我把它里面这些有颜色的物体原创 2016-06-06 12:23:57 · 5445 阅读 · 0 评论 -
iOSAPP启动效果复杂动画之抽丝剥茧
一、前言随着开发者的增多和时间的累积,AppStore已经有非常多的应用了,每年都有很多新的APP产生。但是我们手机上留存的应用有限,所以如何吸引用户,成为产品设计的一项重要内容。其中炫酷的动画效果是重要内容之一,我们会发现很多好的应用上面都有许多很炫的效果。可能一提到炫酷的动画,很多人都很头疼,因为动画并不是那么好做,实现一个好的动画需要时间、耐心和好的思路。下面我们就以一个有趣的动画(如下转载 2016-07-01 11:09:12 · 2350 阅读 · 2 评论 -
新版MATERIAL DESIGN 官方动效指南(三)
运动Material design 的动效会被类似真实世界中的力的影响,类似重力。物体在屏幕内的运动屏幕内物体在两点之间的运动,是沿着一条自然、凹陷的弧线。屏幕上所有的运动都可以使用标准曲线。弧线向上运动在现实世界中,物体向上运动需要克服重力。元素在屏幕中向上运动,同样也是需要克服一个加速度,较慢的向上运动。正确:当物体向上对角运动时,平缓开始上翻译 2016-06-20 12:16:42 · 3666 阅读 · 0 评论 -
新版MATERIAL DESIGN 官方动效指南(二)
继上一篇,本文继续第二部分,从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分,教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。Material Design的动效设计是响应式的,自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。速度某个元素移动或者改变状态的时候,运动速度应该足够快,使用户不用等待。出翻译 2016-06-20 12:13:08 · 1132 阅读 · 0 评论 -
新版MATERIAL DESIGN 官方动效指南(一)
Google 刚发布了新版Material Design 官方动效指南,全文包括三个部分:为什么说动效很重要?如何制作优秀的Material Design动效及转场动画,动效的意义。新鲜热辣收好不谢! 在Material design的世界中,动效用一种优雅、流动的方式来描述空间关系、功能、和意向。 为什么说动效很重要? 动效可以向我们展示一个App 是如何构成和用途。 动翻译 2016-06-20 12:10:16 · 828 阅读 · 0 评论 -
IOS动画(Core Animation)总结 (参考多方文章)
一、简介iOS 动画主要是指Core Animation框架。官方使用文档地址为:Core Animation Guide。Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架。Core Animation可以作用与动画视图或者其他可视元素,为你完成了动画所需的大部分绘帧工作。你只需要配置少量的动画参数(如开始点的位置和结束点的位置)即可使用Core Ani原创 2016-05-30 12:39:01 · 4125 阅读 · 0 评论 -
OC基础之推荐一个旋转木马(跑马灯)效果的图片展示Demo
这个旋转木马(跑马灯)效果的图片展示Demo,包括设定旋转方向,图片倒影,背景设置,旋转速度,开始结束,点击显示选中的图片,彩色的块展示等等功能效果图:(源码下载:https://github.com/hbblzjy/OC-CarrouselDemo)部分代码展示:- (void)testCarrouselView{ NSMutableArray *array = [NSMutableArr原创 2017-01-18 15:24:59 · 2891 阅读 · 0 评论