Jak dodać obraz do paska nawigacyjnego UINavigationController?

Question

Tworzę aplikację i poproszono mnie o umieszczenie logo na pasku nawigacyjnym, ale także o wykroczenie poza granice paska, obejmującego część mojego widoku. Tak właśnie powinno zostać umieszczone (biały okrąg to logo).

Ze względu na skomplikowaną strukturę widok kontrolerów w tej aplikacji chcę użyć UINavigationController, ale wydaje się, może sprawić umieszczenie logo nieco bardziej problematyczne.

Co to jest dobry sposób na zrobienie tego? (ponieważ oczywiste jest, że umieszczenie logo jako tytułowego obrazu paska nawigacyjnego nie wchodzi w grę z powodu dziwnego umieszczenia)

Myślałem o tym, czy zrobię z niego wyrób keyWindow, czy też navigationController.view. Czy pierwszy może spowodować odrzucenie mojej aplikacji przez Apple?

Answer 1

Jeśli chcesz dodać obraz z UIViewController nie z podklasy UINavigationController można zrobić coś takiego:

-(void)addImageOnTopOfTheNavigationBar { 
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"yourImage"]]; 

    imageView.frame = CGRectMake(....); //set the proper frame here 
    [self.navigationController.view addSubview:imageView]; 

} 

Answer 2

Pasek nawigacyjny ma coś, co nazywa titleView. Teraz może to być dowolny widok. Ale po prostu umieściłem na nim obraz.

Kopalnia znajduje się w funkcji init.

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

Answer 3

UIImage*image = [UIImage imageNamed:@"logo"]; 

float targetHeight = self.navigationController.navigationBar.frame.size.height; 
float logoRatio = image.size.width/image.size.height; 
float targetWidth = targetHeight * logoRatio; 

UIImageView*logoView = [[UIImageView alloc] initWithImage:image]; 
// X or Y position can not be manipulated because autolayout handles positions. 
//[logoView setFrame:CGRectMake((self.navigationController.navigationBar.frame.size.width - targetWidth)/2 , (self.navigationController.navigationBar.frame.size.height - targetHeight)/2 , targetWidth, targetHeight)]; 
[logoView setFrame:CGRectMake(0, 0, targetWidth, targetHeight)]; 
self.navigationItem.titleView = logoView; 

// How much you pull out the strings and struts, with autolayout, your image will fill the width on navigation bar. So setting only height and content mode is enough/ 
[logoView setContentMode:UIViewContentModeScaleAspectFit]; 

/* Autolayout constraints also can not be manipulated since navigation bar has immutable constraints 
self.navigationItem.titleView.translatesAutoresizingMaskIntoConstraints = false; 

NSDictionary*metricsArray = @{@"width":[NSNumber numberWithFloat:targetWidth],@"height":[NSNumber numberWithFloat:targetHeight],@"margin":[NSNumber numberWithFloat:20]}; 
NSDictionary*viewsArray = @{@"titleView":self.navigationItem.titleView}; 

[self.navigationItem.titleView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"|-(>margin=)-H:[titleView(width)]-(>margin=)-|" options:NSLayoutFormatAlignAllCenterX metrics:metricsArray views:viewsArray]]; 
[self.navigationItem.titleView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[titleView(height)]" options:0 metrics:metricsArray views:viewsArray]]; 

NSLog(@"%f", self.navigationItem.titleView.width); 
*/ 

Więc my rzeczywiście potrzebujemy

UIImage*image = [UIImage imageNamed:@"logo"]; 
UIImageView*logoView = [[UIImageView alloc] initWithImage:image]; 
float targetHeight = self.navigationController.navigationBar.frame.size.height; 
[logoView setFrame:CGRectMake(0, 0, 0, targetHeight)]; 
[logoView setContentMode:UIViewContentModeScaleAspectFit]; 

self.navigationItem.titleView = logoView; 

Answer 4

Można to zrobić z IB łatwo:

1. Dodaj zdjęcie do kontrolera (nie w widoku hierarchii)
2. Połącz widok tytułowy UINavigationItem z tym obrazkiem
3. Et voila!