将 xib 分配给 Swift 中的 UIView

Question

在目标c中，它可以在init方法中通过

-(id)init{
    self = [[[NSBundle mainBundle] loadNibNamed:@"ViewBtnWishList" owner:0 options:nil]     objectAtIndex:0];
return self;
}

但是当我迅速这样做时

init(frame: CGRect) {
    self = NSBundle.mainBundle().loadNibNamed("ViewDetailMenu", owner: 0, options: nil)[0] as? UIView
}

在方法错误中无法分配给自己。 现在我的方法是创建一个视图，并将从 nib 加载的视图添加到其中。 有人有更好的主意吗？

Answer 1

适用于 Swift 4

extension UIView {
    class func loadFromNibNamed(nibNamed: String, bundle: Bundle? = nil) -> UIView? {
      return UINib(
          nibName: nibNamed,
          bundle: bundle
      ).instantiate(withOwner: nil, options: nil)[0] as? UIView
  }
}

适用于 Swift 3

你可以在 UIView 上创建一个扩展：

extension UIView {
    class func loadFromNibNamed(nibNamed: String, bundle: NSBundle? = nil) -> UIView? {
        return UINib(
            nibName: nibNamed,
            bundle: bundle
        ).instantiateWithOwner(nil, options: nil)[0] as? UIView
    }
}

注意：使用 UINib 更快，因为它会为您进行缓存。

那么你可以这样做：

ViewDetailItem.loadFromNibNamed("ViewBtnWishList")

您将能够在任何视图上重用该方法。

Answer 2

这对我有用。

override func awakeAfterUsingCoder(aDecoder: NSCoder) -> AnyObject? {
    if self.subviews.count == 0 {
        return loadNib()
    }
    return self
}

private func loadNib() -> YourCustomView {
    return NSBundle.mainBundle().loadNibNamed("YourCustomViewNibName", owner: nil, options: nil)[0] as YourCustomView
}

Answer 3

在 Xcode 7 beta 4 和 Swift 2.0 中测试。 以下代码将 xib 分配给UIView。 您可以在情节提要中使用此自定义 xib 视图并访问 IBOutlet 对象。

import UIKit

@IBDesignable class SimpleCustomView:UIView
{
    var view:UIView!;

    @IBOutlet weak var lblTitle: UILabel!

   @IBInspectable var lblTitleText : String?
        {
        get{
            return lblTitle.text;
        }
        set(lblTitleText)
        {
            lblTitle.text = lblTitleText!;
        }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        loadViewFromNib ()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        loadViewFromNib ()
    }
    func loadViewFromNib() {
        let bundle = NSBundle(forClass: self.dynamicType)
        let nib = UINib(nibName: "SimpleCustomView", bundle: bundle)
        let view = nib.instantiateWithOwner(self, options: nil)[0] as! UIView
        view.frame = bounds
        view.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]
        self.addSubview(view);



    }


}

以编程方式访问自定义视图

self.customView =  SimpleCustomView(frame: CGRectMake(100, 100, 200, 200))
        self.view.addSubview(self.customView!);

源码-https://github.com/karthikprabhuA/CustomXIBSwift

Answer 4

这可能是您的解决方案：

斯威夫特 3.x

class func instanceFromNib() -> UIView {
    return UINib(nibName: "<<NibFileName>>", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! UIView
}

---

斯威夫特 2.x

class func instanceFromNib() -> UIView {
    return UINib(nibName: "<<NibFileName>>", bundle: nil).instantiateWithOwner(nil, options: nil)[0] as UIView
}

Answer 5

我认为这是将 xib 分配给 UIView 的最简单但也是最简洁的方法。 Xcode 7.3 和 Swift 2.0。

import UIKit

//Create CustomView class
class CustomView: UIView {

    class func instanceFromNib() -> UIView {
        return UINib(nibName: "CustomView", bundle: nil).instantiateWithOwner(nil, options: nil)[0] as! UIView
    }
}

//Use it
let customView = CustomView.instanceFromNib() as! CustomView

Answer 6

真正的 Swift 方法是使用协议和协议扩展。

我这样使用它：首先我创建一个协议

