设计需求
渐变关键代码:
代码语言:javascript复制CAGradientLayer *gradientLayer0 = [[CAGradientLayer alloc] init];
gradientLayer0.frame = btn.bounds;
// 创建渐变色数组,需要转换为CGColor颜色
gradientLayer0.colors = @[
(id)[UIColor colorWithRed:251.0f/255.0f green:151.0f/255.0f blue:8.0f/255.0f alpha:1.0f].CGColor,
(id)[UIColor colorWithRed:255.0f/255.0f green:217.0f/255.0f blue:8.0f/255.0f alpha:1.0f].CGColor];
// 设置颜色变化点,取值范围 0.0~1.0
gradientLayer0.locations = @[@0, @1];
// 设置渐变颜色方向,左上点为(0,0), 右下点为(1,1)
[gradientLayer0 setStartPoint:CGPointMake(0, 1)];
[gradientLayer0 setEndPoint:CGPointMake(1, 1)];
[btn.layer insertSublayer:gradientLayer0 atIndex:0];//注意
问题:设置渐变后,发现Button上的字体不显示,想着设置方法在layer加载后,测试发现还是不行,把背景颜色的透明度改为0,发现背景色覆盖住字体。
解决办法:背景色放在最底层。
代码语言:javascript复制 [btn.layer insertSublayer:gradientLayer0 atIndex:0];