UINavigationBar tintColor mit Farbverlauf

Also das ist eine alte Frage, aber ich stolperte über es, wenn ich war auf der Suche nach etwas, das klingt wie das Frage, aber ist anders. In der Hoffnung, dass es jemand anderes helfen (oder jemand anderes, die mir zeigen, einen besseren Weg)...

Wie setzen Sie einen benutzerdefinierten Farbverlauf auf eine UINavigationBar?

Laß uns zuerst unsere eigenen Verlauf, die Art, wie wir normalerweise tun würde (Als CALayer):

- (CALayer *)gradientBGLayerForBounds:(CGRect)bounds
{
    CAGradientLayer * gradientBG = [CAGradientLayer layer];
    gradientBG.frame = bounds;
    gradientBG.colors = @[ (id)[[UIColor redColor] CGColor], (id)[[UIColor purpleColor] CGColor] ];
    return gradientBG;
}

Dort gehen wir, ein Farbverlauf, der aussieht wie eine fragwürdige make-up-Wahl von ein punk-rocker, die gut ist, wie dieser code ist für die hypothetischen app ich Habe Ein Punk-Rocker Mit Fragwürdigen Geschmack In Meiner Tasche. Dass der name mich ein wenig zu lang..

Nun möchte ich diese Ebene auf meinem UINavigationBar, das sollte einfach sein, ja? Fügen Sie ihn einfach als Unterschicht, richtig? Das problem hier ist, wird es vertuschen, die wunderbare Knöpfe und so Zeug, dass die UINavigationController gibt Sie. Das ist schlecht.

Stattdessen schauen wir uns die wunderbare bequeme Methode, die wir in iOS5+ für das verändern des Erscheinungsbildes alle die UINavigationBar(s) in unserer app:

[[UINavigationBar appearance] setBackgroundImage:SOME_IMAGE
                                   forBarMetrics:UIBarMetricsDefault];

Das einzige problem hier ist, dass wir nicht über ein UIImage, wir haben einen CALayer. Was ist ein punk-rocker Enthusiasten zu tun?

CALayer * bgGradientLayer = [self gradientBGLayerForBounds:ONE_OF_YOUR_NAV_CONTROLLERS.navigationBar.bounds];
UIGraphicsBeginImageContext(bgGradientLayer.bounds.size);
[bgGradientLayer renderInContext:UIGraphicsGetCurrentContext()];
UIImage * bgAsImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

So, jetzt haben wir umgebaut unsere CALayer zu einem UIImage (hoffentlich), so dass alle, die bleibt, ist zu setzen:

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

Was ich mag über diese Lösung ist

• der zentrale code (in der AppDelegate) für alle UINavigationBar(s) in meiner app
• tintColor wird noch immer geehrt werden für alle UINavigation-Tasten (zurück, Bearbeiten, etc.)
• wenn das UIImage-Erstellung fehlschlägt, meine UINavigationBar(s) immer noch zu Ehren der tintColor
• Ich nicht haben, um abhängig von einem eigentlichen Bild-Ressource /leicht zu aktualisieren

Aber ich bin immer noch nicht davon überzeugt, dass es der beste Weg. Also, genießen Sie, wenn es Ihnen hilft, lassen Sie mich wissen, wie Sie zu verbessern, wenn Sie können.

~ Dank

Ich schrieb es als UIImage-Erweiterung für Swift 2.0. Vielleicht ist es von nutzen.

extension UIImage {

    class func convertGradientToImage(colors: [UIColor], frame: CGRect) -> UIImage {

        //start with a CAGradientLayer
        let gradientLayer = CAGradientLayer()
        gradientLayer.frame = frame

        //add colors as CGCologRef to a new array and calculate the distances
        var colorsRef : [CGColorRef] = []
        var locations : [NSNumber] = []

        for i in 0 ... colors.count-1 {
            colorsRef.append(colors[i].CGColor as CGColorRef)
            locations.append(Float(i)/Float(colors.count))
        }

        gradientLayer.colors = colorsRef
        gradientLayer.locations = locations

        //now build a UIImage from the gradient
        UIGraphicsBeginImageContext(gradientLayer.bounds.size)
        gradientLayer.renderInContext(UIGraphicsGetCurrentContext()!)
        let gradientImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        //return the gradient image
        return gradientImage
    }
}

Nennen mag:

let colors = [
    UIColor.blueColor(),
    UIColor.greenColor()
    //and many more if you wish
]
let gradientImage = UIImage.convertGradientToImage(colors, frame: navigationBar.bounds)
navigationBar.setBackgroundImage(gradientImage, forBarMetrics: .Default)

Guter Weg, verwenden maskView

//create gradient view
let gradientView: UIView = UIView(frame: frame)
let gradient: CAGradientLayer = CAGradientLayer()
gradient.frame = gradientView.bounds
gradient.colors = [UIColor.grayColor().CGColor, UIColor.clearColor().CGColor]
gradientView.layer.insertSublayer(gradient, atIndex: 0)

//set appearance 
UINavigationBar.appearance().maskView = gradientView