it-swarm.com.ru

Изменение цвета фона выбранной ячейки?

Кто-нибудь знает, как изменить цвет фона ячейки с помощью UITableViewCell, для каждой выбранной ячейки? Я создал этот UITableViewCell внутри кода для TableView.

48
sg.

Изменение свойства selectedBackgroundView является правильным и простым способом. Я использую следующий код, чтобы изменить цвет выделения:

// set selection color
UIView *myBackView = [[UIView alloc] initWithFrame:cell.frame];
myBackView.backgroundColor = [UIColor colorWithRed:1 green:1 blue:0.75 alpha:1];
cell.selectedBackgroundView = myBackView;
[myBackView release];
92
Chilly Zhong

Мне наконец удалось заставить это работать в табличном представлении со стилем, установленным на Сгруппированный.

Сначала установите для свойства selectionStyle всех ячеек значение UITableViewCellSelectionStyleNone.

cell.selectionStyle = UITableViewCellSelectionStyleNone;

Затем внедрите следующее в свой делегат табличного представления:

static NSColor *SelectedCellBGColor = ...;
static NSColor *NotSelectedCellBGColor = ...;

- (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSIndexPath *currentSelectedIndexPath = [tableView indexPathForSelectedRow];
    if (currentSelectedIndexPath != nil)
    {
        [[tableView cellForRowAtIndexPath:currentSelectedIndexPath] setBackgroundColor:NotSelectedCellBGColor];
    }

    return indexPath;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    [[tableView cellForRowAtIndexPath:indexPath] setBackgroundColor:SelectedCellBGColor];
}

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (cell.isSelected == YES)
    {
        [cell setBackgroundColor:SelectedCellBGColor];
    }
    else
    {
        [cell setBackgroundColor:NotSelectedCellBGColor];
    }
}
37
loomer
// animate between regular and selected state
- (void)setSelected:(BOOL)selected animated:(BOOL)animated {

    [super setSelected:selected animated:animated];

    if (selected) {
        self.backgroundColor = [UIColor colorWithRed:234.0f/255 green:202.0f/255 blue:255.0f/255 alpha:1.0f];
    }
    else {
        self.backgroundColor = [UIColor clearColor];
    }
}
19
PK86

Swift 4, XCODE 9, IOS 11

После некоторого тестирования это [~ # ~] [~ # ~] удалит цвет фона, если он отменен, или при повторном нажатии ячейки при выборе вида таблицы. установлен на "множественный выбор". Также работает, когда стиль представления таблицы установлен на "Сгруппированный".

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        if let cell = tableView.cellForRow(at: indexPath) {
            cell.contentView.backgroundColor = UIColor.darkGray
        }
    }
}

Примечание. Чтобы это работало, как вы видите ниже, свойству Selection вашей ячейки можно присвоить что угодно, НО ничего.

Как это выглядит с разными вариантами

Стиль: Обычный , Выбор: Одиночный выбор

Single Selection

Стиль: Обычный , Выбор: Множественный выбор

Multiple Selection

Стиль: Сгруппированный , Выбор: Множественный выбор

Grouped Multiple Selection

Бонус - Анимация

Для более плавного перехода цветов попробуйте анимацию:

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        if let cell = tableView.cellForRow(at: indexPath) {
            UIView.animate(withDuration: 0.3, animations: {
                cell.contentView.backgroundColor = UIColor.darkGray
            })
        }
    }
}

Animated color transition

Бонус - изменение текста и изображения

Вы можете заметить, что значок и цвет текста также меняются при выборе ячейки. Это происходит автоматически, когда вы устанавливаете свойства UIImage и UILabel Highlighted

UIImage

  1. Поставьте два цветных изображения:

Two colored images

  1. Установите свойство "Подсвеченное изображение":

Highlighted property

UILabel

Просто укажите цвет для выделенного объекта:

Highlighted Color

12
Mark Moeykens
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

     UITableViewCell *cell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath];
     cell.contentView.backgroundColor = [UIColor yellowColor];

}
11
Salim

Я создал UIView и установил свойство ячейки selectedBackgroundView:

UIView *v = [[UIView alloc] init];
v.backgroundColor = [UIColor redColor];
cell.selectedBackgroundView = v;
10
Yerkezhan

Если вы говорите о выделенных ячейках, свойство -selectedBackgroundView. Это будет показано, когда пользователь выбирает вашу ячейку.

7
Steven Canfield

Для iOS7 + и если вы используете Interface Builder, создайте подкласс для своей ячейки и реализуйте:

Objective-C

- (void)awakeFromNib {
    [super awakeFromNib];
    // Default Select background
    UIView *v = [[UIView alloc] init];
    v.backgroundColor = [UIColor redColor];
    self.selectedBackgroundView = v;
}

