iOS自定義NavigationBar


日常開發中少不了用到UINavigationController,但是很多情況都要自定義NavigationBar。依稀記得自己剛開始也踩了好多坑,湊今天有空,就把想到的寫下來。有時間了,考慮再把自定義TabBar寫一下。

1.修改Navigationbar

navigationBar其實有三個子視圖,leftBarButtonItem,rightBarButtonItem,以及titleView。

1.1  方法一:alloc一個UINavigationBar ,並給alloc出來的NavigationBar設置button及view,與系統的NavigationBar沒有着明顯區別。如果在沒有NavigationController管理的時候想要添加一個NavigationBar,就這方法還是可以的。。。但是添加到可以滾動的視圖(如tableView)的時候,會隨着視圖的滾動而滾動,不建議使用,代碼就不貼了。

1.2 方法二: 修改系統UINavigationBar的leftBarButtonItem,rightBarButtonItem,以及titleView

//設置左button
    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithTitle:@"left" style:UIBarButtonItemStyleDone target:self action:@selector(test)];
    self.navigationItem.leftBarButtonItem = leftItem;
//設置右button

  UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithTitle:@"button" style:UIBarButtonItemStyleDone target:self action:@selector(test)];   self.navigationItem.rightBarButtonItem = rightItem;
    //修改titleView字體顏色
    NSDictionary *dic = [NSDictionary dictionaryWithObject:[UIColor redcolor] forKey:NSForegroundColorAttributeName];
    self.navigationController.navigationBar.titleTextAttributes = dict;

navigationBar的半透明效果,可以通過

self.navigationController.navigationBar.translucent = NO;

關閉。

1.3 隱藏navigationBar,自定義View代替navigationBar

此方法簡單粗暴。自定義性強,一個普通的UIView,可以在任何位置放置自己想要的任何控件,設置各種顏色。

問題在與子視圖布局的時候需要注意起始Y值為64(狀態欄20 + navigationBar 44)。視圖過多的時候是很讓人崩潰的一件事。

    self.navigationController.navigationBarHidden = NO;
    self.headerView = [[[NSBundle mainBundle] loadNibNamed:@"HeaderView" owner:nil options:nil]lastObject];
    [self.headerView.menuButton addTarget:self action:@selector(showMenu:) forControlEvents:UIControlEventTouchUpInside];
    self.headerView.frame = CGRectMake(0, 20, kScreenW, 44);
    [self.view addSubview:self.headerView];

1.4  將自定義View添加到titleView上

不隱藏navigationBar,然后將自定義的View添加到titleView上,好處在於,不用考慮坐標問題。和系統的navigationBar使用起來一樣簡單,還增加了自定義性。唯一不足是titleView的frame不是整個navigationBar,看起來顏色不統一,解決方法是將navigationBar背景顏色調整為和自定義View一樣。

    self.navigationController.navigationBarHidden = NO;
    HeaderView *headerView = [[[NSBundle mainBundle] loadNibNamed:@"HeaderView" owner:nil options:nil]lastObject];
    headerView.frame = CGRectMake(0, 20, kScreenW, 44);
    self.navigationController.navigationBar.translucent = NO;
    self.navigationItem setHidesBackButton = YES;
    //navigationBar顏色與headerView顏色相同
    self.navigationController.navigationBar.backgroundColor = [UIColor whiteColor];
    self.navigationItem.titleView = headerView;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM