UITableViewCell personnalisé à partir de la pointe dans Swift

J'essaie de créer une cellule de vue de tableau personnalisée à partir d'une pointe. Je fais référence à cet article ici . Je suis confronté à deux problèmes.

J'ai créé un fichier .xib avec un objet UITableViewCell glissé dessus. J'ai créé une sous-classe de UITableViewCellet l' ai définie comme classe de la cellule et Cell comme identificateur réutilisable.

import UIKit

class CustomOneCell: UITableViewCell {

    @IBOutlet weak var middleLabel: UILabel!
    @IBOutlet weak var leftLabel: UILabel!
    @IBOutlet weak var rightLabel: UILabel!

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

    override init(style: UITableViewCellStyle, reuseIdentifier: String!) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
    }

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

Dans le UITableViewController, j'ai ce code,

import UIKit

class ViewController: UITableViewController, UITableViewDataSource, UITableViewDelegate {

    var items = ["Item 1", "Item2", "Item3", "Item4"]

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    // MARK: - UITableViewDataSource
    override func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }

    override func tableView(tableView: UITableView!, cellForRowAtIndexPath indexPath: NSIndexPath!) -> UITableViewCell! {
        let identifier = "Cell"
        var cell: CustomOneCell! = tableView.dequeueReusableCellWithIdentifier(identifier) as? CustomOneCell
        if cell == nil {
            tableView.registerNib(UINib(nibName: "CustomCellOne", bundle: nil), forCellReuseIdentifier: identifier)
            cell = tableView.dequeueReusableCellWithIdentifier(identifier) as? CustomOneCell
        }

        return cell
    }
}

Ce code est conforme sans erreur mais lorsque je l'exécute dans le simulateur, il ressemble à ceci.

Dans UITableViewController dans le storyboard, je n'ai rien fait à la cellule. Identifiant vide et pas de sous-classe. J'ai essayé d'ajouter l' identifiant de cellule à la cellule prototype et je l'ai relancé mais j'obtiens le même résultat.

Une autre erreur que j'ai rencontrée est, lorsque j'ai essayé d'implémenter la méthode suivante dans UITableViewController.

override func tableView(tableView: UITableView!, willDisplayCell cell: CustomOneCell!, forRowAtIndexPath indexPath: NSIndexPath!) {

    cell.middleLabel.text = items[indexPath.row]
    cell.leftLabel.text = items[indexPath.row]
    cell.rightLabel.text = items[indexPath.row]
}

Comme indiqué dans l'article que j'ai mentionné, j'ai changé le cellformulaire de type du paramètre UITableViewCellà CustomOneCellqui est ma sous-classe de UITableViewCell. Mais j'obtiens l'erreur suivante,

Méthode de remplacement avec le sélecteur 'tableView: willDisplayCell: forRowAtIndexPath:' a un type incompatible '(UITableView !, CustomOneCell !, NSIndexPath!) -> ()'

Quelqu'un a une idée de la façon de résoudre ces erreurs? Celles-ci semblaient bien fonctionner en Objective-C.

Je vous remercie.

EDIT: Je viens de remarquer que si je change l'orientation du simulateur en paysage et le remet en portrait, les cellules apparaissent! Je n'arrivais toujours pas à comprendre ce qui se passait. J'ai téléchargé un projet Xcode ici démontrant le problème si vous avez le temps de jeter un coup d'œil rapide.

Avec Swift 5 et iOS 12.2, vous devriez essayer le code suivant pour résoudre votre problème:

CustomCell.swift

import UIKit

class CustomCell: UITableViewCell {

    // Link those IBOutlets with the UILabels in your .XIB file
    @IBOutlet weak var middleLabel: UILabel!
    @IBOutlet weak var leftLabel: UILabel!
    @IBOutlet weak var rightLabel: UILabel!

}

TableViewController.swift

import UIKit

class TableViewController: UITableViewController {

    let items = ["Item 1", "Item2", "Item3", "Item4"]

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.register(UINib(nibName: "CustomCell", bundle: nil), forCellReuseIdentifier: "CustomCell")
    }

    // MARK: - UITableViewDataSource

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCell", for: indexPath) as! CustomCell

        cell.middleLabel.text = items[indexPath.row]
        cell.leftLabel.text = items[indexPath.row]
        cell.rightLabel.text = items[indexPath.row]

        return cell
    }

}

