直播軟體搭建，修改狀態列、導航條顏色及文字顏色

直播軟體搭建，修改狀態列、導航條顏色及文字顏色

一、只改變狀態列顏色

1、首先在info.plist設定View controller-based status bar appearance，並將其值設定為YES。

2、在需要修改狀態列顏色的頁面重寫系統方法-preferredStatusBarStyle

// 僅當前頁面狀態列文字顏色 - 系統方法
- (UIStatusBarStyle)preferredStatusBarStyle {
    if (self.isLightStyle) {
        // 白色
        return UIStatusBarStyleLightContent;
    }else{
        // 黑色
        if (@available(iOS 13.0, *)) {
            return UIStatusBarStyleDarkContent;
        } else {
            return UIStatusBarStyleDefault; //黑色, 預設值
        }
    }
}

3、手動觸發 preferredStatusBarStyle 更新狀態列顏色

如果依賴返回資料來決定狀態列顏色，可以呼叫下面方法手動觸發preferredStatusBarStyle

// 手動觸發 preferredStatusBarStyle 更新狀態列顏色
[self setNeedsStatusBarAppearanceUpdate];

二、同時改變狀態列、導航條顏色

1、將要顯示時設定樣式。將要消失時恢復原有樣式。

/// 導航欄背景顏色，準備2個顏色，是應對漸變顏色
@interface ZBWebViewVC ()
@property (nonatomic, copy) NSString *navColorOne;
@property (nonatomic, copy) NSString *navColorTwo;
@property (nonatomic, strong) UIView *statusBar;
@property (nonatomic, assign) BOOL isLightStyle;
@end
@implementation ZBWebViewVC
- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    //設定顯示樣式，也可以返回資料後呼叫此方法，根據返回資料決定顏色
    [self updateNavColor:@"#ffffff" second:nil fontColor:@"#000000"];
    // 手動觸發 preferredStatusBarStyle 更新狀態列顏色
[self setNeedsStatusBarAppearanceUpdate];
}
//頁面消失，還原導航條顏色
- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    //恢復webView狀態列為白色
    if (@available(iOS 13.0, *)) {
        if ([[UIApplication sharedApplication].keyWindow.subviews containsObject:self.statusBar]) {
            [self.statusBar removeFromSuperview];
        }
    } else {
        UIView *statusBar = [[[UIApplication sharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];
        if ([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {
            statusBar.backgroundColor = UIColor.clearColor;
        }
    }
}
/// 更新狀態列顏色
- (void)updateStatusBarStyleIsWhite:(BOOL)isWhite{
    //修改隱藏導航欄後，狀態列顏色還原
    UIColor *bgColor = UIColor.whiteColor;
    if (self.navColorOne.length && !isWhite) {
        bgColor = [UIColor colorWithHexString:self.navColorOne];
    }
    if (@available(iOS 13.0, *)) {
        if (![[UIApplication sharedApplication].keyWindow.subviews containsObject:self.statusBar]) {
            [[UIApplication sharedApplication].keyWindow addSubview:self.statusBar];
        }
        self.statusBar.backgroundColor = bgColor;
    } else {
        UIView *statusBar = [[[UIApplication sharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];
        if ([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {
            statusBar.backgroundColor = bgColor;
        }
    }
}
/// 配置導航條、文字顏色
/// @param first 第一種顏色，例 白色：#ffffff
/// @param second 第二種顏色，例 黑色：#000000
/// @param fontColor title顏色，例 黑色：#000000
- (void)updateNavColor:(NSString *)first second:(NSString *)second fontColor:(NSString *)fontColor{
    UIColor *topleftColor = [UIColor colorWithHexString:first];
    UIColor *bottomrightColor = second ? [UIColor colorWithHexString:second] : topleftColor;
    UIColor *fColor;
    
    if (self.isLightStyle) {
        [self.btnLeftOne setImage:[UIImage imageNamed:@"nav_back_white"] forState:UIControlStateNormal];
        [self.btnLeftTwo setImage:[UIImage imageNamed:@"nav_close_white"] forState:UIControlStateNormal];
        
        [self.btnRightOne setImage:[UIImage imageNamed:@"caigoudannew_white"] forState:UIControlStateNormal];
        [self.btnRightTwo setImage:[UIImage imageNamed:@"share_white"] forState:UIControlStateNormal];
        
        fColor = fontColor ? [UIColor colorWithHexString:fontColor] : UIColor.whiteColor;
        [self updateStatusBarStyleIsWhite:NO];
    }else{
        [self.btnLeftOne setImage:[UIImage imageNamed:@"nav_back_black"] forState:UIControlStateNormal];
        [self.btnLeftTwo setImage:[UIImage imageNamed:@"nav_close_black"] forState:UIControlStateNormal];
        
        [self.btnRightOne setImage:[UIImage imageNamed:@"caigoudannew"] forState:UIControlStateNormal];
        [self.btnRightTwo setImage:[UIImage imageNamed:@"share_black"] forState:UIControlStateNormal];
        
        fColor = fontColor ? [UIColor colorWithHexString:fontColor] : UIColor.blackColor;
        [self updateStatusBarStyleIsWhite:YES];
    }
    
    // 設定導航條背景圖
    UIImage *bgImg = [UIImage gradientColorImageFromColors:@[topleftColor, bottomrightColor] gradientType:GradientTypeLeftToRight imgSize:CGSizeMake(XYYScreenW, kNavBarHeight)];
    if (@available(iOS 13.0, *)) {
        UINavigationBarAppearance *appearance = [[UINavigationBarAppearance alloc] init];
        [appearance configureWithOpaqueBackground];
        appearance.backgroundImage = bgImg;
        appearance.titleTextAttributes = @{NSForegroundColorAttributeName:fColor, NSFontAttributeName:[UIFont systemFontOfSize:17]};
        self.navigationController.navigationBar.standardAppearance = appearance;
        self.navigationController.navigationBar.scrollEdgeAppearance = appearance;
    }else{
        self.navigationController.navigationBar.titleTextAttributes =
        @{NSForegroundColorAttributeName:fColor, NSFontAttributeName:[UIFont systemFontOfSize:17]};
    }
    [self.navigationController.navigationBar setBackgroundImage:bgImg forBarMetrics:UIBarMetricsDefault];
}
#pragma mark - lazy
- (UIView *)statusBar{
    if (!_statusBar) {
        if (@available(iOS 13.0, *)) {
            _statusBar = [[UIView alloc] initWithFrame:[UIApplication sharedApplication].keyWindow.windowScene.statusBarManager.statusBarFrame];
        }
    }
    return _statusBar;
}

2、在需要改變時，呼叫-updateNavColor:second:fontColor:方法，改變樣式

[self updateNavColor:self.navColorOne second:self.navColorTwo fontColor:fontColor];

以上就是直播軟體搭建，修改狀態列、導航條顏色及文字顏色， 更多內容歡迎關注之後的文章