Swift 2.2

override func awakeFromNib() {
    super.awakeFromNib()
    // Default Select background
    self.selectedBackgroundView = { view in
        view.backgroundColor = .redColor()
        return view
    }(UIView())
}
6
Peter Lapisu

У меня сильно настроенный UITableViewCell. Поэтому я реализовал свой собственный выбор ячеек.

cell.selectionStyle = UITableViewCellSelectionStyleNone;

Я создал метод в классе моей ячейки:

- (void)highlightCell:(BOOL)highlight
{
    if (highlight) {
        self.contentView.backgroundColor = RGB(0x355881);
        _bodyLabel.textColor = RGB(0xffffff);
        _fromLabel.textColor = RGB(0xffffff);
        _subjectLabel.textColor = RGB(0xffffff);
        _dateLabel.textColor = RGB(0xffffff);
    }
    else {
        self.contentView.backgroundColor = RGB(0xf7f7f7);;
        _bodyLabel.textColor = RGB(0xaaaaaa);
        _fromLabel.textColor = [UIColor blackColor];
        _subjectLabel.textColor = [UIColor blackColor];
        _dateLabel.textColor = RGB(0x496487);
    }
}

В моем классе UITableViewController в ViewWillAppear добавил это:

NSIndexPath *tableSelection = [self.tableView indexPathForSelectedRow];
SideSwipeTableViewCell *cell = (SideSwipeTableViewCell*)[self.tableView cellForRowAtIndexPath:tableSelection];
[cell highlightCell:NO];

В didSelectRow добавил это:

SideSwipeTableViewCell *cell = (SideSwipeTableViewCell*)[self.tableView cellForRowAtIndexPath:indexPath];
[cell highlightCell:YES];
6
wzbozon

Мне повезло со следующим:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
    bool isSelected = // enter your own code here
    if (isSelected)
    {
        [cell setBackgroundColor:[UIColor colorWithRed:1 green:1 blue:0.75 alpha:1]];
        [cell setAccessibilityTraits:UIAccessibilityTraitSelected];
    }
    else
    {
        [cell setBackgroundColor:[UIColor clearColor]];
        [cell setAccessibilityTraits:0];
    }
}
6
sehugg

Я смог решить эту проблему, создав подкласс UITableViewCell и ​​реализовав метод setSelected: animated:

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
    if(selected) {
        [self setSelectionStyle:UITableViewCellSelectionStyleNone];
        [self setBackgroundColor:[UIColor greenColor]];
    } else {
        [self setBackgroundColor:[UIColor whiteColor]];
    }
}

Хитрость заключалась в том, чтобы

cell.selectionStyle = UITableViewCellSelectionStyleDefault;

в реализующем контроллере представления, а затем в tableViewCell, установив его как

[self setSelectionStyle:UITableViewCellSelectionStyleNone];

Надеюсь это поможет. :)

5
illuminate

Если вы просто хотите удалить серый цвет фона, сделайте это:

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
     [[tableView cellForRowAtIndexPath:indexPath] setSelectionStyle:UITableViewCellSelectionStyleNone];
}     
5
Coolsinus

Это прекрасно работало с групповыми вызовами: реализовать собственный подкласс UITableViewCell

Это будет уважать углы и такие ...

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];

    if(selected)
        [self setBackgroundColor:[UIColor colorWithRed:(245/255.0) green:(255/255.0) blue:(255/255.0) alpha:1]];
    else
        [self setBackgroundColor:[UIColor whiteColor]];

}
5
theprojectabot

Стиль по умолчанию серый, и он уничтожает цвета ячейки, если это было сделано программно. Вы можете сделать это, чтобы избежать этого. (в Свифте)
cell.selectionStyle = .None

4
726a

в Swift 3, конвертировано из подсветки ответа.

override func setSelected(_ selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)
    if(selected) {
        self.selectionStyle = .none
        self.backgroundColor = UIColor.green
    } else {
        self.backgroundColor = UIColor.blue
    }
}

(однако вид меняется только после подтверждения выбора, отпуская палец)

3
Peter Johnson

Проверьте AdvancedTableViewCells in пример кода Apple .

Вы хотите использовать составной шаблон ячейки.

3
johndpope

В Свифт

let v = UIView()
    v.backgroundColor = self.darkerColor(color)
    cell?.selectedBackgroundView = v;

...

func darkerColor( color: UIColor) -> UIColor {
    var h = CGFloat(0)
    var s = CGFloat(0)
    var b = CGFloat(0)
    var a = CGFloat(0)
    let hueObtained = color.getHue(&h, saturation: &s, brightness: &b, alpha: &a)
    if hueObtained {
        return UIColor(hue: h, saturation: s, brightness: b * 0.75, alpha: a)
    }
    return color
}
3
Alexander Volkov

