首页 > 其他 > 详细

UITableViewCell实现3D缩放动画

时间:2016-02-26 23:22:14      阅读:246      评论:0      收藏:0      [点我收藏+]

gif效果图:

技术分享

代码部分:

import UIKit

class TableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.tableView.registerClass(UITableViewCell.classForCoder(), forCellReuseIdentifier: "Cell")
        self.tableView.rowHeight = 100

    }

    // MARK: - Table view data source

    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return 20
    }

    
    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath)

        cell.textLabel?.text = "TestValue"
        
        // 设置随机颜色
        let red = CGFloat(CGFloat(random()) / CGFloat(RAND_MAX))
        let blue = CGFloat(CGFloat(random()) / CGFloat(RAND_MAX))
        let green = CGFloat(CGFloat(random()) / CGFloat(RAND_MAX))
        cell.backgroundColor = UIColor(red: red, green: green, blue: blue, alpha: 1.0)

        return cell
    }
    
    // 在Cell即将显示的时候执行动画
    override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
        cell.layer.transform = CATransform3DMakeScale(0.1, 0.1, 1)
        UIView.animateWithDuration(0.5) {
            cell.layer.transform = CATransform3DMakeScale(1, 1, 1)
        }
    }
    
//    放在这个显示完毕之后执行就看不到动画效果了(都显示完了, 还看个毛动画)
//    override func tableView(tableView: UITableView, didEndDisplayingCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
//        cell.layer.transform = CATransform3DMakeScale(0.1, 0.1, 1)
//        UIView.animateWithDuration(0.5) {
//            cell.layer.transform = CATransform3DMakeScale(1, 1, 1)
//        }
//    }

}

UITableViewCell实现3D缩放动画

原文:http://www.cnblogs.com/Rinpe/p/5221969.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!