我是 Swift 新手,并尝试在学习过程中编写一本交互式书籍。我使用 CATransform3DMakeRotation 创建了封面效果。
正如您所看到的,当我堆叠 View 时,问题就出现了。如果我尝试添加后盖,则堆栈顺序会随着动画触发而丢失。
到目前为止我的代码:
let bookcontainerwidth = 400
let bookcontainerheight = 200
let bookcoverwidth = bookcontainerwidth/2
let bookcoverheight = bookcontainerheight
let flipspeed = 2.0
//container
let container = UIView(frame: CGRect(x: 0, y: 0, width: bookcontainerwidth, height: bookcontainerheight))
container.backgroundColor = UIColor.white
//back cover
let backcover = UIButton(frame: CGRect(x: bookcontainerwidth/2, y: 0, width: bookcoverwidth, height: bookcoverheight))
backcover.backgroundColor = UIColor.darkGray
backcover.setTitle("Back", for: UIControlState.normal)
//front cover
let frontcover = UIButton(frame: CGRect(x: bookcontainerwidth/2, y: 0, width: bookcoverwidth, height: bookcoverheight))
frontcover.backgroundColor = UIColor.gray
frontcover.addTarget(receiver, action: #selector(opencover), for: .touchUpInside)
frontcover.setTitle("Front", for: UIControlState.normal)
frontcover.layer.anchorPoint = CGPoint(x: 0.0, y: 0.5);
frontcover.center = CGPoint(x:bookcoverwidth, y: bookcoverheight/2);
container.addSubview(backcover)
container.addSubview(frontcover)
func opencover(){
UIView.animate(withDuration: flipspeed){ () -> Void in
//these do not work
//container.bringSubview(toFront: frontcover)
//container.sendSubview(toBack: backcover)
frontcover.layer.transform = CATransform3DMakeRotation(CGFloat(M_PI), 0.0, 1.0, 0.0);
}
}
接受任何和所有反馈。正如我所说,我是一个菜鸟。例如,我正在使用 UIButton,因为我希望封面可单击。不确定这是对还是错;)
谢谢!
最佳答案
找到了:
frontcover.layer.zPosition = 300.0;
完整说明位于Smooth horizontal flip using CATransform3DMakeRotation
关于ios - 动画期间 subview 堆叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40813784/