Wie kann ich die Hintergrundfarbe einer UITableViewCell anpassen?

Ich möchte den Hintergrund (und möglicherweise auch den Rand) aller UITableViewCells in meiner UITableView anpassen. Bisher konnte ich dieses Material nicht anpassen, daher habe ich eine Reihe weißer Hintergrundzellen, was die Standardeinstellung ist.

Gibt es eine Möglichkeit, dies mit dem iPhone SDK zu tun?

Sie müssen die Hintergrundfarbe der Inhaltsansicht der Zelle auf Ihre Farbe einstellen. Wenn Sie Zubehör verwenden (z. B. Offenlegungspfeile usw.), werden diese als weiß angezeigt, sodass Sie möglicherweise benutzerdefinierte Versionen davon rollen müssen.

Hier ist der effizienteste Weg, um dieses Problem zu lösen: Verwenden Sie die delegate-Methode willDisplayCell (dies berücksichtigt auch die weiße Farbe für den Hintergrund der Textbeschriftung, wenn Sie cell.textLabel.text und / oder cell.detailTextLabel.text verwenden ):

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { ... }

Wenn diese Delegatmethode aufgerufen wird, wird die Farbe der Zelle über die Zelle und nicht über die Tabellenansicht gesteuert, wie bei Verwendung von:

- (UITableViewCell *) tableView: (UITableView *) tableView cellForRowAtIndexPath: (NSIndexPath *) indexPath { ... }

Fügen Sie also im Hauptteil der Zelldelegatenmethode den folgenden Code hinzu, um die Farben der Zellen zu ändern, oder verwenden Sie einfach den Funktionsaufruf, um alle Zellen der Tabelle auf dieselbe Farbe zu bringen.

if (indexPath.row % 2)
{
    [cell setBackgroundColor:[UIColor colorWithRed:.8 green:.8 blue:1 alpha:1]];
}
else [cell setBackgroundColor:[UIColor clearColor]];

Diese Lösung hat unter meinen Umständen gut funktioniert ...

Dies ist wirklich einfach, da OS 3.0 nur die Hintergrundfarbe der Zelle in der willDisplayCell-Methode festlegt. Sie dürfen die Farbe nicht im cellForRowAtIndexPath festlegen.

Dies funktioniert sowohl für den einfachen als auch für den gruppierten Stil:

Code:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    cell.backgroundColor = [UIColor redColor];
}

PS: Hier der Dokumentationsextrakt für willDisplayCell:

"Eine Tabellenansicht sendet diese Nachricht an ihren Delegaten, kurz bevor sie eine Zelle zum Zeichnen einer Zeile verwendet, wodurch der Delegierte das Zellenobjekt anpassen kann, bevor es angezeigt wird. Diese Methode gibt dem Delegaten die Möglichkeit, zuvor festgelegte zustandsbasierte Eigenschaften zu überschreiben die Tabellenansicht, z. B. Auswahl und Hintergrundfarbe. Nachdem der Delegat zurückgekehrt ist, legt die Tabellenansicht nur die Alpha- und Rahmeneigenschaften fest und dann nur, wenn Zeilen beim Ein- oder Ausschieben animiert werden. "

Ich habe diese Informationen in diesem Beitrag von colionel gefunden . Danke ihm!

Der beste Ansatz, den ich bisher gefunden habe, besteht darin, eine Hintergrundansicht der Zelle und einen klaren Hintergrund für die Unteransichten der Zellen festzulegen. Natürlich sieht dies nur auf Tischen mit indiziertem Stil gut aus, egal mit oder ohne Zubehör.

Hier ist ein Beispiel, bei dem der Hintergrund der Zelle gelb ist:

UIView* backgroundView = [ [ [ UIView alloc ] initWithFrame:CGRectZero ] autorelease ];
backgroundView.backgroundColor = [ UIColor yellowColor ];
cell.backgroundView = backgroundView;
for ( UIView* view in cell.contentView.subviews ) 
{
    view.backgroundColor = [ UIColor clearColor ];
}

Fügen Sie dies einfach in Ihre UITableView-Delegatklassendatei (.m) ein:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell  forRowAtIndexPath:(NSIndexPath *)indexPath 
{
    UIColor *color = ((indexPath.row % 2) == 0) ? [UIColor colorWithRed:255.0/255 green:255.0/255 blue:145.0/255 alpha:1] : [UIColor clearColor];
    cell.backgroundColor = color;
}

Ich stimme Seba zu. Ich habe versucht, meine abwechselnde Zeilenfarbe in der delegierten Methode rowForIndexPath festzulegen, habe jedoch inkonsistente Ergebnisse zwischen 3.2 und 4.2 erhalten. Das Folgende hat für mich großartig funktioniert.

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {

    if ((indexPath.row % 2) == 1) {
        cell.backgroundColor = UIColorFromRGB(0xEDEDED);
        cell.textLabel.backgroundColor = UIColorFromRGB(0xEDEDED);
        cell.selectionStyle = UITableViewCellSelectionStyleGray;
    }
    else
    {
        cell.backgroundColor = [UIColor whiteColor];
        cell.selectionStyle = UITableViewCellSelectionStyleGray;
    }

}

Nachdem Sie alle verschiedenen Lösungen ausprobiert haben, ist die folgende Methode die eleganteste. Ändern Sie die Farbe in der folgenden Delegatenmethode:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    if (...){
        cell.backgroundColor = [UIColor blueColor];
    } else {
        cell.backgroundColor = [UIColor whiteColor];
    }
}

