Les étiquettes dans l'alignement de UITableViewCell

J'utilise UITableView avec les cellules créées à l'aide de UITableViewCellStyleSubtitle. Chaque cellule de la hauteur est réglé de façon dynamique à l'aide de la 

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

méthode du délégué.

Le problème, vous pouvez le voir sur la photo

(remarque: l'image mise à jour)

http://img.skitch.com/20090715-g7srxgee2d7fhi5rab2wufrdgm.png

Comment mettre en place aligner de textLabel et detailTextLabel pour le haut de la cellule? (Je n'ai pas vraiment l'habitude de le faire par le sous-classement UITableViewCell et dominante layoutSubviews)

Merci

  • Il semble que vos sous-titres de texte circule sur le fond de la cellule et dans la suivante, est-ce que je vois? Aussi, est-ce possible sur le dispositif ou tout simplement Simulateur?
  • Vous pouvez poster votre mise en œuvre de heightForRowAtIndexPath?
  • Toucher agréable avec la capture d'écran.
  • image lien est rompu.
InformationsquelleAutor Igor | 2009-07-15
  1. 8

    Voici une autre solution sans dérivation de cellules, de sorte qu'il fonctionne certes avec différents styles de tableau. (Je n'ai pas vérifié les autres solutions.) Le titre et le détail des chaînes sont déclarées dans mon UITableViewController en-tête et déjà définis. Ils ne sont pas très long, certainement bien en deçà de la hauteur de 4000!

    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{

    CGRect frame = [UIScreen mainScreen].bounds;
    CGFloat width = frame.size.width;

    int section = indexPath.section;
    int row = indexPath.row;

    NSString *title_string = [title_strings_array objectAtIndex:row];
    NSString *detail_string = [detail_strings_array objectAtIndex:row];

    CGSize title_size = {0, 0};
    CGSize detail_size = {0, 0};

    if (title_string && [title_string isEqualToString:@""] == NO ) {
        title_size = [title_string sizeWithFont:[UIFont systemFontOfSize:22.0]
                              constrainedToSize:CGSizeMake(width, 4000)
                                  lineBreakMode:UILineBreakModeWordWrap];
    }

    if (detail_string && [title_string isEqualToString:@""] == NO ) {
        detail_size = [detail_string sizeWithFont:[UIFont systemFontOfSize:18.0]
                                constrainedToSize:CGSizeMake(width, 4000)
                                    lineBreakMode:UILineBreakModeWordWrap];
    }

    CGFloat title_height = title_size.height;
    CGFloat detail_height = detail_size.height;

    CGFloat content_size = title_height + detail_height;

    CGFloat height;

    switch ( section ) {

        case 0:
            height = content_size;
            break;

        //Just in case  
        default:
            height = 44.0;
            break;

    }

    return height;

}
    InformationsquelleAutor SK9
  2. 36

    Bien, celui-ci m'a coûté un après-midi, mais je pense que j'ai tout compris. Aussi loin que je peux dire, ce qui semble être un bug dans la façon de UITableViewCell est à la pose de la textLabel et detailTextLabel. Lorsque vous définissez la hauteur de ligne, il semble attribuer hauteur égale pour les deux labels, ce qui signifie que vous obtenez exactement le comportement que vous voyez ci-dessus, même si detailTextLabel besoin de plus d'espace. Voici les deux choses que j'ai fait pour résoudre le problème. J'ai eu une classe de UITableViewCell à résoudre, mais c'est un minimum de code.

    Tout d'abord, assurez-vous que vous êtes le calcul de la hauteur de chaque ligne correctement. Mettre cette méthode dans votre vue de la table délégué. Remplacer la police méthodes avec votre propre:

    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
   NSString *cellDetailText = [[self itemForIndexPath: indexPath] detailDescription];
   NSString *cellText = [[self itemForIndexPath: indexPath] description];
   //The width subtracted from the tableView frame depends on:
   //40.0 for detail accessory
   //Width of icon image
   //Editing width
   //I don't think you can count on the cell being properly laid out here, so you've
   //got to hard code it based on the state of the table.
   CGSize constraintSize = CGSizeMake(tableView.frame.size.width - 40.0 - 50.0, CGFLOAT_MAX);
   CGSize labelSize = [cellText sizeWithFont: [self cellTextLabelFont] constrainedToSize:constraintSize lineBreakMode:UILineBreakModeWordWrap];
   CGSize detailSize = [cellDetailText sizeWithFont: [self cellDetailTextLabelFont] constrainedToSize:constraintSize lineBreakMode:UILineBreakModeWordWrap];

   CGFloat result = MAX(44.0, labelSize.height + detailSize.height + 12.0); 
   return result;
}

    Ensuite, la sous-classe UITableViewCell et remplacer layoutSubviews:

    #import "UITableViewCellFixed.h"


@implementation UITableViewCellFixed
- (void) layoutSubviews {
   [super layoutSubviews];
   self.textLabel.frame = CGRectMake(self.textLabel.frame.origin.x, 
                                      4.0, 
                                      self.textLabel.frame.size.width, 
                                      self.textLabel.frame.size.height);
   self.detailTextLabel.frame = CGRectMake(self.detailTextLabel.frame.origin.x, 
                                           8.0 + self.textLabel.frame.size.height, 
                                           self.detailTextLabel.frame.size.width, 
                                           self.detailTextLabel.frame.size.height);
}
@end
    • Super réponse, a parfaitement fonctionné. Nice touch: remplacer 4.0 12.0 si detailTextLabel.texte == nil au centre de la textLabel verticalement dans la vue quand il n'y a pas de detailText pour la cellule.
    • C'est woks comme un charme!
    • C'est vraiment un bon truc. Merci!
    • Une suggestion: Il est vraiment utile d'utiliser des variables pour stocker les images et les utiliser dans vos appels à CGRectMake. Vous économiserez de l'14 redondant appels de méthode en à peine cette petite méthode. Ces redondant appels de méthode peut résumer et ont un impact sur les performances.
    InformationsquelleAutor Chris Garrett
  3. 1

    Cependant vous êtes dimensionnement de vos cellules, vous devez le faire avec les différentes méthodes de dimensionnement de NSString. De cette façon, vous pouvez déterminer exactement de quelle taille pour faire de la cellule et d'éviter les espaces.

    InformationsquelleAutor Jeff Kelley
  4. -2

    Si il s'avère que le textLabel et detailTextLabel sont fixées à l'aide d'un redimensionnement automatique des masques, peut-être que vous pouvez le faire lorsque vous revenez de la cellule:

    cell.textLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin;
cell.detailTextLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

    Si cela fonctionne, c'est un peu plus facile que de sous-classement de la cellule. Je n'ai pas essayé si.

    • Bien sûr, c'est facile, mais ne pas faire un travail. layoutSubviews-primordial est la bonne façon.
    InformationsquelleAutor Daniel Dickison