文档章节

iOS-导航栏滚动

麦兜卖鱼丸
 麦兜卖鱼丸
发布于 2017/01/10 15:21
字数 439
阅读 51
收藏 0

前言

搜索功能在app中算是很常用的,比如微信的搜索,应该是运用UISearchController实现的。

 

(一)效果的实现,通过tableview的垂直滚动距离,计算出每次移动的距离,最大移动距离44;

(1)关键的逻辑在改委托方法- (void)scrollViewDidScroll:(UIScrollView *)scrollView中实现,通过当前的offsetY与lastOffsetY作比较判断是向上滚动还是向下滚动,再计算出当前的progress(最大=1),最后计算offsetY = 44 * progress计算出移动的距离。 

- (void)viewDidLoad {
    
    [super viewDidLoad];
    
    self.navigationItem.title = @"测试视图";
    
    searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 64, CGRectGetWidth(self.view.frame), 44)];
    searchBar.barStyle = UISearchBarStyleDefault;
    
    searchBar.backgroundImage = [self GetImageWithColor:[UIColor redColor] andHeight:44];
    
    searchBar.placeholder = @"其实我就是在测试";
    
    searchBar.searchTextPositionAdjustment = UIOffsetMake(10, 0);
    
    [searchBar setSearchFieldBackgroundImage:[self GetImageWithColor:[UIColor whiteColor] andHeight:30] forState:UIControlStateNormal];
    
    
    UITextField *searchText = [searchBar valueForKey:@"_searchField"];
    searchText.leftView = nil;
    searchText.background = [self GetImageWithColor:[UIColor whiteColor] andHeight:30];

    
    
//    UILabel *textFieldInsideSearchBarLabel = [searchText valueForKey:@"_placeholderLabel.textColor"];
    // 设置placeHolder的颜色
    [searchText setValue:[UIColor blueColor] forKeyPath:@"_placeholderLabel.textColor"];
    
//    [searchText setValue:@(NSTextAlignmentLeft) forKeyPath:@"_placeholderLabel.textAlignment"];
    
    //textFieldInsideSearchBarLabel.textAlignment = NSTextAlignmentLeft;
    
    
    
    testTable = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame)) style:UITableViewStylePlain];
    testTable.dataSource = self;
    testTable.delegate = self;
    testTable.backgroundColor = [UIColor clearColor];
    testTable.contentInset = UIEdgeInsetsMake(44, 0, 0, 0);
    
    //[self.view addSubview:testView];
    
    [self.view addSubview:testTable];
    [self.view addSubview:searchBar];
}


// 生成背景图
- (UIImage *)GetImageWithColor:(UIColor*)color andHeight:(CGFloat)height
{
    CGRect r = CGRectMake(0.0f, 0.0f, 1.0f, height);
    UIGraphicsBeginImageContext(r.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, r);
    
    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return img;
}


//滚动委托
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    //[self.stretchableTableHeader scrollViewDidScroll:scrollView isAutomaticallyAdjustsScrollViewInsets:self.automaticallyAdjustsScrollViewInsets];
    
    CGFloat offsetY = scrollView.contentOffset.y;
    CGFloat value = offsetY - lastOffsetY;
    CGFloat newValue = fabs(value);
    
    if (offsetY > 0) {
        
        if (isScrollUp) {
            CGFloat progress = js_progress + newValue / 64;
            js_progress = MIN(1, MAX(0, progress));
            
        } else {
            
            CGFloat progress = js_progress - newValue / 64;
            js_progress = MAX(0, MIN(1, progress));
        }
        
        if (offsetY > lastOffsetY) {
            isScrollUp = YES;
        } else {
            
            isScrollUp = NO;
        }
        
    } else {
        
        js_progress = 0;
    }
    
    
    lastOffsetY = offsetY;
    [self transionForScroll:js_progress];
}

// 移动navigationBar、searchBar以及设置titleView的alpha值
- (void)transionForScroll:(CGFloat)progress {
    
    CGFloat offsetY = 44 * progress;
    self.navigationController.navigationBar.transform = CGAffineTransformMakeTranslation(0, -offsetY);
    searchBar.transform = CGAffineTransformMakeTranslation(0, -offsetY);
    
    NSLog(@"titleView -- %@", [(UIView *)self.navigationController.navigationBar valueForKey:@"_titleView"]);
    
    
    [[self.navigationController.navigationBar subviews] enumerateObjectsUsingBlock:^(UIView *obj, NSUInteger idx, BOOL *stop) {
        if ([obj isKindOfClass:NSClassFromString(@"UINavigationItemView")]) {
            obj.alpha = 1 - progress;
            *stop = YES;
        }
    }];
}


