我有一个像这样的自定义UIView:
import UIKit
class MainLogoAnimationView: UIView {
@IBOutlet var customView: UIView!
var turquoiseCircle: AnimationCircleView!
var redCircle: AnimationCircleView!
var blueCircle: AnimationCircleView!
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setup()
}
func setup() {
_ = Bundle.main.loadNibNamed("MainLogoAnimationView", owner: self, options: nil)?[0] as! UIView
self.addSubview(customView)
customView.frame = self.bounds
setupAnimation()
}
let initialWidthScaleFactor: CGFloat = 0.06
func setupAnimation() {
let circleWidth = frame.size.width*initialWidthScaleFactor
let yPos = frame.size.height/2 - circleWidth/2
turquoiseCircle = AnimationCircleView(frame: CGRect(x: 0, y: yPos, width: circleWidth, height: circleWidth))
turquoiseCircle.circleColor = UIColor(red: 137/255.0, green: 203/255.0, blue: 225/255.0, alpha: 1.0).cgColor
turquoiseCircle.backgroundColor = UIColor.lightGray
addSubview(turquoiseCircle)
redCircle = AnimationCircleView(frame: CGRect(x: 100, y: yPos, width: circleWidth, height: circleWidth))
addSubview(redCircle)
blueCircle = AnimationCircleView(frame: CGRect(x: 200, y: yPos, width: circleWidth, height: circleWidth))
blueCircle.circleColor = UIColor(red: 93/255.0, green: 165/255.0, blue: 213/255.0, alpha: 1.0).cgColor
addSubview(blueCircle)
}
}
我在界面构建器中创建了浅蓝色的UIView,并将上面的视图MainLogoAnimationView
设置为其子类。如果我运行应用程序,我会得到这个:
似乎对于turquoiseCircle
,我设置的框架未放置在x = 0
。不知道我在这里做错了什么。是因为它被放置在MainLogoAnimationView
完全初始化之前被放置错误了吗?我尝试在layoutSubviews()
中设置圆圈的框架,这也没有任何区别。我似乎遇到了很多错误的观点,并且认为我错过了一些基本的东西。我做错了什么?
更新:
import UIKit
class MainLogoAnimationView: UIView {
@IBOutlet var customView: UIView!
var turquoiseCircle: AnimationCircleView!
var redCircle: AnimationCircleView!
var blueCircle: AnimationCircleView!
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setup()
}
func setup() {
_ = Bundle.main.loadNibNamed("MainLogoAnimationView", owner: self, options: nil)?[0] as! UIView
self.addSubview(customView)
customView.frame = self.bounds
setupAnimation()
}
let initialWidthScaleFactor: CGFloat = 0.2
func setupAnimation() {
blueCircle = AnimationCircleView()
blueCircle.translatesAutoresizingMaskIntoConstraints = false
blueCircle.backgroundColor = UIColor.lightGray
blueCircle.circleColor = UIColor.blue.cgColor
addSubview(blueCircle)
redCircle = AnimationCircleView()
redCircle.translatesAutoresizingMaskIntoConstraints = false
redCircle.backgroundColor = UIColor.lightGray
addSubview(redCircle)
}
override func layoutSubviews() {
super.layoutSubviews()
let circleWidth = bounds.size.width*initialWidthScaleFactor
let yPos = frame.size.height/2 - circleWidth/2
blueCircle.frame = CGRect(x: 0, y: yPos, width: circleWidth, height: circleWidth)
redCircle.frame = CGRect(x: frame.size.width/2 - circleWidth/2, y: yPos, width: circleWidth, height: circleWidth)
}
}
和:
导入UIKit
class AnimationCircleView: UIView {
var circleColor = UIColor(red: 226/255.0, green: 131/255.0, blue: 125/255.0, alpha: 1.0).cgColor {
didSet {
shapeLayer.fillColor = circleColor
}
}
override init(frame: CGRect) {
super.init(frame: frame)
setup()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setup()
}
let shapeLayer = CAShapeLayer()
func setup() {
let circlePath = UIBezierPath(ovalIn: self.bounds)
shapeLayer.path = circlePath.cgPath
shapeLayer.fillColor = circleColor
shapeLayer.frame = self.bounds
layer.addSublayer(shapeLayer)
}
}
答案 0 :(得分:1)
无论视图的初始化值是什么,在init中设置都会提供self.frame
/ self.bounds
值,而不是正确的最终值。在视图层次结构中。处理此问题的最佳方法可能就像您尝试过,在init中添加视图,并使用属性来保留对它们的引用(您已经这样做了),然后在-layoutSubviews()
中设置框架。
它可能无法在-layoutSubviews()
中工作的原因是,创建后的每个视图都需要调用.translatesAutoresizingMaskIntoConstraints = false
。否则,使用以编程方式创建的视图,系统将在作为子视图添加时为值创建约束,从而覆盖任何帧设置。尝试设置并查看它是如何进行的。
编辑:要调整CAShapeLayer的大小,而不是添加为子图层(需要手动调整大小),因为AnimationCirleView视图是专用的,因此视图可以由CAShapeLayer支持。请参阅Overriding default layer type in UIView in swift
上的答案