iOS自定義導(dǎo)航欄

1. 完全透明的導(dǎo)航欄

完全透明的導(dǎo)航欄經(jīng)常出現(xiàn)在首頁、詳情頁、登錄、個人中心等頁面,以下是一些APP的例子,當(dāng)頁面向上滑動時再加上一些過渡效果,的確很吸引眼球,這種設(shè)計個人也是非常喜歡。

京東首頁
個人中心
登錄
詳情

實現(xiàn)下圖所示的效果:

詳情

方法如下:

//全透明,一般在viewWillAppear
+ (void)createCompletelyTransparentNavigationBar:(UIViewController *)sender
{
    [sender.navigationController.navigationBar setBackgroundImage:[UIImage new]
                                                  forBarMetrics:UIBarMetricsDefault];
    sender.navigationController.navigationBar.shadowImage = [UIImage new];
    sender.navigationController.navigationBar.translucent = YES;
    sender.navigationController.view.backgroundColor = [UIColor clearColor];
    sender.navigationController.navigationBar.backgroundColor = [UIColor clearColor];
}

//恢復(fù)成默認,一般在viewWillDisappear
+ (void)createDefaultNavigationBar:(UIViewController *)sender
{
    [sender.navigationController.navigationBar setBackgroundImage:nil
                                                  forBarMetrics:UIBarMetricsDefault];
}

自定義導(dǎo)航欄返回按鈕:

#pragma mark - 
#pragma mark - 自定義導(dǎo)航欄按鈕 返回按鈕 或者其他按鈕
- (void)createCustomNavigationBackOrOtherButton
{
    UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    backBtn.frame = CGRectMake(0, 0, 32, 32);
    [backBtn addTarget:self action:@selector(navCustomBackButtonPressed) forControlEvents:UIControlEventTouchUpInside];
    [backBtn setImage:[UIImage imageNamed:@"NavBackCustomImg"] forState:UIControlStateNormal];
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backBtn];
   // self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"NavBackCustomImg"] style:UIBarButtonItemStyleBordered target:self action:@selector(navCustomBackButtonPressed)];
    //解決自定義了leftBarbuttonItem左滑返回手勢失效了的問題
    self.navigationController.interactivePopGestureRecognizer.delegate = (id<UIGestureRecognizerDelegate>)self;
}

- (void)navCustomBackButtonPressed
{
    [self.navigationController popViewControllerAnimated:YES];
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容