// 然后视图消失,还原navigationBar、searchBar
- (void)viewDidDisappear:(BOOL)animated {
    
    self.navigationController.navigationBar.transform = CGAffineTransformIdentity;
    searchBar.transform = CGAffineTransformIdentity;
}

 

© 著作权归作者所有

下一篇: iOS-Share Extension
麦兜卖鱼丸
粉丝 12
博文 69
码字总数 69333
作品 0
桂林
iOS工程师
私信 提问
iOS股票K线图、校园助手、适配iPhone X、版本检测等源码

iOS精选源码 快速创建menuItem控件 YHPhotoBrowser 优化的网络图片浏览 cocoaAsynSocket demo (包含客户端和服务端) SwipeMenuViewController现在支持iPhoneX和Swift4。 仿微信的提醒对话框 ...

sunnyaigd
2017/10/31
0
0
定制iOS 7中的导航栏和状态栏

由于种种原因,申请了一个开源中国的帐号,也许会由于我的不耐心,不会亲自去一步步的写博文,但准备把自己看到的好的,都转载过来,就当时资源的存储,也算是一种推广吧。 iOS 7 教程:定制...

谁家的阿毛
2013/11/21
0
0
iOS火焰动画效果、图文混排框架、StackView效果、偏好设置、底部手势等源码

iOS精选源码 高性能图文混排框架,构架顺滑的iOS应用。(http://www.code4app.com/thread-10375-1-1.html) 使用OpenGLE覆盖阿尔法通道视频动画播放器视图。(http://www.code4app.com/thread-3...

sunnyaigd
2018/07/31
0
0
iOS 7:用代码解决视图控制器的View整体上移问题

如果你准备将你的老的 iOS 6 app 迁移到 iOS 7 上,那么你必须注意了。当你的老的 app 在 iOS 7 设备上运行时,所有ViewController 的视图都整体上移了,因为 iOS 7 把整个屏幕高度(包括状态...

mingxun
2014/06/09
0
0
iOS运营级B2B服务平台App、自定义图标库、个人中心页面、识别身份证Demo、瀑布流等源码

iOS精选源码 简单的个人中心页面-自定义导航栏并予以渐变动画(http://www.code4app.com/thread-10860-1-1.html) 一个近乎完整的可识别中国身份证信息的Demo 可自动快速...(http://www.code4a...

Android爱开源
2018/10/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Tedis:基于 TiKV 构建的 NoSQL 数据库

作者介绍: 陈东明,饿了么北京技术中心架构组负责人,负责饿了么的产品线架构设计以及饿了么基础架构研发工作。曾任百度架构师,负责百度即时通讯产品的架构设计。具有丰富的大规模系统构 ...

TiDB
22分钟前
0
0
linux命令

ls命令是linux下最常用的命令。ls命令就是list的缩写,缺省下ls用来打印出当前目录的清单。如果ls指定其他目录,那么就会显示指定目录里的文件及文件夹清单。 通过ls 命令不仅可以查看linux文件...

WinkJie
29分钟前
0
0
你需要的物流运输类报表,这里都有

你需要的物流运输类报表,都在这里 葡萄城报表模板库是一款免费的报表制作、学习和参考工具,包含了超过 200 张高质量报表模板,涵盖了 16 大行业和 50 多种报表类型,为 30 余万报表开发者提...

葡萄城技术团队
36分钟前
1
0
像Java SE一样编写Java EE(ddd探索)

今天主要改写昨天的组合模式成Web系统。 容器接口为 public interface TreeProduct { /** * 展示所有产品 * @return */ List<TreeProduct> allProducts();...

算法之名
37分钟前
0
0
Django Model 模型建立

Django Model 模型 Django Model层是Django的数据模型层,每一个Model类就是数据库中的一张表; 我们需要注意下面几点: model一般都是定义在不同的APP的models.py模块文件中,可以是一个,也...

彩色泡泡糖
46分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部