最近发现很多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
}
}
}
正如代码很短,原理也很简,重点就是那两个函数。算是个抛砖引玉,期待大家能在此基础上实现更华丽的效果。