如何为图像添加渐变?

Posted

技术标签:

【中文标题】如何为图像添加渐变?【英文标题】:How can I add a gradient to an image? 【发布时间】:2012-11-28 11:56:50 【问题描述】:

我正在从网络 (last.fm) 中检索图像,并将它们用作 ios 应用程序中视图的背景。

如何为这些图像添加渐变,使它们从上到下逐渐变暗?

【问题讨论】:

【参考方案1】:

您可以使用CAGradientLayer 将此效果应用为图像视图的子层,其中包含您为每个轨道下载的图像。这样,您只需处理一次效果,而不是每次图像更改时。

#import <QuartzCore/CAGradientLayer.h>

CAGradientLayer *gradient = [CAGradientLayer layer];
[gradient setFrame:myImageView.bounds];
[gradient setColors:[NSArray arrayWithObjects:
                     (id)[[UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.8f] CGColor],
                     (id)[[UIColor clearColor] CGColor],
                     (id)[[UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.8f] CGColor],
                     nil]];
[[myImageView layer] addSublayer:gradient];

【讨论】:

【参考方案2】:

只需使用图像编辑器为您的图像添加渐变

【讨论】:

我希望那是个玩笑。图像从服务器加载。根据 last.fm 的请求,它为我们提供了图片的链接。您为我提供了每位艺术家的下载图片,并在此处手动设置了此类中断。 no... 将您自己的带有透明背景的渐变图像放在服务器加载图像的顶部。如果有人花时间回答你的问题,没必要这么粗鲁地回答 这是拐杖。我认为你可以做得更正确。我并不是要粗鲁。对不起。

以上是关于如何为图像添加渐变?的主要内容,如果未能解决你的问题,请参考以下文章

如何为图像添加边框而不是图像视图?

如何为背景图像添加背景颜色? [复制]

如何在同一个元素上组合背景图像和 CSS3 渐变?

如何为 YouTube 视频添加启动画面/占位符图像 [关闭]

Xamarin Forms:如何为图像添加单击和双击?

如何为 AWS S3 图像添加 Http 标头