L'image ci-dessous montre un ensemble de contraintes qui fonctionnent avec le code fourni sans aucun message d'ambiguïté de contraintes de Xcode:

Voici mon approche utilisant Swift 2 et Xcode 7.3. Cet exemple utilisera un seul ViewController pour charger deux fichiers .xib - un pour UITableView et un pour UITableCellView.

Pour cet exemple, vous pouvez déposer un UITableView directement dans un fichier TableNib .xib vide . À l'intérieur, définissez le propriétaire du fichier sur votre classe ViewController et utilisez une prise pour référencer la tableView.

et

Maintenant, dans votre contrôleur de vue, vous pouvez déléguer la tableView comme vous le feriez normalement, comme ceci

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    @IBOutlet weak var tableView: UITableView!

    ...

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        // Table view delegate
        self.tableView.delegate = self
        self.tableView.dataSource = self

        ...

Pour créer votre cellule personnalisée, à nouveau, déposez un objet Cell View Cell dans un fichier TableCellNib .xib vide . Cette fois, dans le fichier .xib de la cellule, vous n'avez pas à spécifier de "propriétaire", mais vous devez spécifier une classe personnalisée et un identifiant comme "TableCellId"

Créez votre sous-classe avec tous les points de vente dont vous avez besoin

class TableCell: UITableViewCell {

    @IBOutlet weak var nameLabel: UILabel!

}

Enfin ... de retour dans votre View Controller, vous pouvez charger et afficher le tout comme ça

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    // First load table nib
    let bundle = NSBundle(forClass: self.dynamicType)
    let tableNib = UINib(nibName: "TableNib", bundle: bundle)
    let tableNibView = tableNib.instantiateWithOwner(self, options: nil)[0] as! UIView

    // Then delegate the TableView
    self.tableView.delegate = self
    self.tableView.dataSource = self

    // Set resizable table bounds
    self.tableView.frame = self.view.bounds
    self.tableView.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]

    // Register table cell class from nib
    let cellNib = UINib(nibName: "TableCellNib", bundle: bundle)
    self.tableView.registerNib(cellNib, forCellReuseIdentifier: self.tableCellId)

    // Display table with custom cells
    self.view.addSubview(tableNibView)

}

Le code montre comment vous pouvez simplement charger et afficher un fichier nib (le tableau), et ensuite comment enregistrer une plume pour une utilisation cellulaire.

J'espère que cela t'aides!!!

Swift 4

Enregistrer Nib

override func viewDidLoad() {
    super.viewDidLoad()
    tblMissions.register(UINib(nibName: "MissionCell", bundle: nil), forCellReuseIdentifier: "MissionCell")
}

Dans TableView DataSource

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
          guard let cell = tableView.dequeueReusableCell(withIdentifier: "MissionCell", for: indexPath) as? MissionCell else { return UITableViewCell() }
          return cell
    }

Solution détaillée avec captures d'écran

1. Créez un fichier d'interface utilisateur vide et nommez-le MyCustomCell.xib.

2. Ajoutez a UITableViewCellcomme racine de votre fichier xib et de tout autre composant visuel souhaité.

3. Créez un fichier de classe tactile cacao avec le nom de classe MyCustomCellcomme sous-classe de UITableViewCell.

4. Définissez la classe personnalisée et l'identificateur de réutilisation pour votre cellule de vue de tableau personnalisée.

5. Ouvrez l'éditeur d'assistant et ctrl+dragcréez des débouchés pour vos composants visuels.

6. Configurez a UIViewControllerpour utiliser votre cellule personnalisée.

class MyViewController: UIViewController {

    @IBOutlet weak var myTable: UITableView!

    override func viewDidLoad {
        super.viewDidLoad()

        let nib = UINib(nibName: "MyCustomCell", bundle: nil)
        myTable.register(nib, forCellReuseIdentifier: "MyCustomCell")
        myTable.dataSource = self
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if let cell = tableView.dequeueReusableCell(withIdentifier: "MyCustomCell") as? MyCustomCell {
            cell.myLabel.text = "Hello world."
            return cell
        }
        ...
    }
}

Vous n'avez pas enregistré votre plume comme ci-dessous:

tableView.registerNib(UINib(nibName: "CustomCell", bundle: nil), forCellReuseIdentifier: "CustomCell")

