iOS开发渐变导航栏

释放双眼,带上耳机,听听看~!

最近博主对渐变导航栏进行了改进,原来的是只有在头部部分400以内会改变,现在当在中部上下滚动时也会有类似的功能,和百度贴吧的功能类似,需要的请查看博客链接: iOS开发渐变导航条升级版(判断滚动的方向和改变方向时的位置) 


看到有人说渐变的导航栏,所以就随便来写写,根据渐变原理,应该是控件在滚动的时候,根据偏移量来设置导航栏背景的透明度。
这就简单了,废话不多说,直接上代码:

 //
//  ViewController.m
//  NavClear
//
//  Created by 刘浩浩 on 16/6/7.
//  Copyright © 2016年 CodingFire. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()<UIScrollViewDelegate,UITableViewDelegate,UITableViewDataSource>
{
UIImageView *barImageView;
UITableView *myTableView;
}
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
self.view.backgroundColor=[UIColor whiteColor];
self.navigationController.navigationBar.barTintColor=[UIColor orangeColor];
self.title=@"This is my title!";
self.navigationController.navigationBar.tintColor = [UIColor blackColor];
myTableView=[[UITableView alloc]initWithFrame:self.view.bounds];
myTableView.delegate=self;
myTableView.dataSource=self;
[self.view addSubview:myTableView];
UIImageView *imageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 270)];
imageView.image=[UIImage imageNamed:@"1.png"];
myTableView.tableHeaderView=imageView;
barImageView = self.navigationController.navigationBar.subviews.firstObject;
}
#pragma mark - UITableViewDelaget
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 40;
}
-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return 44;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:@"cell"];
if (!cell) {
cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
}
cell.textLabel.text=[NSString stringWithFormat:@"%ld",indexPath.row];
return cell;
}
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
self.navigationController.navigationBar.alpha=1-scrollView.contentOffset.y/400;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end

这里透明度变化的维度自己控制,我这边在400以内变化,超出的透明度都为1,看到别人写的隐藏导航条的方法,这里拿出来分享一下:

//这里的图片是导航条的背景图片,相当于设置了nil
[self.navigationController.navigationBar setBackgroundImage:[UIImage new]                                       forBarMetrics:UIBarMetricsDefault];
//这里的图片是下面那条线,如果不设置会看到64像素位置的那条黑线
self.navigationController.navigationBar.shadowImage = [UIImage new];
//还有一种最简单的方法
[self.navigationController setNavigationBarHidden:YES animated:YES];

第二个知识点,拿到导航栏背景图,其实导航栏背景图是导航栏的第一个子集,所以拿到所有的导航栏子集,取第一位:

    barImageView = self.navigationController.navigationBar.subviews.firstObject;

这里要注意,不能写成

    self.navigationController.navigationBar.alpha=1-scrollView.contentOffset.y/400;

否则nav上的标题按钮也会消失,而实用:

    barImageView = self.navigationController.navigationBar.subviews.firstObject;

隐藏的只是背景图片,并不会把nav上面的其他子集隐藏。附上下载地址:https://github.com/codeliu6572/NavClear

人已赞赏
iOS文章

iOS开发图文混排之cell自适应

2021-2-3 11:37:24

iOS文章

iOS开发自定义tabbar的基本封装

2021-2-3 12:52:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索