前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >UIButton颜色渐变 titleLabel字体不显示

UIButton颜色渐变 titleLabel字体不显示

作者头像
honey缘木鱼
发布2019-06-25 10:23:41
2.8K0
发布2019-06-25 10:23:41
举报
文章被收录于专栏:娱乐心理测试娱乐心理测试

设计需求

渐变关键代码:

代码语言: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];
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.06.24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云服务器利旧
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档