Ios

A collection of 5 posts

Ios

Fun With CALayer Mask

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

Ios

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

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

Ios

问道 Motion Graphics

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

Ios

让 Nginx SPDY 和 iOS 交朋友

SPDY 这个东西非常酷,昨晚和朋友聊着天突然提到这个东西,就决定给我家 Server 以及 iOS 和 Android 客户端都上一下这个高大上的技术。 Nginx Nginx 从 1.5.10 开始实现了 draft 3 of SPDY 在 Ubuntu 上直接添加了 Nginx 官方的 development PPA 源,升级后(如果是编译安装的话,请编译时候加 —with-http_spdy_module)就可以支持 SPDY。 你可以通过 nginx -V 这个命令,来看下编译参数有没有 —