iOS 导航栏设置

Morris_

已于 2022-02-23 11:13:03 修改

阅读量1.8k

点赞数

分类专栏： # App开发文章标签： ios swift xcode

于 2022-02-18 15:03:12 首次发布

本文链接：https://blog.csdn.net/Morris_/article/details/123003788

版权

App开发专栏收录该内容

179 篇文章 3 订阅

订阅专栏

这篇博客介绍了如何在iOS13及以上版本使用UINavigationBarAppearance API来定制导航栏的外观，包括背景图片、标题样式、Done按钮样式，并提供了代码示例。同时，解释了standardAppearance和scrollEdgeAppearance的区别，以及在导航栏中添加按钮的方法。

摘要由CSDN通过智能技术生成

导航栏右侧的Done按钮怎么是蓝色的？
导航栏右侧按钮大小设置
导航栏标题按钮样式设置
导航栏设置颜色
导航栏变白不显示颜色？
…

iOS 13 之后使用新的API和类(UINavigationBarAppearance)来设置导航栏的标题大小，颜色，字体；导航栏的颜色；导航栏按钮样式。

#import "MMBaseNavigationController.h"

@interface MMBaseNavigationController ()

@end

@implementation MMBaseNavigationController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    
    /// Config the navigation bar appearance
    
    if (@available(iOS 13.0, *)) {
        UINavigationBarAppearance *appearance = [[UINavigationBarAppearance alloc] init];
        // Navigation bar background image
        appearance.backgroundImage = [UIImage imageNamed:@"top"];
        // Navigation bar title
        appearance.titleTextAttributes = @{NSFontAttributeName:[UIFont systemFontOfSize:20],NSForegroundColorAttributeName:[UIColor whiteColor]};

        // Config the done button appearance
        UIBarButtonItemAppearance *doneAppearance = [[UIBarButtonItemAppearance alloc] init];
        doneAppearance.normal.titleTextAttributes = @{NSFontAttributeName:[UIFont systemFontOfSize:16],NSForegroundColorAttributeName:[UIColor whiteColor]};
        appearance.doneButtonAppearance = doneAppearance;
        
        self.navigationBar.standardAppearance = appearance;
        self.navigationBar.scrollEdgeAppearance = appearance;
    }
    else {
        [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"top"] forBarMetrics:UIBarMetricsDefault];
        [[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];
    }

@end

standardAppearance 和 scrollEdgeAppearance

standardAppearance 和 scrollEdgeAppearance 分别是导航栏的标准样式和滚动样式。
什么是标准样式？其实就是静态显示的样式。
什么是滚动样式，就是当导航视图被present出来这种，这时候如果不设置scrollEdgeAppearance的话导航栏颜色就是白色的(iPhone上是这样，iPad的不会出现)。

在Controller中添加导航栏按钮

    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"Done" style:UIBarButtonItemStyleDone target:self action:@selector(done:)];

注意

self.navigationItem，不小心写成self.navigationController.navigationItem就错了，不是一回事。
style:UIBarButtonItemStyleDone

设置图片

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.frame = CGRectMake(0, 0, 40, 40);
    [button setImage:[UIImage imageNamed:@"back-icon"] forState:UIControlStateNormal];
    [button addTarget:self action:@selector(backButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
    
    UIBarButtonItem *leftBarButtonItem  = [[UIBarButtonItem alloc] initWithCustomView:button];
    self.navigationItem.leftBarButtonItem = leftBarButtonItem;