你能告诉我为什么catransform3drotate不适用于我的例子中的图层,即图像上的蓝色图层吗?
swift - CATransform3DRotate应用于图层不起作用-LMLPHP
我有一个自定义视图,在这里我画自然视图,我想动画改变月亮的阶段,将在白色圆圈层内完成作为其面具。我想在这里应用3drotation是个好主意,但由于某些原因,即使没有动画也无法工作,可以请你指点我做错了什么?

    func drawMoonPhase(inRect rect:CGRect, inContext context: CGContext) {

    let moonShape = UIBezierPath(ovalIn: rect)
    moonShape.lineWidth = 4.0
    UIColor.white.setStroke()
    moonShape.stroke()
    moonShape.close()

    let moonLayer = CAShapeLayer()
    moonLayer.path = moonShape.cgPath
    moonLayer.opacity = 0
    self.layer.addSublayer(moonLayer)

    let circlePath = UIBezierPath(ovalIn: rect)
    UIColor.blue.setFill()
    circlePath.fill()
    circlePath.close()

    let circleShape = CAShapeLayer()
    circleShape.path = circlePath.cgPath
    circleShape.opacity = 0

    var transform = CATransform3DIdentity
    transform.m34 = -1 / 500.0

    transform = CATransform3DRotate(transform, (CGFloat(Double.pi * 0.3)), 0, 1, 0)
    circleShape.transform = transform

    moonLayer.mask = circleShape

}
提前谢谢
编辑:
也许我想要清楚,我想要的效果是:
swift - CATransform3DRotate应用于图层不起作用-LMLPHP

最佳答案

变换发生在默认位于中心的层的定位点周围。因此,它所发生的是形状围绕自身旋转,导致没有可见的结果。:)
在这个图层布局中,您应该使用cos和sin数学函数来确定月球的x和y位置。
如果你需要更多的见解,请告诉我,我很乐意帮忙。
另外,请注意,你不需要两个shapelayer,以拥有蓝月亮与白笔划。cashapelayer具有填充和笔划的属性,因此可以简化代码。
根据新的信息,这里是我的新答案:
我无法通过使用转换获得良好的效果,所以我决定手动编写掩码。结果是:

/**
 Draw a mask based on the moon phase progress.

 - parameter rect: The rect where the mon will be drawn
 - parameter progress: The progress of the moon phase. This value must be between 0 and 1
 */
func moonMask(in rect: CGRect, forProgress progress: CGFloat)->CALayer {
    let path = CGMutablePath()
    let center = CGPoint(x: rect.midX, y: rect.midY)
    path.move(to: CGPoint(x: rect.midX, y: 0))

    let relativeProgress = (max(min(progress, 1), 0) - 0.5) * 2
    let radius = rect.width/2

    let tgX = rect.midX+(relativeProgress * (radius*4/3))
    path.addCurve(to: CGPoint(x: rect.midX, y: rect.maxY), control1: CGPoint(x: tgX, y: 0), control2: CGPoint(x: tgX, y: rect.maxY))
    path.addArc(center: center, radius: rect.width/2, startAngle: .pi/2, endAngle: .pi*3/2, clockwise: false)
    //path.closeSubpath()

    let mask = CAShapeLayer()
    mask.path = path
    mask.fillColor = UIColor.black.cgColor

    return mask
}

上面的函数绘制了一个可以用作月层遮罩的形状指示器。这一层将与一个进程参数相关,您将在函数中传递该参数,其中1是满月,0是新月。
您可以将所有内容组合在一起以获得所需的效果,如果需要,还可以提取路径创建代码以制作一个漂亮的动画。
我希望这能回答你的问题。
为了快速测试,我写了这个游戏:
import UIKit

let rect = CGRect(origin: .zero, size: CGSize(width: 200, height: 200))

let view = UIView(frame: rect)
view.backgroundColor = .black
let layer = view.layer

/**
 Draw a mask based on the moon phase progress.

 - parameter rect: The rect where the mon will be drawn
 - parameter progress: The progress of the moon phase. This value must be between 0 and 1
 */
func moonMask(in rect: CGRect, forProgress progress: CGFloat)->CALayer {
    let path = CGMutablePath()
    let center = CGPoint(x: rect.midX, y: rect.midY)
    path.move(to: CGPoint(x: rect.midX, y: 0))

    let relativeProgress = (max(min(progress, 1), 0) - 0.5) * 2
    let radius = rect.width/2

    let tgX = rect.midX+(relativeProgress * (radius*4/3))
    path.addCurve(to: CGPoint(x: rect.midX, y: rect.maxY), control1: CGPoint(x: tgX, y: 0), control2: CGPoint(x: tgX, y: rect.maxY))
    path.addArc(center: center, radius: rect.width/2, startAngle: .pi/2, endAngle: .pi*3/2, clockwise: false)
    //path.closeSubpath()

    let mask = CAShapeLayer()
    mask.path = path
    mask.fillColor = UIColor.white.cgColor

    return mask
}

let moonLayer = CAShapeLayer()
moonLayer.path = UIBezierPath(ovalIn: rect).cgPath
moonLayer.fillColor = UIColor.clear.cgColor
moonLayer.strokeColor = UIColor.white.cgColor
moonLayer.lineWidth = 2
moonLayer.shadowColor = UIColor.white.cgColor
moonLayer.shadowOpacity = 1
moonLayer.shadowRadius = 10
moonLayer.shadowPath = moonLayer.path
moonLayer.shadowOffset = .zero

layer.addSublayer(moonLayer)

let moonPhase = moonMask(in: rect, forProgress: 0.3)
moonPhase.shadowColor = UIColor.white.cgColor
moonPhase.shadowOpacity = 1
moonPhase.shadowRadius = 10
moonPhase.shadowPath = moonLayer.path
moonPhase.shadowOffset = .zero

layer.addSublayer(moonPhase)

view

swift - CATransform3DRotate应用于图层不起作用-LMLPHP

关于swift - CATransform3DRotate应用于图层不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43282661/

10-11 06:35
查看更多