iOS动画之向右拉的抽屉3D效果

3D效果的核心代码:

  // 根据百分比添加一个3D特效
  func menuTransformForPercent(percent: CGFloat) -> CATransform3D {

    var identify = CATransform3DIdentity
    // m34负责z轴方向的translation（移动），m34= -1/D, 默认值是0, D越小透视效果越明显,这边的1000视情况调整的
    identify.m34 = -1.0/1000

    let remainingPercent = 1.0 - percent
    let angle = remainingPercent * CGFloat(-M_PI_2)

    // 后面3个数为 x y z
    let rotationTransform = CATransform3DRotate(identify, angle, 0.0, 1.0, 0.0)
    // 将值转换成一个矩阵
    let translationTransform =
    CATransform3DMakeTranslation(menuWidth * percent, 0, 0)
    // 将上面两者结合起来
    return CATransform3DConcat(rotationTransform,
      translationTransform)
  }

  // 为按钮添加一个3D效果
  func buttonTransformForPercent(percent: CGFloat) -> CATransform3D {

    var identity = CATransform3DIdentity
    identity.m34 = -1.0/1000

    let angle = percent * CGFloat(-M_PI)
    let rotationTransform = CATransform3DRotate(identity, angle, 1.0, 1.0, 0.0)

    return rotationTransform
  }