Làm thế nào để đặt một hình ảnh ở trung tâm của navigationBar của một UIViewController?

Question

Tôi có đoạn mã này được sử dụng trong viewDidLoad của UIViewController. Tôi không có lỗi. Hình ảnh tồn tại. Tôi có nền nhưng không phải hình ảnh. Hình ảnh là một loại logo.

if ([self.navigationController.navigationBar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)]) { 

    /* Background of navigationBar. */ 
    UIImage * navigationBarImage = [UIImage imageNamed:@"01_navbar_portrait.png"]; 
    [self.navigationController.navigationBar setBackgroundImage:navigationBarImage forBarMetrics:UIBarMetricsDefault]; 

    /* Image in navigationBar */ 
    UIImage * logoInNavigationBar = [UIImage imageNamed:@"01_logo.png"]; 
    UIImageView * logoView = [[UIImageView alloc] init]; 
    [logoView setImage:logoInNavigationBar]; 
    self.navigationController.navigationItem.titleView = logoView; 

} 

Answer 1

Các UINavigationController quản lý thanh điều hướng bằng cách nhìn vào navigationItem sở hữu của hầu hết trên bộ điều khiển xem trên ngăn điều hướng. Vì vậy, để thay đổi chế độ xem thành biểu trưng, ​​bạn cần thiết lập điều này trong bộ điều khiển chế độ xem sử dụng biểu trưng (nghĩa là bộ điều khiển chế độ xem gốc hoặc một bộ điều khiển khác được đẩy lên ngăn xếp).

Đỗ một cái gì đó như thế này trong viewDidLoad của bộ điều khiển xem của bạn:

UIImage* logoImage = [UIImage imageNamed:@"logo.png"]; 
self.navigationItem.titleView = [[UIImageView alloc] initWithImage:logoImage]; 

Trong trường hợp của bạn, bạn đang thiết lập các mục chuyển hướng sai:

// Oops... 
self.navigationController.navigationItem.titleView = logoView; 
// Should be this: 
self.navigationItem.titleView = logoView; 

Answer 2

Bạn chỉ cần xác định nó là khung bởi

logoView.frame = CGRectMake(initialize frame here); 

Sau đó sử dụng sau

[self.navigationItem setTitleView:logoView]; 

Answer 3

Đầu tiên chúng ta phải tạo ra một cái nhìn có kích thước tương tự như thanh điều hướng sau đó thêm chế độ xem hình ảnh và đặt khung của nó là trung tâm trong thanh điều hướng. Nó hoạt động cho tất cả phiên bản ios và nó tự động mất tôi kích thước theo thiết bị (võng mạc hoặc bình thường) và hoạt động như ma thuật.

UIView *headerView = [[UIView alloc] init]; 
headerView.frame = CGRectMake(0, 0, 320, 44); 

UIImageView *imgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Header.png"]]; 
imgView.frame = CGRectMake(75, 0, 150, 44); 
imgView.contentMode = UIViewContentModeScaleAspectFit; 

[headerView addSubview:imgView]; 

navigationCtrl.navigationBar.topItem.titleView = headerView; 

[headerView release]; 
[imgView release]; 

Answer 4

Swift:

var logoImage:UIImage = UIImage(named: "logo_text")! 
self.navigationItem.titleView = UIImageView(image: logoImage) 

Answer 5

Có lẽ không phải những gì bạn có nghĩa là, nhưng tôi chạy vào trang này tìm kiếm một cách để cung cấp một trung hình nền cho thanh điều hướng, vì vậy trong trường hợp bạn' ở đây vì điều đó ... đây là một cách.

Ăn cắp một chút từ another answer, bạn có thể chia hình ảnh thành nền trước và nền sau đó tạo hình ảnh mới trải dài nền và căn giữa nền trước rồi đặt làm hình nền của thanh điều hướng. Xây dựng hình ảnh hoạt động như vậy:

// build an image by stretching the bg, then merging it with the fg 
CGSize barSize = self.navController.navigationBar.frame.size; 
UIImage *fg = [UIImage imageNamed:@"some_fg"]; 
UIImage *bg = [[UIImage imageNamed:@"some_bg"] 
       resizableImageWithCapInsets:UIEdgeInsetsMake(0.f,1.f,0.f,1.f)]; 
UIGraphicsBeginImageContextWithOptions(barSize, NO, 0.0); 
[bg drawInRect:CGRectMake(0, 0, barSize.width, barSize.height)]; 
[fg drawInRect:CGRectMake((barSize.width-fg.size.width)/2.f, 
          0, 
          fg.size.width, 
          fg.size.height)]; 
// grab the merged images 
UIImage *img = UIGraphicsGetImageFromCurrentImageContext(); 
UIGraphicsEndImageContext(); 

Answer 6

extension UINavigationController { 
func addLogoImage(image: UIImage, navItem: UINavigationItem) { 
    let imageView = UIImageView(image: image) 
    imageView.contentMode = .scaleAspectFit 
    imageView.translatesAutoresizingMaskIntoConstraints = false 

    let view = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 44)) 
    view.addSubview(imageView) 

    navItem.titleView = view 
    imageView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true 
    imageView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true 
    imageView.heightAnchor.constraint(equalTo: view.heightAnchor).isActive = true 
    imageView.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true 

    view.heightAnchor.constraint(equalTo: navigationBar.heightAnchor).isActive = true 
    view.centerXAnchor.constraint(equalTo: navigationBar.centerXAnchor).isActive = true 
    view.centerYAnchor.constraint(equalTo: navigationBar.centerYAnchor).isActive = true 
} 
} 

Đây là những gì tôi đang sử dụng.

Tất nhiên, bạn có thể cần nhiều ràng buộc hơn một chút, để không đụng độ với các mục nút phải và trái.