美文网首页
导航条渐变色

导航条渐变色

作者: kai_strong | 来源:发表于2021-02-19 11:17 被阅读0次
    • (void)viewDidLoad {
      [super viewDidLoad];
      [self updateNavigationBarBGColor];
      self.title = @"导航title";
      }

    //设置导航条的背景为渐变色

    • (void)updateNavigationBarBGColor
      {
      CALayer * bgLayer = [self gradientBGLayerForBounds:CGRectMake(0, 0, self.navigationController.navigationBar.frame.size.width, self.navigationController.navigationBar.frame.size.height)];
      UIGraphicsBeginImageContext(bgLayer.bounds.size);
      [bgLayer renderInContext:UIGraphicsGetCurrentContext()];
      UIImage * bgAsImage = UIGraphicsGetImageFromCurrentImageContext();
      UIGraphicsEndImageContext();

      if (bgAsImage != nil)
      {
      [self.navigationController.navigationBar setBackgroundImage:bgAsImage forBarMetrics:UIBarMetricsDefault];
      }
      else
      {
      NSLog(@"Failded to create gradient bg image, user will see standard tint color gradient.");
      }
      }

    • (CALayer *)gradientBGLayerForBounds:(CGRect)bounds
      {
      CAGradientLayer *gradientLayer = [CAGradientLayer layer];
      gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor yellowColor].CGColor];
      gradientLayer.locations = @[@0, @1.0];
      gradientLayer.startPoint = CGPointMake(0, 0);
      gradientLayer.endPoint = CGPointMake(1.0, 0);
      gradientLayer.frame = bounds;
      return gradientLayer;
      }

    参考原文https://www.jianshu.com/p/6aee372beff2

    相关文章

      网友评论

          本文标题:导航条渐变色

          本文链接:https://www.haomeiwen.com/subject/ruxaxltx.html