Créé par programmation à l'aide d'un UITableViewCell sous-classe en Swift

Je suis en train de travailler sur une vue de la table avec une cellule personnalisé qui a été créé par programmation, sans l'utilisation de l'IB. J'ai regardé sur Google et demandé autour de NSChat, mais je ne peux toujours pas le faire fonctionner. Il affiche juste le défaut d'affichage de tableau. Merci à l'avance!

EventCell.swift

import UIKit

class EventCell: UITableViewCell {

    var eventName: UILabel = UILabel()
    var eventCity: UILabel = UILabel()
    var eventTime: UILabel = UILabel()

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

        self.contentView.addSubview(eventName)
        self.contentView.addSubview(eventCity)
        self.contentView.addSubview(eventTime)
    }

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

    override func layoutSubviews() {
        super.layoutSubviews()

        eventName = UILabel(frame: CGRectMake(20, 10, self.bounds.size.width - 40, 25))
        eventCity = UILabel(frame: CGRectMake(0, 0, 0, 0))
        eventTime = UILabel(frame: CGRectMake(0, 0, 0, 0))

    }

}

ViewController.swift

class ViewController: UITableViewController, UITableViewDelegate {
var events: Dictionary<String, [String]> = ["0": ["Monroe Family", "La Cañada", "8:30"]]
override func viewDidLoad() {
super.viewDidLoad()
tableView.dataSource = self;
tableView.delegate = self;
tableView.registerClass(EventCell.self, forCellReuseIdentifier: "EventCell")
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
override func tableView(tableView: UITableView, estimatedHeightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
return UITableViewAutomaticDimension;
}
override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return events.count
}
override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
var cellIdendifier: String = "EventCell"
var cell: EventCell = tableView.dequeueReusableCellWithIdentifier(cellIdendifier, forIndexPath: indexPath) as EventCell
cell = EventCell(style: .Default, reuseIdentifier: cellIdendifier)
if let i = events[String(indexPath.row)] {
cell.eventName.text = i[0]
cell.eventCity.text = i[1]
cell.eventTime.text = i[2]
}
cell.sizeToFit()
return cell
}
}

github.com/ericcgu/TableViewCellWithAutoLayoutiOS8
laissez cellIdendifier: String = "EventCell" depuis cellIdentifier n'est pas muté.
laissez la cellule: EventCell = tableView.dequeueReusableCellWithIdentifier(cellIdendifier, forIndexPath: indexPath) comme! EventCell depuis la cellule n'est pas muté et la force abattu à l'aide !

InformationsquelleAutor Jeffrey | 2014-12-20

27

Ok d'abord quelques observations importantes.

Première, vous êtes inutilement de la création de votre propre nouvelle cellule à chaque fois que l'affichage de la table demande une cellule au lieu de réutiliser les vieilles cellules. Vous devriez supprimer cette ligne:
```
cell = EventCell(style: .Default, reuseIdentifier: cellIdendifier)
```
Qui est inutile parce que la file d'attente va automatiquement créer de nouvelles cellules que nécessaire en fonction de la classe que vous avez enregistré pour l'identifiant donné.

Deuxième, vous ne devriez pas être à l'aide de l'écran principal de limites lors de la pose de votre code. Ce sera briser si votre vue de la table n'est pas toute la largeur. Au lieu de cela, vous pouvez utiliser self.bounds il est donc toujours par rapport à la cellule elle-même.

Troisième, vous ne devriez pas appeler setNeedsLayout ou layoutIfNeeded parce que si la méthode est appelée, elle est déjà pose à nouveau le tout.

Quatrième, vous devez vous inscrire votre vue de la table de la cellule de la classe avant le réglage de l'affichage de la table de source de données juste au cas où UITableView tout commence en demandant des choses à partir de la source de données lorsque la source de données est définie.

Cinquième, deux de vos sous-vues ont une taille de 0,0 donc ils ne vont pas montrer de toute façon.

