Làm cách nào để đặt hình ảnh có độ bóng cao 1px mờ cho UINavigationBar?

Question

Trong chức năng didFinishLaunchingWithOptions của đại biểu ứng dụng của tôi, tôi cố gắng tùy chỉnh giao diện của thanh điều hướng của tôi.

[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) 
]; 

Tôi mong đợi một bóng đỏ đục 1px cao. Thay vào đó, tôi được cho một cái bóng màu đỏ mờ 2px. Làm thế nào có thể làm cho nó xuất hiện chính xác như tôi muốn nó? Tôi đã thực hiện các thiết lập ngoại hình tương tự cho UITabBar. Mặt khác, nó hoạt động rất tốt.

Chức năng loại đó tạo ra hình ảnh động được định nghĩa như vậy:

+ (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 ... được này những gì bạn muốn?

Trong điều khiển quan điểm của tôi, tôi chỉ cần thêm một UIView với 1 chiều cao pixel và một bù đắp của 44pixels:

- (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]; 
} 

Bạn có thể thay đổi màu sắc để bất cứ điều gì bạn muốn.

Answer 2

Bạn cần phải tạo ra một bối cảnh đồ họa đó là võng mạc-aware:

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

Sau đó, hình ảnh bóng của bạn sẽ trở thành cao 1 pixel vật lý.

Đây là mã đầy đủ:

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 
    } 

} 

On GitHub:

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