关于 ios 渐变的一些疑问

[Galvin]

看到qq音乐和网易云音乐的歌词显示的时候，顶部的歌词和底部的歌词都有一个渐变的效果，我想问下他们是怎么实现的
图片

[Galvin]

求各路大神解答啊T_T

[thuai]

最简单的做法，顶部和底部都用个半透的mask，不可以做到么？

[Madimo]

实现起来很简单，主要是用 CALayer 的 mask 属性以及 CAGradientLayer，手机码字不方便具体 Google 吧

[Galvin]

@thuai @Madimo 但是不透名的那一边呢？CAGradienLayer不是只能给颜色的数组吗？

[Galvin]

@Madimo @thuai 噢～我知道了。。。误入歧途

[wezzard]

CALayer 都不用，現在 UIView 有了 maskView 這個 property 之後可以直接才 UIKit 這一層完成。

[krafttuc]

UIVisualEffectView

[Galvin]

@krafttuc UIVisualEffectView是ios8才支持的吧？

[Galvin]

@wezzard 能具体说说怎么实现吗？～目前我的做法是截上下两个部分的图，然后加CAGradientLayer,然后设置mask

[wezzard]

@Galvin 我沒具體實現過，因爲我發現以我接觸的需求但凡碰到要漸變的，就要進入 CoreAnimation 這個 tech stack了，我看了下 API，你準備一張上下有不透明漸變，中間是透明的PNG圖片然後 init 一個 UIImageView 出來再設置 maskView 應該就可以了。另外這個也是 iOS 8 特性。 UIVisualEffectView 是背後的 blurring 特效，網易的這個特效很可能是他們自己寫的，因爲要兼容 iOS 7。

[kobe1941]

跑个题啊，这个歌词显示目测都是用tableView直接一行歌词一个tableviewcell就实现啦？

[Galvin]

@kobe1941 我觉得是～