iOS-UIScrollview滑动时标题栏自动隐藏和显示效果

本文详细介绍了如何在iOS应用中,通过Autolayout和Masonry库,实现在UIScrollview滑动时标题栏自动隐藏和显示的效果。内容包括布局设置、自动隐藏显示的实现原理及源代码分享。
摘要由CSDN通过智能技术生成

  本文主要介绍如何实现当UIScrollview滑动时,自动隐藏和显示标题栏的效果。其中布局采用Autolayout的方式,并且为了代码精简,使用了第三方库Masonry,其使用参考【iOS-Masonry学习笔记】。使用它的原因是可以很好的结合动画效果的实现!

一、布局

  首先我们来介绍一下整个布局。最外层的是一个UIScrollview(mainScrollview),其子视图包括一个模拟标题栏的UIView视图,以及一个UIScrollview视图(innerScrollview),并且其是按顺序上下排列的。其中的innerScrollview包含一个UIView容器子视图,并且该容器中包括若干个UIView子视图来模拟cell。其显示效果大致如下:

这里写图片描述

1.1 常量设置

    //屏幕宽度
    #define UIScreenWidth [[UIScreen mainScreen] bounds].size.width
    //屏幕高度
    #define UIScreenHeight [[UIScreen mainScreen] bounds].size.height

    //标题栏高度
    NSInteger const titleHeight = 100;
    //每个cell高度
    NSInteger const cellHeight = 80;
    //触发标题栏隐藏和显示事件的scrollview在Y方向上的滑动位移阈值
    NSInteger const triggerToHideY = 200;

1.2 视图初始化

  整个布局的视图属性并不多,主要是一下这些。其中cells数组用于存储添加到container中的子UIView视图,以便于此后的视图约束设置。还有一个属性isHide是用来表示标题的状态的,如果标题隐藏则为YES,反之为NO,默认值为NO;

    @property (strong, nonatomic) UIScrollView *mainScrollview;
    @property (strong, nonatomic) UIView *hideView;
    @property (strong, nonatomic) UIScrollView *innerScrollview;
    @property (strong, nonatomic) UIView *container;
    @property (strong, nonatomic) NSMutableArray *cells;

    @property (nonatomic) BOOL isHide;

接下来则是手动初始化各个视图对象,并设置它们的父子关系。

    - (void)viewDidLoad {
        [super viewDidLoad];

        //设置默认值
        self.isHide = NO;
        //初始化cells数组
        self.cells = [
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值