美文网首页iOS技巧学习_JM常用组件iOS
iOS Scrollview 的头部view的拉伸伸缩效果

iOS Scrollview 的头部view的拉伸伸缩效果

作者: 静心_安神 | 来源:发表于2016-01-15 10:20 被阅读3302次

    以前工作很忙,赶进度, 遇到一些需要的功能的话,就是简单的上网找,找到后看懂代码后,修修改改就用到项目中了。现在每天还是很忙,但还是特细抽出点时间把,学习点基础知识, 把第三方的逐渐替换掉。


    1、 先说拉伸放大的实现原理

    scrollview的属性介绍:

    contentSize是scrollview可以滚动的区域,比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0 ,480),也就是y偏移了480contentInset是scrollview的contentview的顶点相对于scrollview的位置,例如你的contentInset = (0 ,100),那么你的contentview就是从scrollview的(0 ,100)开始显示.

    • 首相自定义一个adjustView, 把adjustView添加到scrollview, 要减弱adjustView 和scrollview 的正常内容的影响, 那么adjustView的Y值就不可能从0开始, 只能从-h(h建设为view1的高度)。

      - (void)reSizeView{
       //重置adjustView位置
       [adjustView setFrame:CGRectMake(0, -1*h,   CGRectGetWidth(adjustView.frame), h)];
       }
      

      但这样运行会造成如下情况:


    开始运行的时候看不到adjustView,向下拉的时候才会出现,这时候就需要设置一下, scrollview的contentInset属性就好了(属性介绍看上面)。

      _scrollView.contentInset = UIEdgeInsetsMake(h, 0, 0, 0);
    

    这样运行起来,就可以看到scrollview上面的自定义adjustView;但是向下拉时,怎么让图片变大呢?
    ** 其实实现拉伸放大效果的最关键点是:UIImageView的contentMode属性(UIViewContentModeScaleAspectFill),正式因为这个属性,调整adjustView的大小的话,就可以改变图片的大小 **

     img.contentMode= UIViewContentModeScaleAspectFill;
     img.clipsToBounds = YES;
    

    所以可以通过监听scrollview 的滚动事件, 来改变adjustView的frame
    scrollview的代理方法:
    - (void)scrollViewDidScroll:(UIScrollView)scrollView
    {
    CGFloat offsetY = scrollView.contentOffset.y;
    if(offsetY < h * -1) {
    CGRect currentFrame = _expandView.frame;
    currentFrame.origin.y = offsetY;
    currentFrame.size.height = -1
    offsetY;
    img.frame = currentFrame;
    } }
    说明:img可是是上文说的adjustView,或者是adjustView的子控件。
    当然,如果你的自定义控件里面还要放label、button之类的话如下:

    autoresizingMask属性,自动调整子控件和父控件的位置、大小。 通过控制这个属性可以达到你要的效果。这个属性的语义:
    http://www.cnblogs.com/jiangyazhou/archive/2012/06/26/2563041.html

    2、 改变导航栏文字的颜色

    如下:改变title的文字颜色和返回按钮的颜色 , 要自己计算在代理里面的调用时机。

    //  [self.navigationController.navigationBar lt_setBackgroundColor:    [color colorWithAlphaComponent:alpha]];
     [self.navigationController.navigationBar setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor blackColor], NSForegroundColorAttributeName, [UIFont systemFontOfSize:17], NSFontAttributeName, nil]];
    self.navigationController.navigationBar.tintColor = [UIColor blackColor];

    相关文章

      网友评论

      本文标题:iOS Scrollview 的头部view的拉伸伸缩效果

      本文链接:https://www.haomeiwen.com/subject/ysyckttx.html