Develop

[ios] 기본 네비게이션바의 타이틀, back버튼 위치와 속성 변경

by hooni posted May 16, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
구글에 비슷한 질문을 했더니 역시나 Stackoverflow에 누군가 같은 질문을 ㅋㅋ

Stackoverflow 질문 내용
Can I change horizontal position of UINavigationBar's title?
Like this image (MY ACCOUNT is the UINavigationBar title)
question.png



Stackoverflow 답변 내용
Change the position of the navigationbar title will be difficult.
In my experience, I could use either one of below two ways;

1. Set left button. When you set title and image both to UIButton, it will be exactly same look as like as you want. And set that button to the left button of navigationItem.

2. You can create new view which contains UILabel which have that position and set that view to navigationItem's titleView


위에서 설명한 내용을 작성한 코드

# 1번 내용 코드과 실행 내용
NSMutableArray *leftButtons = [[NSMutableArray alloc] init];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setFrame:CGRectMake(2, 2, 40, 40)];
[button setBackgroundImage:[UIImage imageNamed:@"title_btn_back_w_nor"]
                  forState:UIControlStateNormal]; // SET the image name for your wishes
[button addTarget:self action:@selector(backButtonTapped)
 forControlEvents:UIControlEventTouchUpInside]; // you can ADD the action to the button as well like

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 0, 100, 44)];
[label setAttributedText:[[NSMutableAttributedString alloc]
                          initWithString:NSLocalizedString(@"My Closet", nil)
                          attributes:@{
                                       NSForegroundColorAttributeName:[UIColor whiteColor],
                                       NSFontAttributeName: [UIFont fontWithName:@"Futura-Medium" size:13]
                                       }]];

UIView *buttonView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 44)];
[buttonView addSubview:button];
[buttonView addSubview:label];

UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithCustomView:buttonView];
[leftButtons addObject:backButton];
[self.navigationItem setLeftBarButtonItems:leftButtons animated:NO];

navi1.png


2번 내용 코드
NSMutableArray *leftButtons = [[NSMutableArray alloc] init];
UIBarButtonItem *backButton = [[UIBarButtonItem alloc]
                               initWithImage:[UIImage imageNamed:@"title_btn_back_w_nor"]
                               style:UIBarButtonItemStylePlain
                               target:self
                               action:@selector(backButtonTapped)];
[leftButtons addObject:backButton];
[self.navigationItem setLeftBarButtonItems:leftButtons animated:NO];

UILabel* titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 44, 320, 44)];
titleLabel.textAlignment = NSTextAlignmentLeft;
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc]
                                             initWithString:NSLocalizedString(@"My Closet", nil)
                                             attributes:@{
                                                          NSForegroundColorAttributeName:[UIColor whiteColor],
                                                          NSFontAttributeName: [UIFont fontWithName:@"Futura-Medium" size:13]
                                                          }];
titleLabel.attributedText = attributedText;
self.navigationItem.titleView = titleLabel;

navi2.png


[참고] http://stackoverflow.com/questions/30007281/uinavigationbar-horizontal-position