iOS中導航欄的漸變顏色效果的實現

2、導航欄漸變透明

思路：給navigationBar一張空的圖片，設置frame爲0，在navigationBar上自定義view,在運行時添加view,滾動時修改咱們自定義的UIView的alpha就能夠實現導航欄漸變透明。

導航欄的特色：

1)導航欄默認有幾層   ——>4層

2)設置setBarTintColor   導航欄有  6層

   [[UINavigationBar appearance] setBarTintColor:[UIColor redColor]];

3)設置圖片  導航欄有  2層

[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"NavBar64"] forBarMetrics:UIBarMetricsDefault];

具體代碼

1）>>建立分類 繼承自UINavigationBar

注意：分類能夠添加屬性（不會生成帶下劃線的成員變量，沒有setter和getter方法），添加屬性時，有的時候是不須要建立屬性的，能夠改變系統自身內部的屬性。或者是本身經過運行時建立的。

面試》分類和繼承的區別：二者均可以擴展方法和擴展屬性。但分類

沒有繼承關係，耦合度低。分類無繼承關係，只是擴充方法。

2） #import <objc/runtime.h>

@implementation UINavigationBar (NavAlpha)
static char alView;

-(void)setAlphaView:(UIView *)alphaView
{
    objc_setAssociatedObject(self, &alView, alphaView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

-(UIView *)alphaView
{
  return  objc_getAssociatedObject(self, &alView);

}

3） -(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    UIColor *color = [UIColor redColor];
    //漸變透明
    //當前滾動的Y值
    CGFloat scrollY =  scrollView.contentOffset.y;
   
    CGFloat alphaScale = ( 30 + 64 - scrollY)/64;
   
    if (scrollY > 30) {
        //漸變
//        NSLog(@"%f",alphaScale);
//        self.navigationController.navigationBar.alpha = alphaScale;
       
        [self.navigationController.navigationBar setalphaNavigationWithColor:[color colorWithAlphaComponent:alphaScale]];
       
    }else
    {
//        self.navigationController.navigationBar.alpha = 1;
        [self.navigationController.navigationBar setalphaNavigationWithColor:[color colorWithAlphaComponent:1]];
    }

}

4） //設置漸變
-(void)setalphaNavigationWithColor:(UIColor *)color
{
    if (!self.alphaView) {
       
        //設置背景圖片
        [self setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
       
        //建立自定義透明的view
        self.alphaView = [[UIView alloc]initWithFrame:CGRectMake(0,-20, [UIScreen mainScreen].bounds.size.width, 64)];
       
        //插入添加
        [self insertSubview:self.alphaView atIndex:0];
    }
    //設置透明的顏色
    [self.alphaView setBackgroundColor:color];
   

}