[ios] 스토리 보드의 외부 xib 파일에서보기로드

잠시 동안 Christopher Swasey의 접근 방식 은 내가 찾은 최고의 접근 방식 이었습니다. 나는 우리 팀의 두 명의 수석 개발자에게 그것에 대해 물었고 그들 중 하나 는 완벽한 솔루션을 가지고있었습니다 ! 그것은 크리스토퍼 스와 지 (Christopher Swasey)가 웅변 적으로 해결 한 문제를 모두 만족 시키며 보일러 플레이트 하위 클래스 코드 (필요한 접근 방식)가 필요하지 않습니다. 이 하나 잡았다 , 그러나 상당히 직관적이고 쉽게 구현할 수 있다는 이외는.

1. .swift 파일에서 사용자 정의 UIView 클래스를 작성하여 xib를 제어하십시오. 즉MyCustomClass.swift
2. .xib 파일을 만들고 원하는대로 스타일을 지정하십시오. 즉MyCustomClass.xib
3. 설정 File's Owner.xib 파일은 (사용자 정의 클래스가 될 수 있습니다 MyCustomClass)
4. 잡았다 : 휴가 class(세 이하 값 identity Inspector.xib 파일 빈에서 사용자 정의보기를 들어). 따라서 사용자 정의보기에는 지정된 클래스가 없지만 지정된 파일 소유자가 있습니다.
5. 평소와 같이 콘센트를 연결하십시오 Assistant Editor.
   • 참고 :를 보면 Connections Inspector참조 아웃렛이 사용자 정의 클래스 (예 MyCustomClass:)를 참조하는 것이 아니라 참조라는 것을 알 수 File's Owner있습니다. 이후 File's Owner사용자 정의 클래스로 지정되고, 출구는 후크와 일 때에 프로퍼티됩니다.
6. 클래스 선언 전에 사용자 정의 클래스에 @IBDesignable이 있는지 확인하십시오.
7. 사용자 정의 클래스가 NibLoadable아래 참조 된 프로토콜을 준수하도록하십시오 .
   • 참고 : 사용자 정의 클래스 .swift파일 이름이 파일 이름과 다른 .xib경우 nibName속성을 파일 이름으로 설정 .xib하십시오.
8. 아래 예제와 같이 구현 required init?(coder aDecoder: NSCoder)하고 override init(frame: CGRect)호출 setupFromNib()하십시오.
9. 원하는 스토리 보드에 UIView를 추가하고 클래스를 사용자 정의 클래스 이름 (예 :)으로 설정하십시오 MyCustomClass.
10. 스토리 보드에서 .xib를 놀라움과 놀라움으로 그려주는 IBDesignable을보십시오.

참조하려는 프로토콜은 다음과 같습니다.

public protocol NibLoadable {
    static var nibName: String { get }
}

public extension NibLoadable where Self: UIView {

    public static var nibName: String {
        return String(describing: Self.self) // defaults to the name of the class implementing this protocol.
    }

    public 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
    }
}

다음은 MyCustomClass프로토콜을 구현 하는 예제입니다 (.xib 파일 이름 MyCustomClass.xib).

@IBDesignable
class MyCustomClass: UIView, NibLoadable {

    @IBOutlet weak var myLabel: UILabel!

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setupFromNib()
    }

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

}

참고 : Gotcha를 놓치고 class.xib 파일 내부 의 값을 사용자 정의 클래스로 설정하면 스토리 보드에 그려지지 않으며 EXC_BAD_ACCESS앱이 무한 루프에 빠지기 때문에 앱을 실행할 때 오류가 발생합니다 init?(coder aDecoder: NSCoder)메소드를 사용하여 펜촉에서 클래스를 초기화하려고 시도한 다음 다시 Self.nib.instantiate호출 init합니다.

답변

-(id)initWithCoder:(NSCoder *)aDecoder{
    if (self = [super initWithCoder:aDecoder]) {
        UIView *xibView = [[[NSBundle mainBundle] loadNibNamed:@"YourXIBFilename"
                                                              owner:self
                                                            options:nil] objectAtIndex:0];
        xibView.frame = self.bounds;
        xibView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
        [self addSubview: xibView];
    }
    return self;
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    let xibView = NSBundle.mainBundle().loadNibNamed("YourXIBFilename", owner: self, options: nil)[0] as! UIView
    xibView.frame = self.bounds
    xibView.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]
    self.addSubview(xibView)
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    let xibView = Bundle.main.loadNibNamed("YourXIBFilename", owner: self, options: nil)!.first as! UIView
    xibView.frame = self.bounds
    xibView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    self.addSubview(xibView)
}

class MyCustomEmbeddableView: MyCustomView {
  override func awakeAfter(using aDecoder: NSCoder) -> Any? {
    return (UIView.instantiateViewFromNib("MyCustomView") as MyCustomView?)! as Any
  }
}

class MyCustomEmbeddableView: MyCustomView {
  override func awakeAfter(using aDecoder: NSCoder) -> Any? {
    let newView = (UIView.instantiateViewFromNib("MyCustomView") as MyCustomView?)!

    for constraint in constraints {
      if constraint.secondItem != nil {
        newView.addConstraint(NSLayoutConstraint(item: newView, attribute: constraint.firstAttribute, relatedBy: constraint.relation, toItem: newView, attribute: constraint.secondAttribute, multiplier: constraint.multiplier, constant: constraint.constant))
      } else {
        newView.addConstraint(NSLayoutConstraint(item: newView, attribute: constraint.firstAttribute, relatedBy: constraint.relation, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: constraint.constant))
      }
    }

    return newView as Any
  }
}  

extension UIView {
  public class func instantiateViewFromNib<T>(_ nibName: String, inBundle bundle: Bundle = Bundle.main) -> T? {
    if let objects = bundle.loadNibNamed(nibName, owner: nil) {
      for object in objects {
        if let object = object as? T {
          return object
        }
      }
    }

    return nil
  }
}