Kiểu lựa chọn UITableViewCell tùy chỉnh?

Khi tôi nhấp vào của tôi UITableViewCell, phần nền (những vùng mà hình nền của tôi không bao phủ) chuyển sang màu xanh lam khi tôi nhấp vào ô. Ngoài ra, tất cả các UILabels trên ô chuyển sang màu trắng khi nó được nhấp vào, đó là những gì tôi muốn.

Tuy nhiên điều tôi không muốn là nền màu xanh lam khi tôi nhấp vào nó nhưng nếu tôi làm vậy selectionstylenone, thì tôi sẽ mất màu được đánh dấu cho các UILabels trong ô.

Vậy có cách nào để vừa loại bỏ nền xanh khi nhấp vào ô mà vẫn giữ được màu tô đậm của chữ UILabels không?

Bạn có thể làm điều này như sau. Đặt kiểu chọn ô trong bảng của bạn thành UITableViewCellSelectionStyleNone. Thao tác này sẽ xóa phần đánh dấu nền màu xanh lam. Sau đó, để làm cho việc đánh dấu nhãn văn bản hoạt động theo cách bạn muốn, thay vì sử dụng lớp UITableViewCell mặc định, hãy tạo một lớp con UITableViewCellvà ghi đè việc triển khai mặc định bằng cách triển khai của setHighlighted:animatedriêng bạn, đặt màu nhãn theo cách bạn muốn tùy thuộc vào trạng thái được đánh dấu .

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated
{
    if (highlighted) {
        self.textLabel.textColor = [UIColor whiteColor];
    } else {
        self.textLabel.textColor = [UIColor blackColor];
    }
}

Nếu làm việc trước iOS7, hãy đặt kiểu chọn ô của bạn không có

cell.selectionStyle = UITableViewCellSelectionStyleNone;

Khác, để nó bằng UITableViewCellSelectionStyleDefault

Sau đó:

UIView *selectedView = [[UIView alloc]init];
selectedView.backgroundColor = [UIColor redColor];
cell.selectedBackgroundView =  selectedView;

Mã này sẽ hoạt động bình thường

Bạn có thể sử dụng các phương pháp ủy quyền sau sau khi bạn đặt kiểu lựa chọn thành không:

-(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath

Triển khai mã của bạn ở đây, như thế này

-(NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    CustomCell *cell = (CustomCell *)[tableView cellForRowAtIndexPath:indexPath];
    [cell.lbls setTextColor:[UIColor whiteColor]];
    return indexPath;
}

Để có được công việc này, bạn phải thiết lập kiểu lựa chọn UITableViewCellSelectionStyleNonevà sau đó bạn nên ghi đè phương thức setSelected:animated:để có được kết quả bạn muốn. Nó thực hiện tương tự như cơ chế chọn tự động của iOS khi bạn nhìn thấy vùng chọn màu xanh lam (hoặc xám).

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    if (selected) {
        self.textLabel.textColor = [UIColor whiteColor];
    } else {
        self.textLabel.textColor = [UIColor blackColor];
    }
}

Bạn cũng có thể tùy chỉnh điều này theo cách khác, ví dụ: bằng cách thay đổi nền UITableViewCell, v.v.

Trong cellForRowAtIndexPath sử dụng mã này:

[cell setSelectionStyle:UITableViewCellSelectionStyleNone];

[cell.myLabel setHighlightedTextColor: [UIColor whiteColor]]; // for all your labels

Hy vọng điều này sẽ làm việc cho bạn.

Thưởng thức mã hóa :)

Ghi đè các chức năng sau trong lớp con của bạn UITableViewCell.

override func setHighlighted(highlighted: Bool, animated: Bool) { }
override func setSelected(selected: Bool, animated: Bool) { }

Để phù hợp với hành vi của kiểu lựa chọn tiêu chuẩn, bạn sẽ muốn ghi đè cả hai setHighlighted:animated:và setSelected:animated:. Có thể bạn sẽ muốn chuyển mã đó vào một phương thức được chia sẻ để tránh trùng lặp mã.

override func setHighlighted(highlighted: Bool, animated: Bool) {

    setAsSelectedOrHighlighted(highlighted, animated: animated)
    super.setHighlighted(highlighted, animated: animated)
}

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

    setAsSelectedOrHighlighted(selected, animated: animated)
    super.setSelected(selected, animated: animated)
}

func setAsSelectedOrHighlighted(selectedOrHighlighted: Bool, animated: Bool) {

    let action = {
        // Set animatable properties
    }

    if animated {
        UIView.animateWithDuration(1.0, delay: 0, options: .CurveEaseInOut, animations: action, completion: nil)
    }
    else {
        action()
    }
}

Trong ô tùy chỉnh của bạn, hãy ghi đè triển khai mặc định của AwakeFromNib & setSelected:

- (void)awakeFromNib {
    // Initialization code
    UIImageView * imageView = [[UIImageView alloc] initWithFrame:self.bounds];
    imageView.image = [UIImage imageNamed:@"cell_selected_img"];
    self.selectedBackgroundView = imageView;
}

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

    // Configure the view for the selected state
    if (selected) {
        self.lblCustomText.textColor = [UIColor whiteColor];
    } else {
        self.lblCustomText.textColor = [UIColor blackColor];
    }
}

Ngoài ra hãy chắc chắn rằng phong cách lựa chọn là KHÔNG thiết lập để None .

Cách duy nhất tôi có thể làm cho nó hoạt động là:

- (void)awakeFromNib {
    UIView *bgColorView = [[UIView alloc] init];
    bgColorView.backgroundColor = [UIColor colorWithRed:(55.0/255.0) green:(163.0/255.0) blue:(237.0/255.0) alpha:1.0];
    bgColorView.layer.masksToBounds = YES;
    self.selectedBackgroundView = bgColorView;
}

Ngoài ra, bạn có thể sử dụng contentView.alpha. Đây là ví dụ.

Đầu tiên, đặt kiểu lựa chọn cho ô của bạn:

[cell setSelectionStyle:UITableViewCellSelectionStyleNone];

Tiếp theo, trong lớp ô tùy chỉnh ghi đè phương thức này bằng ví dụ hoạt ảnh:

  - (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated {
    [super setHighlighted:highlighted animated:animated];

    if (highlighted) {
        [UIView animateWithDuration:0.15f animations:^{
            self.contentView.alpha = 0.5f;
        }];
    } else {
        [UIView animateWithDuration:0.35f animations:^{
            self.contentView.alpha = 1.f;
        }];
    }
  }