vlado.grigorov hat einige gute Ratschläge - der beste Weg ist, eine Hintergrundansicht zu erstellen und dieser eine Farbe zu geben, wobei alles andere auf clearColor gesetzt wird. Ich denke auch, dass dies der einzige Weg ist, um die Farbe korrekt zu löschen (probieren Sie sein Beispiel aus - aber setzen Sie 'clearColor' anstelle von 'yellowColor'), was ich versucht habe.

Das Anpassen des Hintergrunds einer Tabellenansichtszelle wird schließlich zu einem "Alles oder Nichts" -Ansatz. Es ist sehr schwierig, die Farbe oder das Bild für den Hintergrund einer Inhaltszelle so zu ändern, dass sie nicht seltsam aussehen.

Der Grund ist, dass die Zelle tatsächlich die Breite der Ansicht überspannt. Die abgerundeten Ecken sind nur ein Teil des Zeichenstils, und die Inhaltsansicht befindet sich in diesem Bereich.

Wenn Sie die Farbe der Inhaltszelle ändern, werden an den Ecken weiße Stellen angezeigt. Wenn Sie die Farbe der gesamten Zelle ändern, wird ein Farbblock über die Breite der Ansicht angezeigt.

Sie können eine Zelle definitiv anpassen, aber es ist nicht ganz so einfach, wie Sie zunächst vielleicht denken.

Erstellen Sie eine Ansicht und legen Sie diese als Hintergrundansicht der Zelle fest

UIView *lab = [[UIView alloc] initWithFrame:cell.frame];
            [lab setBackgroundColor:[UIColor grayColor]];
            cell.backgroundView = lab;
            [lab release];

So erweitern Sie die Antwort von N.Berendt: Wenn Sie die Zellenfarbe basierend auf einem bestimmten Status im tatsächlichen Zellendatenobjekt festlegen möchten, konfigurieren Sie zu dem Zeitpunkt den Rest der Informationen für die Tabellenzelle, was normalerweise der Fall ist, wenn Sie sich in der befinden Mit der cellForRowAtIndexPath-Methode können Sie dies tun, indem Sie die willDisplayCell-Methode überschreiben, um die Hintergrundfarbe der Zelle aus der Hintergrundfarbe der Inhaltsansicht festzulegen. Dadurch wird das Problem umgangen, dass die Hintergründe der Offenlegungsschaltflächen usw. nicht richtig sind, Sie können jedoch die Farbe in der cellForRowAtIndexPath-Methode steuern Hier führen Sie alle anderen Zellenanpassungen durch.

Also: Wenn Sie diese Methode Ihrem Tabellenansicht-Delegaten hinzufügen:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    cell.backgroundColor = cell.contentView.backgroundColor;
}

Dann können Sie in Ihrer cellForRowAtIndexPath-Methode Folgendes tun:

if (myCellDataObject.hasSomeStateThatMeansItShouldShowAsBlue) {
    cell.contentView.backgroundColor = [UIColor blueColor];
}

Dies erspart Ihnen das erneute Abrufen Ihrer Datenobjekte in der willDisplayCell-Methode und spart außerdem zwei Stellen, an denen Sie Ihre Tabellenzelle anpassen / anpassen können. Alle Anpassungen können in der cellForRowAtIndexPath-Methode erfolgen.

Erstellen Sie ein Bild als Hintergrund mit Photoshop oder Gimp und nennen Sie es myimage. Fügen Sie diese Methode dann Ihrer tableViewController-Klasse hinzu:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    UIImage *cellImage = [UIImage imageNamed:@"myimage.png"];//myimage is a 20x50 px with  gradient  color created with gimp
    UIImageView *cellView = [[UIImageView alloc] initWithImage:cellImage];
    cellView.contentMode = UIContentViewModeScaleToFill;
    cell.backgroundView = cellView;
    //set the background label to clear
    cell.titleLabel.backgroundColor= [UIColor clearColor];
}

Dies funktioniert auch, wenn Sie UITableView im Attributinspektor auf "Benutzerdefiniert" gesetzt haben.

Meine Lösung besteht darin, dem cellForRowAtIndexPath-Ereignis den folgenden Code hinzuzufügen:

UIView *solidColor = [cell viewWithTag:100];
if (!solidColor) {

    solidColor = [[UIView alloc] initWithFrame:cell.bounds];
    solidColor.tag = 100; //Big tag to access the view afterwards
    [cell addSubview:solidColor];
    [cell sendSubviewToBack:solidColor];
    [solidColor release];
}
solidColor.backgroundColor = [UIColor colorWithRed:254.0/255.0
                                             green:233.0/255.0
                                              blue:233.0/255.0
                                             alpha:1.0];

Funktioniert unter allen Umständen, auch mit Offenlegungsschaltflächen, und es ist besser, wenn Ihre Logik auf den Farbstatus von Zellen in cellForRowAtIndexPath einwirkt als auf das Ereignis cellWillShow, denke ich.

Unterklasse UITableViewCell und füge dies in die Implementierung ein:

-(void)layoutSubviews
{
    [super layoutSubviews];
    self.backgroundColor = [UIColor blueColor];
}

    UIView *bg = [[UIView alloc] initWithFrame:cell.frame];
    bg.backgroundColor = [UIColor colorWithRed:175.0/255.0 green:220.0/255.0 blue:186.0/255.0 alpha:1]; 
    cell.backgroundView = bg;
    [bg release];

Dies funktioniert im neuesten Xcode.

-(UITableViewCell *) tableView: (UITableView *) tableView cellForRowAtIndexPath: (NSIndexPath *) indexPath {
    cell.backgroundColor = [UIColor grayColor];
}

Versuche dies:

- (void)tableView:(UITableView *)tableView1 willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    [cell setBackgroundColor:[UIColor clearColor]];
    tableView1.backgroundColor = [UIColor colorWithPatternImage: [UIImage imageNamed: @"Cream.jpg"]];
}