Wiele etykiet UILabel wewnątrz SELF sizing UITableViewCell

Spotkałem się z tym samym problemem co ty i znalazłem proste rozwiązanie, aby go rozwiązać.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
     // dequeue cell...

     // do autolayout staffs...or if the autolayout rule has been set in xib, do nothing

     [cell layoutIfNeeded];

     return cell;
}

I samorozmiar działał dobrze. W moim kodzie położyłem dwie etykiety w pionie, obie są dynamiczną wysokością. Wysokość komórki jest prawidłowo ustawiona tak, aby zawierała dwie etykiety.

Zakładając, że nie masz żadnych błędów w ograniczeniach, jak sugerowali inni, problem ten wydaje się wynikać z używania UILabel, który pozwala na wiele linii w połączeniu z UITableViewCellAccessory. Kiedy iOS rozkłada komórkę i określa wysokość, nie uwzględnia zmiany przesunięcia szerokości, która występuje z powodu tego akcesorium, a otrzymasz obcinanie tam, gdzie się nie spodziewasz.

Zakładając, że chcesz, aby etykieta UILabel rozszerzyła całą szerokość widoku zawartości, Napisałem metodę, która naprawia to dla wszystkich rozmiarów czcionek

-(void)fixWidth:(UILabel *)label forCell:(UITableViewCell *)cell {
    float offset = 0;
    switch ([cell accessoryType]) {
        case UITableViewCellAccessoryCheckmark:
            offset = 39.0;
            break;
        case UITableViewCellAccessoryDetailButton:
            offset = 47.0;
            break;
        case UITableViewCellAccessoryDetailDisclosureButton:
            offset = 67.0;
            break;
        case UITableViewCellAccessoryDisclosureIndicator:
            offset = 33.0;
            break;
        case UITableViewCellAccessoryNone:
            offset = 0;
            break;
    }
    [label setPreferredMaxLayoutWidth:CGRectGetWidth([[self tableView]frame]) - offset - 8];
}

Po prostu umieść to w swojej komórceforrowatindexpath

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    #Setup the cell
    ...
    // Fix layout with accessory view
    [self fixWidth:[cell label] forCell:cell];
    return cell;
}

Zrób to dla wszystkich etykiet, które będą miały wiele linii, aby odpowiednio dostosować szerokość, a następnie ponownie obliczyć odpowiednie wysokości. Działa to również z dynamicznymi rozmiarami czcionek.

Jak wspomniał smileyborg, jeśli nie używasz pełnej szerokości contentView, możesz odwołać się do ograniczeń i odjąć je od szerokości jako cóż.

Edit: wcześniej uruchamiałem 'layoutIfNeeded' na komórce, ale to powodowało problemy z wydajnością i nie wydawało się być potrzebne. Usunięcie go nie sprawiło mi żadnych problemów.

Masz tu dwa problemy.

1 / teraz, używając języka formatu wizualnego, pionowe ograniczenia Twojej komórki można przetłumaczyć w następujący sposób:

Cell: "V:|-(10)-[nameLabel]-(67)-|"

Następnie ustawiasz drugą grupę ograniczeń:

Cell: "V:|-(10)-[nameLabel]-(8)-[pnrLabel]-(2)-[actionsLabel]"

Te dwie grupy ograniczeń nie mogą się dobrze wymieszać i ujawnią swoją dwuznaczność z drugim problemem.

2 / z pewnych powodów, actionsLabel jest ograniczona do jednej linii podczas uruchamiania aplikacji. Następnie, po obróceniu urządzenia do trybu poziomego, actionsLabel akceptuje wyświetlanie dwóch linii lub więcej. Następnie, po obróceniu urządzenia z powrotem do trybu portretowego, actionsLabel wyświetla dwie lub więcej linii. Ale ponieważ actionsLabel nie jest tak naprawdę częścią ograniczeń wysokości Twojej komórki, pokrywa się ona z granicami Twojej komórki.

Jeśli chcesz rozwiązać te wszystkie problemy, polecam najpierw odbudować plik xib od podstaw. To wyleczy Twoje actionsLabel dziwne zachowanie (dwie lub więcej linii tylko po obróceniu urządzenia).

Wtedy będziesz musisz zdefiniować swoje ograniczenia w ten sposób:

Cell: "V:|-(10)-[nameLabel(>=21)]-(8)-[pnrLabel(>=21)]-(2)-[actionsLabel(>=21)]-(10)-|"

Oczywiście możesz zdefiniować inne ograniczenia minimalnej wysokości dla etykiet niż (>=21). W ten sam sposób dolny margines można ustawić na inną wartość niż -(10)-.

Dodatek

Aby odpowiedzieć na twoje pytanie, stworzyłem prosty projekt z poprzednim wzorem ograniczeń w moim .plik xib. Poniższy obraz może pomóc ci zbudować własne ograniczenia.

[1]}wypróbowałem bardzo proste i elegancko wyglądające rozwiązanie "fogisland" - i nie zadziałało. Na szczęście dowiedziałem się, że jedna dodatkowa linia sprawia, że działa w każdym kierunku. Po prostu powiedz systemowi, że nie tylko sugerujesz nowy układ (layoutIfNeeded), ale wyraźnie o niego prosisz (setNeedLayout)

    cell.setNeedsLayout()
    cell.layoutIfNeeded()
    return cell