iOS自定義NavigationBar

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

1.修改Navigationbar佈局

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

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

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

//設置左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的半透明效果,能夠經過xml

self.navigationController.navigationBar.translucent = NO;

關閉。blog

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

此方法簡單粗暴。自定義性強,一個普通的UIView,能夠在任何位置放置本身想要的任何控件,設置各類顏色。get

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

    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;
相關文章
相關標籤/搜索