Làm cách nào để đặt thuộc tính UITableViewCellSelectionStyle thành một số màu tùy chỉnh?

Question

Tôi đang phát triển một ứng dụng iPhone, theo quan điểm của tôi, tôi muốn bảng màu tùy chỉnh cho Selection Cell Style, tôi đọc UITableViewCell Lớp Reference nhưng chỉ có ba hằng số định nghĩa cho Selection phong cách (Xanh lam, Xám, Không). Tôi thấy một ứng dụng sử dụng một màu khác với màu được xác định trong tham chiếu.

Làm thế nào chúng ta có thể sử dụng một màu sắc khác so với những quy định trong tài liệu tham khảo?

Xin cảm ơn trước.

Answer 1

Cách tốt nhất để thiết lập các lựa chọn là để thiết lập selectedBackgroundView trên di động khi bạn xây dựng nó.

ví dụ:

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

    static NSString *CellIdentifier = @"Cell"; 
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
    if (cell == nil) { 
     cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease]; 
     cell.selectedBackgroundView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"SelectedCellBackground.png"]] autorelease]; 
    } 

    // configure the cell 
} 

Hình ảnh sử dụng nên có một gradient đẹp (như lựa chọn mặc định). Nếu bạn chỉ muốn một màu phẳng, bạn có thể sử dụng UIView thay vì UIImageView và đặt backgroundColor thành màu bạn muốn.

Nền này sau đó được tự động áp dụng khi hàng được chọn.

Answer 2

Override didSelectRowAtIndexPath: và vẽ một UIView của một màu sắc lựa chọn của bạn và chèn nó đằng sau UILabel bên trong tế bào. Tôi sẽ làm điều này như sau:

UIView* selectedView; //inside your header 

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

    UITableViewCell* cell = [tableView cellForRowAtIndexPath:indexPath]; 
    selectedView = [[UIView alloc] initWithFrame:[cell frame]]; 
    selectedView.backgroundColor = [UIColor greenColor]; //whatever 

    [cell insertSubview:selectedView atIndex:0]; //tweak this as necessary 
    [selectedView release]; //clean up 

} 

Bạn có thể chọn tạo hiệu ứng này khi không được chọn và sẽ thỏa mãn yêu cầu của bạn.

Answer 3

Đặt selectedBackgroundView dường như không có tác dụng khi cell.selectionStyle được đặt thành UITableViewCellSelectionStyleNone. Khi tôi không đặt kiểu chỉ sử dụng màu xám mặc định.

Sử dụng đề xuất đầu tiên chèn tùy chỉnh UIView vào ô sẽ thao tác ô nhưng không hiển thị khi ô được chạm, chỉ sau khi hành động được chọn hoàn tất quá muộn vì tôi đang đẩy một cái nhìn mới. Làm cách nào để có được chế độ xem được chọn trong ô để hiển thị trước khi bắt đầu thao tác đã chọn?

Answer 4

Tôi đã thử một số điều trên, và Tôi thực sự thích tạo lớp con của riêng mình của UITableViewCell và sau đó ghi đè các chạm chạmBegan/touchesCộng đồng/chạm Phương thức được sử dụng. Để thực hiện điều này, bỏ qua tất cả các thuộc tính đã chọnBackgroundView và highlightColor được chọn trên ô và thay vào đó, chỉ cần đặt các màu này theo cách thủ công bất cứ khi nào một trong các phương thức trên được gọi. Ví dụ, nếu bạn muốn thiết lập các tế bào để có một nền màu xanh lá cây với văn bản màu đỏ, hãy thử này (trong lớp tế bào tùy chỉnh của bạn):

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 
{ 
    //Set backgorund 
    self.backgroundColor = [UIColor themeBlue]; 

    //Set text 
    self.textLabel.textColor = [UIColor themeWhite]; 

    //Call super 
    [super touchesBegan:touches withEvent:event]; 
} 

Lưu ý rằng để làm việc này, bạn cần phải thiết lập:

