博客> 简单实现导航栏渐变效果
简单实现导航栏渐变效果
2017-09-23 03:41 评论:0 阅读:359 蓝波大人
ios 导航栏 渐变效果

现在很多的app都实现了导航栏的渐变效果,这也算是一种用户体验吧!今天介绍一种简单的方法实现这个效果.方法很简单,但是自己做完后感觉效果也挺好的.

1.在viewWillAppear方法中先设置初始导航栏的背景颜色

  • (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [self.navigationController.navigationBar lt_setBackgroundColor:[UIColor blueColor] colorWithAlphaComponent:0]]; } lt_setBackgroundColor是自己封装好的一个改变导航栏背景颜色的方法

2.自己的view是tableView所以可以在scrollViewDidScroll代理方法中实现颜色的渐变效果,利用改变透明度的方法实现

  • (void)scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat offsetY = scrollView.contentOffset.y; if (offsetY <= 0) { [self.navigationController.navigationBar lt_setBackgroundColor:[UIColor clearColor]];

    }else if (offsetY<64) { CGFloat num = (offsetY-64)*1.2/64+0.9; [self.navigationController.navigationBar lt_setBackgroundColor:[UIColor blueColor]colorWithAlphaComponent:num]]; }else{ [self.navigationController.navigationBar lt_setBackgroundColor:[UIColor blueColor]]; }

}

收藏
0
sina weixin mail 回到顶部