IOS導航欄顏色漸變與常用屬性(最近應用比較流行的風格)

  1. 導航欄背景色設置:

        self.navigationController.navigationBar.barTintColor = [UIColor greenColor];

  2. 導航欄標題顏色字體大小

        NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
    
        attrs[NSForegroundColorAttributeName] = [UIColor whiteColor];
    
        attrs[NSFontAttributeName] = [UIFont systemFontOfSize:17];
    
        [self.navigationController.navigationBar setTitleTextAttributes:attrs];

  3. 導航欄左右item

       UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithTitle:@"left" style:UIBarButtonItemStylePlain target:self action:@selector(left)];
    
       self.navigationItem.leftBarButtonItem = leftItem;
    
       UIBarButtonItem *rightItem = [[UIBarButtonItem alloc] initWithTitle:@"right" style:UIBarButtonItemStylePlain target:self action:@selector(right)];   
       self.navigationItem.rightBarButtonItem = rightItem;

  4. 導航欄item字體顏色
  5.     self.navigationController.navigationBar.tintColor = [UIColor redColor];

    如果要不同item不同顏色,那麼item要帶一個自定義按鈕,在設置按鈕屬性當前控制器的下一個控制的返回item去掉文字只保留箭頭
  6.     

       UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:self action:@selector(back)];
       self.navigationItem.backBarButtonItem = backItem;

  7. 導航欄透明與導航欄底部分割線,如果有圖片高爲64的話,直接設置圖片就可以了,除此之外還可以用代碼,這邊的例子全部用代碼背景色轉圖片來設置,先設置整個view的背景色爲 

       self.view.backgroundColor = [UIColor greenColor];
    
    如果透明看到的就是綠色。然後在分別設置

  8.    [self.navigationController.navigationBar setShadowImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:1 blue:1 alpha:0]]];//這樣就是透明的了
  9. 如果要監聽滾動而使導航欄顏色漸變,那麼可以在scrollView的代理方法中添加這樣的代碼

  10. -(void)scrollViewDidScroll:(UIScrollView *)scrollView {
    
         [self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:0 blue:0 alpha:self.tableView.contentOffset.y / 100]] forBarMetrics:UIBarMetricsDefault];
    
    }
    這邊用的imageWithBgColor方法

    -(UIImage *)imageWithBgColor:(UIColor *)color {
    
        CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    
        UIGraphicsBeginImageContext(rect.size);
    
        CGContextRef context = UIGraphicsGetCurrentContext();    
    
        CGContextSetFillColorWithColor(context, [color CGColor]);
    
        CGContextFillRect(context, rect);
    
         UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    
        UIGraphicsEndImageContext();
    
         return image;
    
    }
    最後大致的效果點左邊是默認顏色,點右邊透明,滾動漸變,就在這記下這些了,希望有可以幫助到的地方~~

發佈了23 篇原創文章 · 獲贊 2 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章