self.selectionStyle = UITableViewCellSelectionStyleNone; 

Nếu không, trước tiên bạn sẽ nhận được phong cách lựa chọn hiện tại.

EDIT: Tôi khuyên bạn nên sử dụng phương pháp touchesCancelled để hoàn nguyên về màu gốc của ô, nhưng chỉ cần bỏ qua phương thức touchesEnded.

Answer 5

Nếu bạn đã subclassed một UITableViewCell, sau đó bạn có thể tùy chỉnh các yếu tố khác nhau của tế bào bằng cách ghi đè sau:

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated { 
    if(highlighted) { 
     self.backgroundColor = [UIColor redColor]; 
    } else { 
     self.backgroundColor = [UIColor clearColor]; 
    } 

    [super setHighlighted:highlighted animated:animated]; 
} 

EDIT cho iOS7: như Sasho nói, bạn cũng cần

cell.selectionStyle = UITableViewCellSelectionStyleNone 

Answer 6

Sublcass UITableViewCell và ghi đè setHighlighted:animated:

Bạn có thể xác định màu tùy chọn màu bằng cách đặt các backgroundColor (xem câu trả lời WIllster của):

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated { 
    if(highlighted) { 
     self.backgroundColor = [UIColor redColor]; 
    } else { 
     self.backgroundColor = [UIColor clearColor]; 
    } 

    [super setHighlighted:highlighted animated:animated]; 
} 

Bạn có thể xác định một hình nền tùy chỉnh bằng cách thiết lập thuộc tính backgroundView:

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated { 
    if(highlighted == YES) 
     self.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"seasonal_list_event_bar_default.png"]]; 
    else 
     self.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"seasonal_list_event_bar_active.png"]]; 


    [super setHighlighted:highlighted animated:animated]; 
} 

Answer 7

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated { 
// Set Highlighted Color 
if (highlighted) { 
self.backgroundColor = [UIColor colorWithRed:234.0f/255 green:202.0f/255 blue:255.0f/255 alpha:1.0f]; 
    } else { 
     self.backgroundColor = [UIColor clearColor]; 
    } 
} 

Answer 8

- (BOOL)tableView:(UITableView *)tableView shouldHighlightRowAtIndexPath:(NSIndexPath *)indexPath { 
    return YES; 
} 

- (void)tableView:(UITableView *)tableView didHighlightRowAtIndexPath:(NSIndexPath *)indexPath { 
    // Add your Colour. 
    SocialTableViewCell *cell = (SocialTableViewCell *)[tableView cellForRowAtIndexPath:indexPath]; 
    [self setCellColor:Ripple_Colour ForCell:cell]; //highlight colour 
} 

- (void)tableView:(UITableView *)tableView didUnhighlightRowAtIndexPath:(NSIndexPath *)indexPath { 
    // Reset Colour. 
    SocialTableViewCell *cell = (SocialTableViewCell *)[tableView cellForRowAtIndexPath:indexPath]; 
    [self setCellColor:Ripple_Colour ForCell:cell]; //normal color 

} 

- (void)setCellColor:(UIColor *)color ForCell:(UITableViewCell *)cell { 
    cell.contentView.backgroundColor = color; 
    cell.backgroundColor = color; 
} 

Answer 9

Để thêm màu sắc tùy chỉnh sử dụng mã dưới đây . Và để làm cho nó minh bạch sử dụng alpha: 0.0

cell.selectedBackgroundView = UIView(frame: CGRect.zero) 
cell.selectedBackgroundView?.backgroundColor = UIColor(red:0.27, green:0.71, blue:0.73, alpha:1.0) 

Nếu bạn sử dụng màu sắc tùy chỉnh và muốn để cho nó làm tròn góc nhìn sử dụng:

cell.layer.cornerRadius = 8 

Ngoài ra, sử dụng cho các hình ảnh động tốt hơn và cảm thấy

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { 

    tableView.deselectRow(at: indexPath, animated: true) 
}