Achieving bright, vivid colors for an iOS 7 translucent UINavigationBar

by

iOS 7.0.3 UPDATE: As you see above 7.0.3 changed things. I’ve updated my gist. Hopefully this will just go away as people upgrade.

Original Answer:
I ended up with a hack combining the two of the other answers. I’m subclassing UINavigationBar and adding a layer to the back with some extra space to cover if any of the various height status bars are up. The layer gets adjusted in layout subviews and the color changes whenever you set barTintColor.

Gist: https://gist.github.com/aprato/6631390

setBarTintColor

  [super setBarTintColor:barTintColor];
  if (self.extraColorLayer == nil) {
    self.extraColorLayer = [CALayer layer];
    self.extraColorLayer.opacity = self.extraColorLayerOpacity;
    [self.layer addSublayer:self.extraColorLayer];
  }
  self.extraColorLayer.backgroundColor = barTintColor.CGColor;

layoutSubviews

  [super layoutSubviews];
  if (self.extraColorLayer != nil) {
    [self.extraColorLayer removeFromSuperlayer];
    self.extraColorLayer.opacity = self.extraColorLayerOpacity;
    [self.layer insertSublayer:self.extraColorLayer atIndex:1];
    CGFloat spaceAboveBar = self.frame.origin.y;
    self.extraColorLayer.frame = CGRectMake(0, 0 - spaceAboveBar, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds) + spaceAboveBar);
  }

More Related Contents:

  1. How to change Navigation Bar color in iOS 7?
  2. Imitate Facebook hide/show expanding/contracting Navigation Bar
  3. How to prevent UINavigationBar from covering top of view in iOS 7?
  4. iOS 7 Status Bar Collides With NavigationBar
  5. How to find topmost view controller on iOS
  6. How to hide UINavigationBar 1px bottom line
  7. How to Rotate a UIImage 90 degrees?
  8. @import vs #import – iOS 7
  9. UIAlertView addSubview in iOS7
  10. How do I change the title of the “back” button on a Navigation Bar
  11. How to use UIVisualEffectView to Blur Image?
  12. How to embed small icon in UILabel
  13. Start Location Manager in iOS 7 from background task
  14. iOS 7 TableView like in Settings App on iPad
  15. Understanding performSegueWithIdentifier
  16. iOS 7 Navigation Bar text and arrow color
  17. UIDatePicker select Month and Year
  18. UITableViewCell show white background and cannot be modified on iOS7
  19. iOS 7 / Xcode 5: Access device launch images programmatically
  20. automaticallyAdjustsScrollViewInsets not working
  21. indexPathForCell returns nil since ios7
  22. Is it possible to disable floating headers in UITableView with UITableViewStylePlain?
  23. Hiding UITabBar when pushing a UIView
  24. How to enable back/left swipe gesture in UINavigationController after setting leftBarButtonItem?
  25. How do I change the color of the text in a UIPickerView under iOS 7?
  26. How to do a native “Pulse effect” animation on a UIButton – iOS
  27. iOS 11 large-title navigation bar not collapsing
  28. How to prevent status bar from overlapping content with hidesBarsOnSwipe set on UINavigationController?
  29. Differentiate between screen lock and home button press on iOS7
  30. Dynamically getting height of UILabel according to Text return different Value for iOS 7.0 and iOS 6.1

Leave a Comment