iOS UIButton 渐变色、边框渐变色、字体渐变色

需求：
1、UIButton 的背景需要渐变色
2、UIButton 的边框需要渐变色，背景是白色，字体也需要渐变色

需求一： UIButton 的背景需要渐变色：
思路：
我们可以利用 CAGradientLayer 来做渐变色
然而我不是直接套在UIButton 的layer 上面进行操作。
我是
1、首先创建一个临时的 UIView
2、然后利用 CAGradientLayer 在 UIView 上面进行渐变绘制
3、将UIView 进行截图返回 UIImage
4、将返回的 UIImage 设置到 UIButton 的 setBackgroundImage

这样就可以完成了一个UIButton 的渐变色绘制，并且可以根据不用的颜色来设置Button UIControlStateNormal | UIControlStateHighlighted | UIControlStateDisabled 来进行设置效果。

需求二：UIButton 的边框需要渐变色，背景是白色，字体也需要渐变色
其实边框渐变色我们可以套用上面的做法，只不过我们需要在已经绘制好有渐变色的UIView 上面盖多一个白色的 UIView 比上面那个UIView 小一个像素即可，
然后字体的颜色我使用了 + (UIColor *)colorWithPatternImage:(UIImage *)image 这个方法来来处理。然而传入的图片就是上面得到的渐变色（或许根据UI 的色值来处理）

iOS UIButton 渐变色、边框渐变色、字体渐变色相关推荐

【css】字体渐变色，边框渐变色等笔记，按钮渐变色等持续更新~~
一.字体渐变色 <h2 class="text-one">生活不会一成不变,即使变化来的如此慢,我还是一如既往热爱生活</h2> .text-one {fo ...
CSS实现字体渐变色，边框渐变色
CSS实现字体渐变色,边框渐变色前言字体实现渐变色边框渐变色最后前言前段时间有做过字体渐变色和边框渐变色的需求,再此整理一下,以供大家参考. 字体实现渐变色 background: lin ...
自定义TextView实现渐变色边框，渐变色文字并绘制drawable
工作需求,渐变色的边框和文字,还需要显示drawable.我们知道如果是View的背景色渐变,那么很好办,只需要写一个drawable文件,里面定义shape然后设置为View的background就 ...
css3实现0.5px边框、圆角渐变色边框+圆角渐变色背景
效果图 0.5px边框 0.5px边框,可以用伪元素实现,before.after都可以.移动端H5页面用的比较多. 圆角渐变色边框+圆角渐变色背景实现外部圆角边框,内部圆角渐变色背景,是用父div ...
css实现渐变色边框动态旋转
场景:实现渐变色边框旋转思路是:利用渐变色的背景旋转动画来实现边框旋转代码如下: <body><div class ...
利用CSS实现渐变色边框
通过CSS实现渐变色边框的几种方法: 一.用border-image 来实现: CSS代码如下: .box {width: 200px ;height: 200px ;border: 10px sol ...
CSS 之渐变色边框
一.渐变色边框如果我们前端最亲爱的UI设计师,让我们给盒子绘制一个渐变色的边框,而且盒子的宽高还需要随着内容变化而变化,那我们就不能通过切图来解决问题,所以我们可以这么说: 但是我相信优秀的你肯定不 ...
用css实现鼠标移入按钮，按钮出现动态的渐变色边框效果
用css实现边框的动态渐变色效果,希望对各位能有一些帮助. 边框.html <!DOCTYPE html> <html lang="en"><head ...
css渐变色边框的实现的方法
在项目中,边框的样式多种多样,一种常见的渐变色边框出现:而这种渐变色的边框又结合各种各样的设计,这里结果实现的效果与浏览器的兼容性总结渐变色的实现方法: 圆角的渐变边框border-image 点击进 ...

iOS UIButton 渐变色、边框渐变色、字体渐变色

iOS UIButton 渐变色、边框渐变色、字体渐变色相关推荐

最新文章

热门文章