Como personalizar a cor de plano de fundo de um UITableViewCell?

Gostaria de personalizar o plano de fundo (e talvez também a borda) de todos os UITableViewCells dentro do meu UITableView. Até agora não consegui personalizar esse material, por isso tenho várias células de fundo branco, que é o padrão.

Existe uma maneira de fazer isso com o iPhone SDK?

Você precisa definir o backgroundColor do conteúdo da célula para a sua cor. Se você usar acessórios (como setas de divulgação, etc.), eles aparecerão em branco; portanto, você poderá rolar versões personalizadas deles.

Aqui está a maneira mais eficiente que me deparei para resolver esse problema, use o método delegado willDisplayCell (isso também cuida da cor branca do plano de fundo do rótulo de texto ao usar cell.textLabel.text e / ou cell.detailTextLabel.text ):

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

Quando esse método delegado é chamado, a cor da célula é controlada pela célula, e não pela exibição da tabela, como quando você usa:

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

Portanto, no corpo do método delegado da célula, adicione o código a seguir para alternar cores das células ou use a chamada de função para tornar todas as células da tabela da mesma cor.

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

Esta solução funcionou bem na minha circunstância ...

Isso é realmente simples, pois o OS 3.0 apenas define a cor de fundo da célula no método willDisplayCell. Você não deve definir a cor no cellForRowAtIndexPath.

Isso funciona para os estilos simples e agrupado:

Código:

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

PS: Aqui o extrato da documentação para willDisplayCell:

"Uma exibição de tabela envia essa mensagem ao seu delegado antes de usar a célula para desenhar uma linha, permitindo que o delegado personalize o objeto da célula antes de ser exibido. Esse método oferece ao delegado a chance de substituir as propriedades baseadas em estado definidas anteriormente por a exibição da tabela, como a seleção e a cor do plano de fundo. Depois que o delegado retorna, a exibição da tabela define apenas as propriedades alfa e de quadro e, em seguida, apenas ao animar linhas quando elas deslizam para dentro ou para fora ".

Encontrei esta informação neste post da colionel . Agradecê-lo!

A melhor abordagem que encontrei até agora é definir uma exibição em segundo plano da célula e limpar o segundo plano das subvisões de célula. Obviamente, isso fica bem em tabelas com estilo indexado apenas, não importa com ou sem acessórios.

Aqui está uma amostra em que o fundo da célula está amarelo ofegante:

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 ];
}

Basta colocar isso no seu arquivo de classe de delegação UITableView (.m):

- (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;
}

Concordo com o Seba, tentei definir minha cor de linha alternada no método delegado rowForIndexPath, mas estava obtendo resultados inconsistentes entre 3,2 e 4,2. O seguinte funcionou muito bem para mim.

- (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;
    }

}

Depois de experimentar todas as soluções diferentes, o método a seguir é o mais elegante. Mude a cor no seguinte método delegado:

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

O vlado.grigorov tem alguns bons conselhos - a melhor maneira é criar um backgroundView e dar a ela uma cor, definindo todo o resto para o clearColor. Além disso, acho que dessa maneira é a única maneira de limpar a cor corretamente (tente a amostra - mas defina 'clearColor' em vez de 'yellowColor'), que é o que eu estava tentando fazer.

A personalização do plano de fundo de uma célula de exibição de tabela acaba se tornando uma abordagem "tudo ou nada". É muito difícil alterar a cor ou a imagem usada no plano de fundo de uma célula de conteúdo de uma maneira que não pareça estranha.

O motivo é que a célula realmente abrange a largura da visualização. Os cantos arredondados são apenas parte de seu estilo de desenho e a exibição de conteúdo fica nessa área.

Se você alterar a cor da célula de conteúdo, os bits brancos ficarão visíveis nos cantos. Se você alterar a cor da célula inteira, terá um bloco de cores que mede a largura da visualização.

Definitivamente, você pode personalizar uma célula, mas não é tão fácil quanto você imagina a princípio.

Crie uma visualização e defina-a como visualização em segundo plano da célula

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

Para estender a resposta de N.Berendt - Se você deseja definir a cor da célula com base em algum estado no objeto de dados da célula, no momento você está configurando o restante das informações para a célula da tabela, que normalmente ocorre quando você está no cellForRowAtIndexPath, você pode fazer isso substituindo o método willDisplayCell para definir a cor de plano de fundo da célula na cor de plano de fundo da exibição de conteúdo - isso evita que o problema dos planos de fundo do botão de divulgação, etc. não esteja certo, mas ainda permita controlar a cor no método cellForRowAtIndexPath onde você está fazendo toda a sua outra personalização de célula.

Portanto: se você adicionar este método ao seu delegado de exibição de tabela:

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

Em seu método cellForRowAtIndexPath, você pode fazer:

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

Isso evita a necessidade de recuperar seus objetos de dados novamente no método willDisplayCell e também economiza dois locais onde você faz a alfaiataria / customização da célula da tabela - toda a customização pode ser feita no método cellForRowAtIndexPath.

Crie uma imagem para usar como plano de fundo com o Photoshop ou gimp e chame-a de minha imagem. Em seguida, adicione este método à sua classe tableViewController:

- (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];
}

Isso funcionará também se você tiver definido o UITableView como personalizado no inspetor de atributos.

Minha solução é adicionar o seguinte código ao evento cellForRowAtIndexPath:

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];

Funciona sob quaisquer circunstâncias, mesmo com botões de divulgação, e é melhor para sua lógica atuar no estado de cor das células no cellForRowAtIndexPath do que no evento cellWillShow que eu acho.

Subclasse UITableViewCell e adicione isso na implementação:

-(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];

Isso funcionará no último Xcode.

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

Tente o seguinte:

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