zoukankan      html  css  js  c++  java
  • UITableViewCell实现3D缩放动画

    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)
    //        }
    //    }
    
    }
  • 相关阅读:
    框架学习之Struts2 第五节 自定义拦截器
    框架学习之Struts2 第四节 文件上传
    2011_7_23 第三次评审
    框架学习之Struts2 第二节 Action的详解
    框架学习之Struts2 第一节 开发环境的搭建和第一个应用开发
    框架学习之Struts2 第七节 国际化
    关于LookUp的总结
    UML自学手册___事务模式——事务与人、地、物
    css合并外边距详解
    开发中的函数相关
  • 原文地址:https://www.cnblogs.com/Rinpe/p/5221969.html
Copyright © 2011-2022 走看看