ios - 将角半径应用于 Storyboard 内的特定 UIView 角不适用于所有角
问题描述
我为此做了一个自定义类。但它仅适用于左上角,不适用于其他:
@IBDesignable
public class RoundedView: UIView {
@IBInspectable public var topLeft: Bool = false
@IBInspectable public var topRight: Bool = false
@IBInspectable public var bottomLeft: Bool = false
@IBInspectable public var bottomRight: Bool = false
@IBInspectable public var cornerRadius: Int = 0
public override func awakeFromNib() {
var options = UIRectCorner()
if topLeft { options = options.union(.topLeft) }
if topRight { options = options.union(.topRight) }
if bottomLeft { options = options.union(.bottomLeft) }
if bottomRight { options = options.union(.bottomRight) }
let path = UIBezierPath(roundedRect:self.bounds,
byRoundingCorners:options,
cornerRadii: CGSize(width: cornerRadius, height: cornerRadius))
let maskLayer = CAShapeLayer()
maskLayer.path = path.cgPath
self.layer.mask = maskLayer
}
}
这是在模拟器中运行时的外观,我为所有 4 个角应用角半径:
这里发生了什么 ?TopLeft 工作,TopRight 轻微和底角根本没有。我很困惑。
解决方案
您应该在覆盖中更新掩码layoutSubviews
。随着约束更新frame
视图的,layoutSubviews
被调用,所以这是更新掩码的正确位置。
顺便说一句,我不鼓励使用awakeFromNib
来配置视图。如果您使用情节提要,它可以正常工作,但以编程方式创建的视图不会调用它。如果您确实想在创建视图时对其进行配置,最好将代码放在一些由init(frame:)
and调用的私有配置方法中init(coder:)
。这样,它适用于故事板和以编程方式创建的视图。
我也可能会建议观察者对可检查属性进行检查,以触发圆角的更新。如果您更改这些属性,您希望圆角自动更新。
因此:
@IBDesignable
public class RoundedView: UIView {
@IBInspectable public var topLeft: Bool = false { didSet { setNeedsLayout() } }
@IBInspectable public var topRight: Bool = false { didSet { setNeedsLayout() } }
@IBInspectable public var bottomLeft: Bool = false { didSet { setNeedsLayout() } }
@IBInspectable public var bottomRight: Bool = false { didSet { setNeedsLayout() } }
@IBInspectable public var cornerRadius: CGFloat = 0 { didSet { setNeedsLayout() } }
public override func layoutSubviews() {
super.layoutSubviews()
var options = UIRectCorner()
if topLeft { options.formUnion(.topLeft) }
if topRight { options.formUnion(.topRight) }
if bottomLeft { options.formUnion(.bottomLeft) }
if bottomRight { options.formUnion(.bottomRight) }
let path = UIBezierPath(roundedRect: bounds,
byRoundingCorners: options,
cornerRadii: CGSize(width: cornerRadius, height: cornerRadius))
let maskLayer = CAShapeLayer()
maskLayer.path = path.cgPath
layer.mask = maskLayer
}
}
或者,如果针对 iOS 11 及更高版本,我们可以让 CoreAnimation 进行舍入:
@IBDesignable
public class RoundedView: UIView {
@IBInspectable public var topLeft: Bool = false { didSet { updateCorners() } }
@IBInspectable public var topRight: Bool = false { didSet { updateCorners() } }
@IBInspectable public var bottomLeft: Bool = false { didSet { updateCorners() } }
@IBInspectable public var bottomRight: Bool = false { didSet { updateCorners() } }
@IBInspectable public var cornerRadius: CGFloat = 0 { didSet { updateCorners() } }
public override init(frame: CGRect = .zero) {
super.init(frame: frame)
updateCorners()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
updateCorners()
}
}
private extension RoundedView {
func updateCorners() {
var corners = CACornerMask()
if topLeft { corners.formUnion(.layerMinXMinYCorner) }
if topRight { corners.formUnion(.layerMaxXMinYCorner) }
if bottomLeft { corners.formUnion(.layerMinXMaxYCorner) }
if bottomRight { corners.formUnion(.layerMaxXMaxYCorner) }
layer.maskedCorners = corners
layer.cornerRadius = cornerRadius
}
}
后一种方法的好处是,如果我们碰巧为视图设置动画,CoreAnimation 将支持我们的圆角frame
:
如果您使用上述layoutSubviews
方法,那么您必须手动管理动画(例如使用CADisplayLink
)。
推荐阅读
- android - 使用 OpenTK 的 Signal 11 (SIGSEGV) 崩溃
- python - python可以直接保存和关闭.xlsb文件吗?
- local - 如何在特定域中服务hugo?
- rust - 如何在 Rust 中使用 Termion 获取键盘输入?
- javascript - 从特定网站的 Chrome 扩展程序自动加载脚本
- axios - axios 中的“Content-Type”和“Content-Encoding”标头
- google-cloud-platform - 每次调用刷新 access_token 时的 gsutil 超时
- python - 相图非线性振荡器
- java - Java:二维数组的特殊数字
- python - 基于惯性的最优k值