UINavigationBar title view alignment issue

Question

I have set an ImageView as title view for a specific ViewController whereas the other controllers have UILabel as titleView. I used the following code to set title view,

UIImageView *imageTitle = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Logo"]];
[self.navigationController.navigationBar.topItem setTitleView:imageTitle];

I have tried using this one as well,

UIImageView *imageTitle = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Logo"]];
[self.navigationItem setTitleView:imageTitle];

The issue is, when I pop back to the view controller the title view stays on left for few seconds. I'm not sure what's the reason for this? Please let me know where I'm going wrong???! enter image description here

P.S: The issue occurs in iOS 7 only!

Here is the sample project with this issue - https://dl.dropboxusercontent.com/u/97646145/Issue/NavigationTitleView.zip

Update

As @FahimParkar suggested, I used a 320x44 image for the titleview. The delay in positioning seems little as the image is wide. Is this the only solution for this issue?

Link to download trial project with 320x44 image -> https://dl.dropboxusercontent.com/u/97646145/Issue/NavigationTitleView_Updated.zip

Can you check this one : http://stackoverflow.com/questions/15199980/how-to-put-an-image-in-the-center-of-navigationbar-of-a-uiviewcontroller or http://stackoverflow.com/questions/17361500/set-navigation-bar-image-in-ios-7 — Dhaval Bhadania, Apr 11 '14 at 07:34
@DhavalBhadania No.. One is about navigation bar... the other is about how to set title view.. I already set title view, but it is having problem when popped back! — Nina, Apr 11 '14 at 07:38
`[self.navigationItem setTitleView:imageTitle];` this is correct implementation — Himanshu Joshi, Apr 11 '14 at 07:42
@HimanshuJoshi Yes.. It happens only for few secs.. then its fine — Nina, Apr 11 '14 at 07:46
what is the size of image? make sure you have 320x44 & 640x88 — Fahim Parkar, Apr 11 '14 at 20:26
@Fahim I need 320*44 & 640*88 for a title view? Isn't that for navigationbar? Am I wrong? — Nina, Apr 12 '14 at 02:58
@Nina : try to use 320x44 and I think you will not have this issue... — Fahim Parkar, Apr 12 '14 at 07:32
@FahimParkar Its still happening... but as the image is wide enough to occupy the complete space the visibility is less.. I tried this with a sample image.. Is this the solution?? — Nina, Apr 12 '14 at 07:47
@Nina : can you upload sample project without POD? I dont have POD — Fahim Parkar, Apr 12 '14 at 09:08

score 1 · Accepted Answer · answered Apr 12 '14 at 09:21

You have two choise for setting navigation properly.

First:

setting Titleview as you did like bellow:-

- (void)viewDidLoad
{

    UIView *navView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 60)];
    UIImageView *imgviw=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 20, 20)];
    imgviw.backgroundColor = [UIColor blackColor];

    imgviw.center=navView.center; // this is display your image at center of navigation bar.
    imgviw.image=[UIImage imageNamed:@"passowrd.png"];
    [navView addSubview:imgviw];

    self.navigationItem.titleView = navView;
    [super viewDidLoad];
}

That Output like:-

enter image description here

Second:

Setting navigation image as par your requirement for particulare view-controller. create image for navigation with same size of navigation bar. And set using Bellow code.

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"Navbar.png"] forBarMetrics:UIBarMetricsDefault];

score 0 · Answer 2 · answered Apr 11 '14 at 07:47

0

May be there is a issue in autoresizing

UIImageView* imgView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"LOGO.png"]];
imgView.autoresizingMask=UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
imgView.contentMode=UIViewContentModeScaleAspectFit;
self.navigationItem.titleView = imgView;

answered Apr 11 '14 at 07:47

Himanshu Joshi

3,391
1
19
32

Where you are adding the image in titleView? In `viewDidLoad` or `viewWiilAppear`? – Himanshu Joshi Apr 11 '14 at 07:56
I have a separate class that stacks all main view controller, i do this part in that class.. – Nina Apr 11 '14 at 07:57

score 0 · Answer 3 · answered Apr 12 '14 at 08:16

0

Try this code in your ViewWillAppear method hope this helps you:

UIImage *image = [UIImage imageNamed: @"Logo"];
UIImageView *imageView = [[UIImageView alloc] initWithImage: image];

self.navigationItem.titleView = imageView;

answered Apr 12 '14 at 08:16

Rajat

1,043
12
23

score 0 · Answer 4 · answered Jul 21 '14 at 10:14

0

You need to setup your navigationbar title view inside viewDidLoad and not viewWillAppear.

answered Jul 21 '14 at 10:14

fsegouin

1
1

UINavigationBar title view alignment issue

4 Answers4