简短的Swift-tableHeaderImage的视差滚动效果

最近发现很多App都用到了Parallax(视差滚动),其实这种效果很早都已在Web领域运用,自己曾经在搞前端的时候也用纯CSS实现过。今天就在iOS平台试着用Swift写一下。

源码如下,已传Github并附了个Demo:

//
//  HeaderParallax.swift
//  HeaderParallax
//
//  Created by mingMac    on 14-8-15.
//  Copyright (c) 2014年 com.ming. All rights reserved.
//

import Foundation
import UIKit

class HeaderParallax : NSObject{
    var imagev = UIImageView();
    var tablev = UITableView();
    
    var initialFrame:CGRect!;
    var initialHeight:CGFloat!;
    
    func InitHeaderForTableView(tableView:UITableView!,imageView:UIImageView!){
        imagev = imageView;
        tablev = tableView;
        
        initialFrame = imageView.frame;
        imageView.frame.size.width = tableView.frame.size.width
        initialHeight = initialFrame.size.height;
        
        var headerView:UIImageView = UIImageView(frame: initialFrame);
        tablev.tableHeaderView = headerView;
        
        tablev.addSubview(imagev)
    }
    
    func scrollViewDidScroll(scrollView: UIScrollView!){
        
        if scrollView.contentOffset.y < 0 {
            var OffsetY:CGFloat = scrollView.contentOffset.y + scrollView.contentInset.top
            initialFrame.origin.y = OffsetY;
            initialFrame.size.height = initialHeight + (OffsetY * -1)
            initialFrame.size.width = tablev.frame.size.width
            
            imagev.frame = initialFrame
        }
    }
}

正如代码很短,原理也很简,重点就是那两个函数。算是个抛砖引玉,期待大家能在此基础上实现更华丽的效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值