스위프트 3 : 설계 가능한 테이블 뷰 셀

Question

인터페이스 빌더에서 사용자 정의 테이블 뷰 셀을 시각화하는 데 문제가 있습니다.

누구든지 @Designable 테이블 뷰 셀을 만드는 방법을 알고 있습니까?

테이블 뷰가있는 스토리 보드에서 사용자 정의 테이블보기 셀을 가져 오면 배경색 만 작동합니다. 표보기 셀 내에서 레이블의 텍스트를 설정하려고하면 인터페이스 빌더가 충돌합니다.

내 설정은 다음 방법에서 호출 :

- override public init(style: UITableViewCellStyle, reuseIdentifier: String?) 

- required public init?(coder aDecoder: NSCoder) 

나는 나의 레이블이 순간에 초기화되지 않기 때문에 그것의 생각?

코드 :

import UIKit 

@IBDesignable class ProgressHeaderTableViewCell: UITableViewCell { 

    @IBOutlet weak var headerLabel: UILabel! 

    // MARK: - View methods 

    override public init(style: UITableViewCellStyle, reuseIdentifier: String?) { 
     super.init(style: style, reuseIdentifier: reuseIdentifier) 
     self.setupNib() 
    } 

    // MARK: - NSCoding 
    required public init?(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
     self.setupNib() 
    } 

    func setupNib(){ 
     self.backgroundColor = UIColor.blue 

//  self.headerLabel.text = "Hello world" 
    } 

} 

---

업데이트 코드 :

import UIKit 

@IBDesignable class CustomTableView: UITableViewCell { 

@IBOutlet weak var headerLabel: UILabel! 

// MARK: - View methods 
override func prepareForInterfaceBuilder() { 
    self.awakeFromNib() 
} 

override public init(style: UITableViewCellStyle, reuseIdentifier: String?) { 
    super.init(style: style, reuseIdentifier: reuseIdentifier) 
    //check that there are no current subviews 
    if self.subviews.count == 0 { 
     self.setupNib() 
    } 
} 


// MARK: - NSCoding 
required public init?(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder) 

    //check that there are no current subviews 
    if self.subviews.count == 0 { 
     self.setupNib() 
    } 
} 


override func awakeFromNib() { 
    super.awakeFromNib() 

    self.backgroundColor = UIColor.blue 
    if headerLabel != nil { 
     self.headerLabel.text = "Hello world" 
    } 
} 

func setupNib(){ 
    let bundle = Bundle(for: CustomTableView.self) 
    guard let customView = bundle.loadNibNamed("CustomTableView",owner: self, options: nil)?.first as? CustomTableView else { 
     return 
    } 
    customView.frame = self.bounds 
    self.addSubview(customView) 
} 
} 

감사합니다!

Answer 1

여기에 살펴볼 수있는 몇 가지 문제가 있다고 생각합니다. 먼저 사용자 정의보기를 만들 때마다 xib 파일 이름과 연결해야합니다. 내가 XIB 파일을 작업 할 때마다

func setupNib(){ 
    let bundle = Bundle(for: ProgressHeaderTableViewCell.self) 
    guard let customView = bundle.loadNibNamed("NAME_OF_XIB_FILE_GOES_HERE",owner: self, options: nil)?.first as? ProgressHeaderTableViewCell else { 
     return 
    } 
    customView.frame = self.bounds 
    self.addSubview(customView) 
} 

또한, 나는 확실히 예상되는 요소 중 하나가 전무 있지 않은지 확인하기 위해 확인 후 awakeFromNib() 방법 내의보기 설정을한다.

override func awakeFromNib() { 
    if headerLabel != nil { 
     self.backgroundColor = UIColor.blue 
     self.headerLabel.text = "Hello world" 
    } 
} 

마지막으로, 나는 단지 내가 전류 파단이없는 것을 확인으로 설정 기능을 포장 할 때 작업 IBDesignables을 얻을 수있었습니다 :

override public init(style: UITableViewCellStyle, reuseIdentifier: String?) { 
    super.init(style: style, reuseIdentifier: reuseIdentifier) 
    //check that there are no current subviews 
    if self.subviews.count == 0 { 
     self.setupNib() 
    { 
} 

// MARK: - NSCoding 
required public init?(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder) 

    //check that there are no current subviews 
    if self.subviews.count == 0 { 
     self.setupNib() 
    { 
} 

PS I이었다 이것을 배우면, 나는이 블로그 게시물이 매우 유용하다는 것을 알았다. IBDesignable 및 사용자 정의보기에 대한 핸들을 얻기 위해 직접 읽을 수 있습니다. http://supereasyapps.com/blog/2014/12/15/create-an-ibdesignable-uiview-subclass-with-code-from-an-xib-file-in-xcode-6