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

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



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];

    • 2
      点赞
    • 4
      收藏
      觉得还不错? 一键收藏
    • 0
      评论

    “相关推荐”对你有帮助么?

    • 非常没帮助
    • 没帮助
    • 一般
    • 有帮助
    • 非常有帮助
    提交
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值