ios - IBDesignable 仅在 Storyboard 中呈现,而不在独立的 XIB 中呈现
问题描述
如果这是正常的,我还没有阅读任何内容,但我无法让 IBDesignable 视图在独立的 xib 中呈现,例如自定义视图甚至 TableViewCell。
当我把它们放在故事板中时,它们渲染得非常好。这是我的 IBDesignable 自定义视图的参考示例:
@IBDesignable
class AvatarView: UIView, NibLoadable {
@IBOutlet public var contentView: UIView!
@IBOutlet public var backgroundView: CircleView!
@IBOutlet public var label: UILabel!
@IBOutlet public var imageView: UIImageView!
@IBInspectable var labelText: String = "" {
didSet {
self.label.text = labelText
}
}
@IBInspectable var image: UIImage? = nil {
didSet {
self.imageView.image = image
}
}
override init(frame: CGRect) {
super.init(frame: frame)
setupFromNib()
commonInit()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setupFromNib()
commonInit()
}
private func commonInit() {
clipsToBounds = true
layer.masksToBounds = true
self.backgroundColor = .clear
}
public func setUser(_ user: User) {
labelText = getInitialsForUser(user)
}
public func setImageUrl(_ urlString: String) {
self.imageView.kf.setImage(with: URL(string: urlString)!)
}
//MARK -- PRIVATE --
fileprivate func getInitialsForUser(_ user: User) -> String {
var name = ""
if let fullName = user.getFullName() {
name = fullName
}
return name.components(separatedBy: " ").reduce("") { ($0 == "" ? "" : "\($0.first!)") + "\($1.first!)" }
}
}
这里也是 NibLoadable 类:
public protocol NibLoadable {
static var nibName: String { get }
}
public extension NibLoadable where Self: UIView {
static var nibName: String {
return String(describing: Self.self) // defaults to the name of the class implementing this protocol.
}
static var nib: UINib {
let bundle = Bundle(for: Self.self)
return UINib(nibName: Self.nibName, bundle: bundle)
}
func setupFromNib() {
guard let view = Self.nib.instantiate(withOwner: self, options: nil).first as? UIView else { fatalError("Error loading \(self) from nib") }
addSubview(view)
view.translatesAutoresizingMaskIntoConstraints = false
view.leadingAnchor.constraint(equalTo: self.safeAreaLayoutGuide.leadingAnchor, constant: 0).isActive = true
view.topAnchor.constraint(equalTo: self.safeAreaLayoutGuide.topAnchor, constant: 0).isActive = true
view.trailingAnchor.constraint(equalTo: self.safeAreaLayoutGuide.trailingAnchor, constant: 0).isActive = true
view.bottomAnchor.constraint(equalTo: self.safeAreaLayoutGuide.bottomAnchor, constant: 0).isActive = true
}
}
解决方案
推荐阅读
- android - 滚动自定义布局隐藏或显示
- perl - Mojolicious(hypnotoad) - 强制执行 TLS v1.2
- ios - 此 iPhone 7(型号 1660、1778、1779、1780)运行 iOS 12.3.1 (16F203),此版本的 Xcode 可能不支持
- c# - 如何在wpf中从弹出窗口调用命令
- android - 在后台运行 Unity 应用程序时出现问题
- selenium - Chrome 启动失败:在 Ubuntu 上通过 Jenkins 异常退出?
- javascript - Javascript (ES6) 日期转字符串格式
- javascript - 上传前更改图像方向
- ansible - 如何过滤 Ansible 的“查找”输出
- react-native - 在 react-native 中获取编译时间?