Работает для меня

UIView *customColorView = [[UIView alloc] init];
    customColorView.backgroundColor = [UIColor colorWithRed:180/255.0 
                                                      green:138/255.0 
                                                       blue:171/255.0 
                                                      alpha:0.5];
    cell.selectedBackgroundView =  customColorView;
2
Mrsantateam

Создайте пользовательский UITableViewCell. Внутри вашего пользовательского класса переопределите функцию "setSelected" и измените цвет фона contentView. Вы также можете переопределить функцию setHighlighted.

В Свифте:

class myTableViewCell: UITableViewCell {

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
        // Add your color here
        self.contentView.backgroundColor = UIColor.whiteColor()
    }

    override func setHighlighted(highlighted: Bool, animated: Bool) {
        // Add your color here
        self.contentView.backgroundColor = UIColor.whiteColor()
    }
}
2
Eduardo Irias
override func setSelected(_ selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)

    if selected {
        self.contentView.backgroundColor = .black
    } else {
        self.contentView.backgroundColor = .white
    }
}
1
Daniel Simons

Вот быстрый способ сделать это прямо в Интерфейсном Разработчике (в Раскадровке). Перетащите простой UIView в верхнюю часть вашего UITableView, как в UIView Затем подключите выход selectedBackgroundView вашей ячейки к этому представлению. Вы даже можете подключить несколько ячеек к одному представлению. Cell's outlet

1
Sebastian
- (void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath];
    cell.contentView.backgroundColor = [UIColor yellowColor];
}

- (void)tableView:(UITableView *)tableView didUnhighlightRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath];
    cell.contentView.backgroundColor = nil;
}
1
tuoxie007

Для решения, которое работает (правильно) с UIAppearance для iOS 7 (и выше?) Путем подкласса UITableViewCell и используя значение по умолчанию selectedBackgroundView для установки цвета, посмотрите мой ответ на аналогичный вопрос здесь ,.

1
anneblue

Я попробовал каждый из приведенных выше ответов, но ни один из них не подходит мне лучше всего,

затем я посмотрел на один из нативного метода, и он работает нормально.

сначала установите cellSelectionStyle в None, а затем перейдите к этому решению.

func tableView(_ tableView: UITableView, willDeselectRowAt indexPath: IndexPath) -> IndexPath?
{   
    let cell = tableView.cellForRow(at: indexPath);

   //cell which is getting deselected, make whatever changes that are required to make it back normal        

    cell.backgroundColor = kNormalColor;

    return indexPath;
}

func tableView(_ tableView: UITableView, willSelectRowAt indexPath: IndexPath) -> IndexPath?
{
    let cell = tableView.cellForRow(at: indexPath);

   //cell which is getting selected, make whatever changes that are required to make it selected        

    cell.backgroundColor = kSelectedColor;

    return indexPath;
}

преимущество этих методов перед другими заключается в:

  1. Это работает для выбора нескольких ячеек
  2. Вы можете изменить любой элемент, какой хотите, не только цвет фона данной ячейки, когда она выделена, но и не выбрана.
0
Mehul Thakkar

Swift 3, 4, 5 выберите цвет фона ячейки

1) Изменить только выделенный цвет, когда пользователь нажимает на ячейку:

1.1) Внутри класса клетки:

override func awakeFromNib() {
    super.awakeFromNib()
    // Initialization code

    let backgroundView = UIView()
    backgroundView.backgroundColor = UIColor.init(white: 1.0, alpha: 0.1)
    selectedBackgroundView = backgroundView
}

1.2) Viewcontroller, который вы используете настроенную ячейку

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    tableView.deselectRow(at: indexPath, animated: true)
}

2) Если вы хотите установить цвет для выбранных ячеек:

override func setSelected(_ selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)
    // Configure the view for the selected state

    if selected {
        self.backgroundColor = .darkGray
    } else {
        self.backgroundColor = .white
    }
}
0
Doca
var last_selected:IndexPath!

определить last_selected: IndexPath внутри класса

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    let cell = tableView.cellForRow(at: indexPath) as! Cell
    cell.contentView.backgroundColor = UIColor.lightGray
    cell.txt.textColor = UIColor.red

    if(last_selected != nil){
        //deselect
        let deselect_cell = tableView.cellForRow(at: last_selected) as! Cell
        deselect_cell.contentView.backgroundColor = UIColor.white
        deselect_cell.txt.textColor = UIColor.black
    }

    last_selected = indexPath
}
0
Talha Ahmed