Si ce code est en effet en cours d'exécution sans s'écraser, alors vous êtes la création d'EventCells parce que vous faites un forcé casting de la suite de la dequeueReusableCellWithIdentifier:forIndexPath. Cela signifie que vous avez simplement une mise en page /affichage /données du problème.
- Serait auto.limites être le même que soi.contentView.limites dans ce cas?
- Bonjour! J'ai une question, si j'ai un custom init, avec mes propres paramètres, comment voulez-vous cette approche? est-il impossible à retirer les cellules, alors? Je voudrais toujours avoir à les créer?
- Votre personnalisé init devrait accepter une réutilisation identifiant et de le passer à l'endroit de la init(style:reuseIdentifier:). Ensuite, vous pouvez retirer comme normal.
- mais la file d'attente de la fonction de ne pas utiliser ma coutume, et si je init il manuellement, puis la file d'attente est de ne rien faire parce que je suis toujours à l'initialisation de toute façon il le droit? Est-il un moyen de savoir si la file d'attente est la création d'une nouvelle cellule (alors que je peux utiliser mon propre init) ou si c'est la réutilisation de l'un (puis je les fais et je ne fais pas l'init)?. Je pense que, dans le passé, la file d'attente serait de retour nul quand il ne pouvait pas réutiliser une cellule, de sorte que vous pourriez faire quelque chose comme, si la cellule == nil { <my custom init>} mais maintenant, elle renvoie toujours à une cellule, donc je n'ai aucune idée
- Si vous voulez une coutume de l'initialiseur, vous devez revenir à l'utilisation d' dequeueReusableCell(withIdentifier:) (pas d'index paramètre de chemin d'accès). Cela fonctionne comme vous le décrivez: retourne nil si il veut une nouvelle cellule initialisé. Et cela signifie que vous n'avez plus besoin d'enregistrer la classe avec la tableview à l'avance.
- Molly Holly merci beaucoup!! J'ai toujours été à l'aide de l'un avec indexPath paramètre, je ne savais même pas à ce sujet 😀
InformationsquelleAutor drewag

J'ai eu la même question. J'ai appliqué les conseils de @drewag réponse, mais il y avait quelques questions supplémentaires. Ci-dessous est un bare-bones, une preuve de concept exemple qui montre comment utiliser un créé par programmation UITableViewCell sous-classe.

L'image ci-dessous est à quoi il doit ressembler. Les rectangles jaunes sont UILabel des sous-vues dans la coutume des cellules.

Créé par programmation à l'aide d'un UITableViewCell sous-classe en Swift

Code

Ici est la UITableViewCell sous-classe. C'est le travail consiste à initialiser la cellule et son contenu, ajouter des sous-vues, et la mise en page de la sous-vues.

import UIKit
class MyCustomCell: UITableViewCell {
var myLabel = UILabel()
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
myLabel.backgroundColor = UIColor.yellowColor()
self.contentView.addSubview(myLabel)
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
}
override func layoutSubviews() {
super.layoutSubviews()
myLabel.frame = CGRect(x: 20, y: 0, width: 70, height: 30)
}
}

Ici est le point de vue du contrôleur de code.

import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
@IBOutlet weak var tableView: UITableView!
let myArray = ["one", "two", "three", "four"]
let cellReuseIdendifier = "cell"
override func viewDidLoad() {
super.viewDidLoad()
tableView.registerClass(MyCustomCell.self, forCellReuseIdentifier: cellReuseIdendifier)
tableView.dataSource = self
tableView.delegate = self
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return myArray.count
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier(cellReuseIdendifier, forIndexPath: indexPath) as! MyCustomCell
cell.myLabel.text = myArray[indexPath.row]
return cell
}
}

Notes:

J'ai utilisé régulièrement UIViewController plutôt qu'un UITableViewController. Si vous utilisez un UITableViewController puis retirez le UITableViewDelegate et UITableViewDataSource protocole de références car elles sont redondantes pour une UITableViewController. Vous aussi n'avez pas besoin de @IBOutlet tableView ligne.
Le principal problème de la ligne j'ai trouve dans la question d'origine était eventName = UILabel(frame: CGRectMake(...)). Au lieu de cela, il doit avoir été eventName.frame = CGRect(...)

InformationsquelleAutor Suragch

3

Votre code ne fonctionne pas car il est la création de nouveaux UILabels dans EventCell.layoutSubviews. Seulement l'initiale UILabels se sont ajoutés à la vue de l'arbre et leurs tailles sont probablement 0 avais.

Je suppose que vous vouliez mettre à jour leurs cadres, par exemple, mise à jour de la EventCell méthode de classe:
```
override func layoutSubviews() {
super.layoutSubviews()
eventName.frame = CGRectMake(20, 10, self.bounds.size.width - 40, 25)
eventCity.frame = CGRectMake(<actual size>)
eventTime.frame = CGRectMake(<actual size>)
}
```
InformationsquelleAutor Cheyne Mathey-Owens

Vous pouvez utiliser paresseux instanciation rapide pour éviter d'avoir à déposer dans layoutSubviews /vue du cycle de vie de la danse.

class EventCell: UITableViewCell {
lazy public  var lblName = {
return UILabel (frame: CGRectMake(10, 0, self.bounds.size.width , 40))
}()
lazy public  var lblCity = {
return UILabel (frame: CGRectMake(10, 40, self.bounds.size.width , 20))
}()
lazy public  var lblTime = {
return UILabel (frame: CGRectMake(self.bounds.size.width - 80, 10, , 25))
}()
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
self.contentView.addSubview(lblName)
self.contentView.addSubview(lblCity)
self.contentView.addSubview(lblTime)
}
}

InformationsquelleAutor johndpope

Vous devez vous connecter pour publier un commentaire.