伪3D效果的实现

3D翻转

因为有3D翻转动画效果的UIView比较多,而且有UILabel也有UIImageView,所以我们可以提炼成一个方法,将目标UIView和数据源作为参数:


func cubeAnimate(targetView: UIView, flightInfo: String) {
    // 判断UIView的具体实现类
    if targetView.isKindOfClass(UILabel) {
        let virtualTargetView = targetView as! UILabel
        // 复制UIView,作为底面
        let viewCopy = UILabel(frame: virtualTargetView.frame)
        viewCopy.alpha = 0
        viewCopy.text = flightInfo
        viewCopy.font = virtualTargetView.font
        viewCopy.textAlignment = virtualTargetView.textAlignment
        viewCopy.textColor = virtualTargetView.textColor
        viewCopy.backgroundColor = UIColor.clearColor()
        // 设置底面UIView的初始位置和高度
        viewCopy.transform = CGAffineTransformConcat(CGAffineTransformMakeScale(1.0, 0.1), 
		CGAffineTransformMakeTranslation(1.0, viewCopy.frame.height / 2))
        self.topView.addSubview(viewCopy)
        UIView.animateWithDuration(2, animations: {
            // 执行UIView和UIViewCopy的动画
            virtualTargetView.transform = CGAffineTransformConcat(CGAffineTransformMakeScale(1.0, 0.1), 
		CGAffineTransformMakeTranslation(1.0, -virtualTargetView.frame.height / 2))
            virtualTargetView.alpha = 0
            viewCopy.alpha = 1
            viewCopy.transform = CGAffineTransformIdentity
        }, completion: { _ in
            // 当动画执行完毕后,将UIViewCopy的信息赋值给UIView,并还原UIView的状态,即与UIViewCopy相同的状态,然后移除UIViewCopy
            virtualTargetView.alpha = 1
            virtualTargetView.text = viewCopy.text
            virtualTargetView.transform = CGAffineTransformIdentity
            viewCopy.removeFromSuperview()
        })
     } else if targetView.isKindOfClass(UIImageView) {
         let virtualTargetView = targetView as! UIImageView
         let viewCopy = UIImageView(frame: virtualTargetView.frame)
         viewCopy.alpha = 0
         viewCopy.image = UIImage(named: flightInfo)
         viewCopy.transform = CGAffineTransformConcat(CGAffineTransformMakeScale(1.0, 0.1), 
		CGAffineTransformMakeTranslation(1.0, viewCopy.frame.height / 2))
         self.topView.addSubview(viewCopy)
         UIView.animateWithDuration(2, animations: {
             virtualTargetView.transform = CGAffineTransformConcat(CGAffineTransformMakeScale(1.0, 0.1), 
		CGAffineTransformMakeTranslation(1.0, -virtualTargetView.frame.height / 2))
             virtualTargetView.alpha = 0
             viewCopy.alpha = 1
             viewCopy.transform = CGAffineTransformIdentity
         }, completion: { _ in
             virtualTargetView.alpha = 1
             virtualTargetView.image = viewCopy.image
             virtualTargetView.transform = CGAffineTransformIdentity
             viewCopy.removeFromSuperview()
         })
     }
}

具体有这么几个步骤:

  • 判断UIView的具体实现类,判断是UILabel还是UIImageView
  • 复制一份UIView,作为底面。
  • 设置UIViewCopy的初始位置和高度。
  • 执行UIViewUIViewCopy`的动画。
  • 当动画执行完毕后,将UIViewCopy的信息赋值给UIView,并还原UIView的状态,即与UIViewCopy相同的状态,然后移除UIViewCopy
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值