Une autre méthode qui peut fonctionner pour vous (c'est comme ça que je le fais) consiste à enregistrer une classe.

Supposons que vous créez un tableau personnalisé comme suit:

class UICustomTableViewCell: UITableViewCell {...}

Vous pouvez ensuite enregistrer cette cellule dans n'importe quel UITableViewController dans lequel vous l'afficherez avec "registerClass":

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.registerClass(UICustomTableViewCell.self, forCellReuseIdentifier: "UICustomTableViewCellIdentifier")
}

Et vous pouvez l'appeler comme vous vous en doutez dans la méthode cellule pour ligne:

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("UICustomTableViewCellIdentifier", forIndexPath: indexPath) as! UICustomTableViewCell
    return cell
}

Pour corriger l' erreur "Méthode de remplacement ... a un type incompatible ..." , j'ai changé la déclaration de fonction en

override func tableView(tableView: (UITableView!), 
                        cellForRowAtIndexPath indexPath: (NSIndexPath!)) 
    -> UITableViewCell {...}

(était -> UITableViewCell!- avec un point d'exclamation à la fin)

swift 4.1.2

xib.

Créer ImageCell2.swift

Étape 1

import UIKit

class ImageCell2: UITableViewCell {

    @IBOutlet weak var imgBookLogo: UIImageView!
    @IBOutlet weak var lblTitle: UILabel!
    @IBOutlet weak var lblPublisher: UILabel!
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }

}

étape 2 . Selon la classe Viewcontroller

  import UIKit

    class ImageListVC: UIViewController,UITableViewDataSource,UITableViewDelegate {
    @IBOutlet weak var tblMainVC: UITableView!

    var arrBook : [BookItem] = [BookItem]()

    override func viewDidLoad() {
        super.viewDidLoad()
         //Regester Cell
        self.tblMainVC.register(UINib.init(nibName: "ImageCell2", bundle: nil), forCellReuseIdentifier: "ImageCell2")
        // Response Call adn Disply Record
        APIManagerData._APIManagerInstance.getAPIBook { (itemInstance) in
            self.arrBook = itemInstance.arrItem!
            self.tblMainVC.reloadData()
        }
    }
    //MARK: DataSource & delegate
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.arrBook.count
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
//    [enter image description here][2]
        let cell  = tableView.dequeueReusableCell(withIdentifier: "ImageCell2") as! ImageCell2
        cell.lblTitle.text = self.arrBook[indexPath.row].title
        cell.lblPublisher.text = self.arrBook[indexPath.row].publisher
        if let authors = self.arrBook[indexPath.row].author {
            for item in authors{
                print(" item \(item)")
            }
        }
        let  url  = self.arrBook[indexPath.row].imageURL
        if url == nil {
            cell.imgBookLogo.kf.setImage(with: URL.init(string: ""), placeholder: UIImage.init(named: "download.jpeg"))
        }
        else{
            cell.imgBookLogo.kf.setImage(with: URL(string: url!)!, placeholder: UIImage.init(named: "download.jpeg"))
        }
        return cell
    }
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 90
    } 

}

Je devais m'assurer que lors de la création de la prise, je devais spécifier que je m'accrochais à la cellule, pas au propriétaire de l'objet. Lorsque le menu apparaît pour le nommer, vous devez le sélectionner dans le menu déroulant «objet». Bien sûr, vous devez également déclarer la cellule comme votre classe, pas seulement «TableViewCellClass». Sinon, je continuerais à obtenir la classe non conforme à la clé.

Prenez simplement un xib avec la classe UITableViewCell . Définissez l'interface utilisateur selon les exigences et attribuez IBOutlet. Utilisez-le dans cellForRowAt () de la vue tableau comme ceci:

//MARK: - table method

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return self.arrayFruit.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell:simpleTableViewCell? = tableView.dequeueReusableCell(withIdentifier:"simpleTableViewCell") as? simpleTableViewCell
    if cell == nil{
        tableView.register(UINib.init(nibName: "simpleTableViewCell", bundle: nil), forCellReuseIdentifier: "simpleTableViewCell")
        let arrNib:Array = Bundle.main.loadNibNamed("simpleTableViewCell",owner: self, options: nil)!
        cell = arrNib.first as? simpleTableViewCell
    }

    cell?.labelName.text = self.arrayFruit[indexPath.row]
    cell?.imageViewFruit.image = UIImage (named: "fruit_img")

    return cell!

}
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat
{
 return 100.0
}

100% fonctionnant sans aucun problème (testé)