NavgationBar.png
標題/隱藏BottomBar
Test1 *vc = [[Test1 alloc] init];
vc.title = @"Test1";
vc.hidesBottomBarWhenPushed = YES;
[self.navigationController pushViewController:vc animated:NO];
navigationItem
- 返回樣式:系統圖標,文字自定義
// 父控制器,push方法前
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];
// 顏色,會影響后面界面
[self.navigationController.navigationBar setTintColor:[UIColor blackColor]];
- 返回樣式:自定義圖標和文字
// 父控制器,push方法前
[self.navigationController.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"navBack"]];
[self.navigationController.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"navBack"]];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"自定義圖標" style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationItem.backBarButtonItem = backItem;
- 返回樣式:無圖標,自定義文字
// 當前控制器
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"BackToRooVC" style:UIBarButtonItemStylePlain target:self action:@selector(back)];
- rightBarButtonItem
// 當前控制器
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(done)];
設置返回按鈕:自定義圖片+無文字顯示, 由首個控制器設置
/**
@param backIndicatorImage 自定義圖片
@param backIndicatorTransitionMaskImage 轉場遮罩圖片
*/
- (void)setupBackBarButtonItemWithImage:(UIImage *)backIndicatorImage backIndicatorTransitionMaskImage:(UIImage *)backIndicatorTransitionMaskImage tintColor:(UIColor *)tintColor {
UIBarButtonItem *backItem = [[UIBarButtonItem alloc]initWithTitle:nil style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationController.navigationBar.tintColor = tintColor;
self.navigationController.navigationBar.backIndicatorImage = backIndicatorImage;
self.navigationController.navigationBar.backIndicatorTransitionMaskImage = backIndicatorTransitionMaskImage;
self.navigationItem.backBarButtonItem = backItem;
}
- 隱藏返回按鈕
[self.navigationItem setHidesBackButton:YES];
statusBar
- iOS 7 以前(已成歷史,不做贅述)
StatusBar.png
- iOS 7 - iOS 9
用UIApplication的API
info.plist里將View controller-based status bar appearance 設為NO,默認YES
// 無動畫效果
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault];
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
[[UIApplication sharedApplication] setStatusBarHidden:NO];
[[UIApplication sharedApplication] setStatusBarHidden:YES];
// 帶動畫效果
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleDefault animated:YES];
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];
[[UIApplication sharedApplication] setStatusBarHidden:NO withAnimation:UIStatusBarAnimationSlide];
[[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationSlide];
重寫ViewController方法
info.plist里將View controller-based status bar appearance 設為YES,默認YES
- (void)changeStatusBarStyle:(UIButton *)sender {
if (sender.tag == 100) {
_statusBarStyle = UIStatusBarStyleDefault;
} else {
_statusBarStyle = UIStatusBarStyleLightContent;
}
[self setNeedsStatusBarAppearanceUpdate];
}
- (void)hiddenStatusBar:(BOOL)sender {
_statusBarHidden = sender;
[self setNeedsStatusBarAppearanceUpdate];
}
#pragma mark - 需要重寫的幾個狀態欄方法
#pragma mark 樣式
- (UIStatusBarStyle)preferredStatusBarStyle {
return _statusBarStyle;
}
#pragma mark 顯隱性
- (BOOL)prefersStatusBarHidden {
return _statusBarHidden;
}
#pragma mark 顯/隱切換動畫
- (UIStatusBarAnimation)preferredStatusBarUpdateAnimation {
return UIStatusBarAnimationSlide;
}
- iOS 9 后
用UIApplication的API 會報錯
<Error>: CGContextSaveGState:
<Error>: CGContextTranslateCTM:
<Error>: CGContextRestoreGState:
蘋果推薦重寫ViewController方法
- 上述方法失效
if (statusBarStyle == UIStatusBarStyleLightContent)
{
weakSelf.navigationController.navigationBar.barStyle = UIBarStyleBlack;
}
else
{
weakSelf.navigationController.navigationBar.barStyle = UIBarStyleDefault;
}
狀態欄高度和導航欄高度
狀態欄通常高度20,在通話中和有熱點連接時40
獲取狀態欄高度
[[UIApplication sharedApplication] statusBarFrame].size.height
狀態欄發生變化通知
UIApplicationWillChangeStatusBarFrameNotification
UIApplicationDidChangeStatusBarFrameNotification
- 獲取導航欄高度
self.navigationController.navigationBar.frame.size.height
去除導航欄分割線
- 第一種方式
直接設置navigationBar的ShadowImage和BackgroundImag,這樣做可以一勞永逸,在當前導航控制器的所有子控制器頁面看到的導航欄都是沒有分割線的。
弊端:想恢復比較麻煩
// 分割線
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
// 背景圖片
// [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
- 第二種方式
取出分割線,控制顯隱性即可
UIView *backgroundView = [self.navigationController.navigationBar subviews].firstObject;
for (UIImageView)
//_navLine = backgroundView.subviews.lastObject;
for (UIView *view in backgroundView.subviews) {
if ([view isKindOfClass:[UIImageView class]] && view.ddy_h <= 0.5) {
_navLine = (UIImageView *)view;
}
}
_navLine.hidden = YES;
- 其他方式:完全遞歸遍歷視圖取得(太麻煩)
改變導航欄背景
// 顏色
self.navigationController.navigationBar.barTintColor = [UIColor blueColor];
// 圖片[self.navigationController.navigationBar setBackgroundImage: [UIImage imageNamed:@"banner.png"] forBarMetrics:UIBarMetricsDefault];
// 字體
[self.navigationController.navigationBar.titleTextAttributes=@{NSForegroundColorAttributeName:[UIColorwhiteColor],NSFontAttributeName:[UIFontboldSystemFontOfSize:17]};
作者:兜麥
鏈接:http://www.lxweimin.com/p/58e3cb268f8e
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
// 如果想透明,設置顏色透明不行,因為導航上有一張背景img
barImageView = self.navigationController.navigationBar.subviews.firstObject;
//提前給barImageView一個背景色(給barImageView設置一個圖片也行)
barImageView.backgroundColor = [UIColor greenColor];
按鈕位置調整
Image1.png
Image2.png
self.navigationItem.leftBarButtonItem.imageInsets = UIEdgeInsetsMake(0,-20,0,0);
self.navigationItem.rightBarButtonItem.imageInsets = UIEdgeInsetsMake(0,-10,0,10);
附
Status Bar變換
iOS 關于navigationBar的一些:毛玻璃、透明、動態縮放、動態隱藏
ttp://www.lxweimin.com/p/8c8303f7d439
讓我們一次性解決導航欄的所有問題;