    protocol XibInitializable {
        static var name: String { get }
        static var bundle: Bundle? { get }

        static func fromXib() -> Self
    }

然后我做这个协议的默认实现使用协议扩展

extension XibInitializable where Self : UIView {
    static var name: String {
        return String(describing: Self.self)
    }

    static var bundle: Bundle? {
        return nil
    }

    static func fromXib() -> Self {
        return UINib(nibName: name, bundle: bundle).instantiate(withOwner: nil, options: nil)[0] as! Self
    }
}

我们的协议的实现现在已经完成

为了让这个协议工作，你需要我们的 xib 文件的名称和类是相同的。例如，例如

最后添加协议并使您的类“final”，就像这里一样。

就是这样

并使用

Answer 7

您可以定义协议并将实现添加到协议扩展，而不是向 UIView 添加扩展。然后，您可以声明 UIView 符合协议。

这允许返回类型为Self 而不是UIView。所以调用者不必强制转换为类。

这里解释： https://stackoverflow.com/a/33424509/845027

import UIKit

protocol UIViewLoading {}
extension UIView : UIViewLoading {}

extension UIViewLoading where Self : UIView {

  // note that this method returns an instance of type `Self`, rather than UIView
  static func loadFromNib() -> Self {
    let nibName = "\(self)".characters.split{$0 == "."}.map(String.init).last!
    let nib = UINib(nibName: nibName, bundle: nil)
    return nib.instantiateWithOwner(self, options: nil).first as! Self
  }

}

Answer 8

刚刚做了一个UINib 扩展来从xib 加载视图并使用约束、使用泛型和强命名嵌入到容器视图中（不使用字符串，假设xib 和实现具有相同的文件名）：

extension UINib {

    static func instantiateViewAndEmbedWithConstraints <T: UIView> (viewType viewType: T.Type, embedInto containerView: UIView) -> T {
        let view = UINib(nibName: String(viewType), bundle: nil).instantiateWithOwner(nil, options: nil).first as! T
        containerView.addSubview(view)
        view.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint(item: view, attribute: .Leading, relatedBy: .Equal, toItem: containerView, attribute: .Leading, multiplier: 1, constant: 0).active = true
        NSLayoutConstraint(item: view, attribute: .Trailing, relatedBy: .Equal, toItem: containerView, attribute: .Trailing, multiplier: 1, constant: 0).active = true
        NSLayoutConstraint(item: view, attribute: .Top, relatedBy: .Equal, toItem: containerView, attribute: .Top, multiplier: 1, constant: 0).active = true
        NSLayoutConstraint(item: view, attribute: .Bottom, relatedBy: .Equal, toItem: containerView, attribute: .Bottom, multiplier: 1, constant: 0).active = true
        return view
    }

}

用法：

...outlets...
@IBOutlet var containerView: UIView!
var customView: CustomView!

...viewDidLoad...
customView = UINib.instantiateViewAndEmbedWithConstraints(viewType: CustomView.self, embedInto: containerView)

Answer 9

只需继承这个简单的类（swift 5）：

open class NibView: UIView {

    open override func awakeAfter(using coder: NSCoder) -> Any? {
        if subviews.count == 0 {
            return UINib(nibName: "\(Self.self)", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! UIView
        }
        return self
    }
}

class CustomView: NibView {
}

正如其他人指出的那样，将 File's Owner 设置为您的 CustomView 类（而不是 xib 的根视图本身）。然后将自定义类设置为CustomView 到您希望被自定义视图类替换的任何视图。此外，自动布局尊重 xib 中的所有约束，至少作为 UITableViewCell 内容视图的子视图。不确定其他情况。

虽然很简单，但 Apple 却以某种方式为我们完成了这样一个基本的任务！多么棒的公司啊！永远不会对他们感到无聊！