在图像上创建渐变叠加

Posted

技术标签:

【中文标题】在图像上创建渐变叠加【英文标题】:Create a gradient overlay over an image 【发布时间】:2017-03-12 21:22:51 【问题描述】:

如何创建渐变叠加来获得这种效果?

https://dribbble.com/shots/2199202-Today-s-Tasks

【问题讨论】:

到目前为止您尝试了哪些方法,您在哪里遇到了问题? (我假设您已经进行了搜索并尝试了其中的许多示例。) 【参考方案1】:

看起来它是粉红色到橙色的渐变,不透明度约为 60%

我要做的就是在 Sketch 之类的设计软件上创建它(我使用并喜欢它)。在那里创建渐变非常容易,并且有大量的教程。您可以免费获得 30 天的试用期 ;)。制作渐变后,您只需将其放入您的资产文件夹,然后将 UIImageView 添加到您的项目中,即可在您的应用中获取该渐变。

如果您想以编程方式创建渐变,这里有一个制作渐变的链接:https://www.raywenderlich.com/90693/modern-core-graphics-with-swift-part-2

...并更改 CGRect 的不透明度:How to set the alpha of an UIImage in SWIFT programmatically?

希望这会有所帮助!如果您喜欢这个答案,那么只需给它一个复选标记就意味着很多。祝你有美好的一天。干杯,西奥

【讨论】:

以上是关于在图像上创建渐变叠加的主要内容,如果未能解决你的问题,请参考以下文章

CSS:带有渐变“叠加”的背景图像

带有渐变叠加的 UIPageViewController?

css 图像渐变叠加

渐变图像叠加python处理

CSS重复背景图像但不重复线性渐变

在CSS背景上分层多个渐变