Wie setzt man ein undurchsichtiges 1px hohes Schattenbild für eine UINavigationBar?

Question

In der Funktion didFinishLaunchingWithOptions meines Anwendungsdelegaten versuche ich, das Aussehen meiner Navigationsleiste anzupassen.

[UINavigationBar appearance].translucent = NO; 
[[UINavigationBar appearance] 
    setBackgroundImage:[UIImage 
     imageWithColor:[UIColor whiteColor] 
     size:CGSizeMake(1.0f, 1.0f) 
    ] 
    forBarMetrics:UIBarMetricsDefault 
]; 
[UINavigationBar appearance].shadowImage = [UIImage 
    imageWithColor:[UIColor redColor] 
    size:CGSizeMake(0.5f, 0.5f) 
]; 

Ich erwarte einen 1px hohen undurchsichtigen roten Schatten. Stattdessen bekomme ich einen 2px großen, durchscheinenden roten Schatten. Wie kann es genau so erscheinen, wie ich es möchte? Ich habe die analogen Aussehen Einstellungen zu UITabBar gemacht. Auf der anderen Seite verhält es sich gut.

Die Kategorie-Funktion, die dynamische Bilder erzeugt wird, wie so definiert:

+ (UIImage*)imageWithColor:(UIColor *)color size:(CGSize)size 
{ 
    CGRect rect = CGRectMake(0.0f, 0.0f, size.width, size.height); 
    UIGraphicsBeginImageContext(rect.size); 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextSetFillColorWithColor(context, [color CGColor]); 
    CGContextFillRect(context, rect); 
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 
    return image; 
} 

Answer 1

Uh ... ist es das, was Sie wollen?

In meiner Ansicht-Controller, habe ich einfach eine UIView mit 1 Pixel Höhe und eine von 44pixels Offset:

- (void)viewDidLoad { 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view, typically from a nib. 

    self.view.backgroundColor = [UIColor whiteColor]; 

    [self setupNavBar]; 
} 

-(void)setupNavBar 
{ 
    self.navigationItem.title = @"Contacts"; 

    CGRect applicationFrame = [[UIScreen mainScreen] applicationFrame]; 

    UIView *bar = [[UIView alloc] initWithFrame:CGRectMake(0, 44, applicationFrame.size.width, 1.0)]; 
    bar.backgroundColor = [UIColor redColor]; 

    [self.navigationController.navigationBar addSubview:bar]; 
} 

Sie die Farbe, was Sie wollen ändern können.

Answer 2

Sie benötigen einen Grafikkontext zu erstellen, die Retina-aware ist:

let pixelScale = UIGraphicsBeginImageContextWithOptions(fillRect.size, false, UIScreen.main.scale) 

Danach wird dein Schatten Bild 1 physischen Pixel groß geworden.

Hier vollständige Code:

extension UIImage { 

    static func imageWithColor(color: UIColor) -> UIImage { 
     let pixelScale = UIScreen.main.scale 
     let pixelSize = 1/pixelScale 
     let fillSize = CGSize(width: pixelSize, height: pixelSize) 
     let fillRect = CGRect(origin: CGPoint.zero, size: fillSize) 
     UIGraphicsBeginImageContextWithOptions(fillRect.size, false, pixelScale) 
     let graphicsContext = UIGraphicsGetCurrentContext() 
     CGContextSetFillColorWithColor(graphicsContext, color.CGColor) 
     CGContextFillRect(graphicsContext, fillRect) 
     let image = UIGraphicsGetImageFromCurrentImageContext() 
     UIGraphicsEndImageContext() 
     return image 
    } 

} 

auf GitHub:

https://github.com/salutis/swift-image-with-color