Ios

A collection of 5 posts
Ios

Fun With CALayer Mask

刚好今天开源了一个有趣的项目 RealtimeGradientText [https://github.com/kevinzhow/RealtimeGradientText],所以也好聊一下 CALayer 的 Mask。 什么是 Mask 就以 RealtimeGradientText 为例子,渐变的文字其实是用 UITextView 的 Layer 作为 Mask,去 Mask 一个 CAGradientLayer。 UITextView 的背景色被设置为透明,文字的颜色是纯黑,所以当用 UITextView 去 Mask CAGradientLayer 时候,CAGradientLayer 会仅保留和 UITextView 非透明区域重叠的部分,即文字部分。 Mask 的消失 UITextView 被当作 Mask 后,你也就不能再继续编辑这个 Layer 了,因为
2 min read
Ios Featured

和 Siri 一起学数学 —— Waver 声波效果

在上一篇研究了动效之后,这段时间一直在琢磨如何做一些更有趣的东西,所以,昨天我开源了一个新的声波库——Waver [https://github.com/kevinzhow/Waver],拥有非常动人的声波效果,在此要感谢 SCSiriWaveformView [https://github.com/stefanceriu/SCSiriWaveformView] 这个项目,Waver 在他的基础上改成了 Block 的使用方式,同时声波采用我最熟悉的 UIBezierPath 和 CAShapeLayer 实现,并做了一些逻辑上的优化,实现了 8 倍的性能提升。 采用 UIBezierPath & CAShapeLayer 的另外一个好处是更方便对初始形态进行调整,像 Siri 那样可以从圆形变成线条。 不过对此而言,怎么使用不是最重要的,重要的是怎么实现这样的效果,So,Lets have some fun! 原理 在大概半年多前的时候,iOS
4 min read
Ios Featured

问道 Motion Graphics

缘起 这两天和 Ray 一起吃拉面的时候,除了关注那位可爱服务员之外,他还煞有介事的跟我讲 —— “我发现了一个超屌的设计师,balabala”,其实时至今日我已经不知道如何定义超屌的设计师这个概念了,就像超屌的开发者一样,这个问题探究到最后只会变成一句感叹——人类最屌竟然只能做成这个样子。 不过,还是捧捧 Ray 的场啦,我问道 “是何许人也?” 他拿过来几乎没有信号的 iPad 给我看,你看这个人,这个人,目光从 Safari 地址栏的 .cn 这个坑爹的后缀扫过后,赫然发现一个完全不知道的名字 Marcus Eckert [http://www.ui.cn/project.php?id=21507] 虽然不知道名字,但是接下来的内容绝对是如雷贯耳—— Wide Sky [http://www.marcuseckert.com/wide-sky/]。 这段留着你来点开上面的两个链接欣赏下。 个人英雄主义如果不是个人能力超强的话,
6 min read
Ios

让 Nginx SPDY 和 iOS 交朋友

SPDY [http://zh.wikipedia.org/wiki/SPDY] 这个东西非常酷,昨晚和朋友聊着天突然提到这个东西,就决定给我家 Server 以及 iOS 和 Android 客户端都上一下这个高大上的技术。 Nginx Nginx 从 1.5.10 开始实现了 draft 3 [http://www.chromium.org/spdy/spdy-protocol/spdy-protocol-draft3-1] of SPDY 在 Ubuntu 上直接添加了 Nginx 官方的 development PPA 源 [http://wiki.nginx.org/Install#Ubuntu_PPA],升级后(
1 min read