Nút xóa chồng chéo nội dung UITableViewCell khi ở chế độ chỉnh sửa trong iOS7

Question

Tôi đang tạo UITableView với tùy chỉnh UITableViewCell s. Nút xóa mới của iOS 7 đang gây ra một số vấn đề với bố cục ô của tôi.

Nếu tôi sử dụng nút "Chỉnh sửa", làm cho các vòng tròn màu đỏ xuất hiện, tôi sẽ gặp sự cố, nhưng nếu tôi vuốt một ô đơn lẻ thì sẽ hoàn hảo.

Đây là khi nút Edit được sử dụng:

[self.tableView setEditing:!self.tableView.editing animated:YES]; 

Đây là khi tôi vuốt một tế bào duy nhất:

Như bạn có thể se nhãn của tôi chồng chéo de nút lete trong ví dụ đầu tiên. Tại sao nó làm điều này và làm thế nào tôi có thể sửa chữa nó?

Answer 1

thử sử dụng các thuộc tính accessoryView và editingAccessoryView của UITableViewCell, thay vì tự thêm chế độ xem.

Nếu bạn muốn cùng một chỉ số được hiển thị trong cả hai chỉnh sửa và không chỉnh sửa chế độ, hãy thử cài đặt cả hai thuộc tính nhằm trỏ vào quan điểm tương tự trong của bạn uiTableViewCell như:

self.accessoryView = self.imgPushEnabled; 
self.editingAccessoryView = self.imgPushEnabled; 

Dường như có một trục trặc trong hoạt động chỉnh sửa bảng trong IOS7, cho phép chồng chéo nút xóa và accessoryView khi chuyển về trạng thái không chỉnh sửa. Điều này dường như xảy ra khi số accesoryView được chỉ định và editingAccessoryView là nil.

Có thể chỉnh lại trục trặc này, dường như được quy định cụ thể một editingAccessoryView vô hình như:

self.editingAccessoryView =[[UIView alloc] init]; 
self.editingAccessoryView.backgroundColor = [UIColor clearColor]; 

Answer 2

Cách tốt nhất để loại bỏ vấn đề này là thêm một hình ảnh trong phòng giam và đặt nó ở mặt sau.

 UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"bgImg.png"]]; 
     imageView.frame = CGRectMake(0, 0, 320, yourCustomCell.frame.size.height); 
     [yourCustomCell addSubview:imageView]; 
     [yourCustomCell sendSubviewToBack:imageView]; 

Nếu văn bản của bạn sẽ chồng lên nút xóa thì hãy thực hiện Tự động hoàn thành. Nó sẽ quản lý nó theo cách tốt hơn.

Một trường hợp khác có thể được tạo là cellSelectionStyle sẽ đánh dấu bằng màu mặc định. Bạn có thể đặt màu đánh dấu như sau

 yourCustomCell.selectionStyle = UITableViewCellSelectionStyleNone; 

Đặt kiểu chọn của ô trong bảng thành UITableViewCellSelectionStyleNone. Điều này sẽ loại bỏ đánh dấu nền màu xanh hoặc khác. Sau đó, để làm cho nhãn văn bản hoặc contentview làm nổi bật theo cách bạn muốn, hãy sử dụng phương thức này trong lớp yourCustomCell.m.

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

Tôi hy vọng bạn hiểu điều đó một cách tốt hơn.

Answer 3

Vấn đề là ở chế độ chỉnh sửa, contentView của ô sẽ thay đổi về kích thước.Vì vậy, hoặc là bạn phải ghi đè layoutSubviews trong di động của bạn và hỗ trợ các khung khác nhau kích cỡ

- (void) layoutSubviews 
{ 
    [super layoutSubviews]; 
    CGRect contentFrame = self.contentView.frame; 
    // adjust to the contentView frame 
    ... 
} 

hoặc bạn lấy mồi và chuyển sang autolayout.

Đầu tiên tôi nghĩ rằng thiết lập contentView.clipsToBounds đến YES có thể là một giải pháp xấu xí nhưng điều đó dường như không hoạt động.

Answer 4

Hãy thử điều này: Có thể bạn đang thiết lập tập hợp tế bàoBackgroundImage trong cellForRowAtIndexPath (Phương thức ủy quyền). Không đặt ở đây. Đặt hình ảnh của bạn ở:

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

Tận hưởng mã hóa.

Answer 5

Tôi đã giải quyết vấn đề này với thiết lập các ràng buộc mà không chiều rộng chỉ ở đầu và đuôi

Answer 6

Như tcurdt đề cập, bạn có thể chuyển sang autolayout để giải quyết vấn đề này. Nhưng, nếu bạn (dễ hiểu) không muốn gây rối với autolayout chỉ cho một ví dụ này, bạn có thể thiết lập autoresizingMask và tự động biến nó thành các ràng buộc autolayout thích hợp.

label.autoresizingMask = UIViewAutoresizingFlexibleWidth; 

Answer 7

Chỉ cần sử dụng phương pháp này trong tùy chỉnh TableViewCell lớp của bạn, bạn có thể nhận được câu trả lời hoàn hảo,

Đây self là UITableviewCell

- (void)layoutSubviews { 

[super layoutSubviews]; 

    for (UIView *subview in self.subviews) { 

    for (UIView *subview2 in subview.subviews) { 

     if ([NSStringFromClass([subview2 class]) isEqualToString:@"UITableViewCellDeleteConfirmationView"]) { // move delete confirmation view 

      [subview bringSubviewToFront:subview2]; 

     } 
    } 
    } 
} 

Answer 8

Đưa ra trước UITableViewCellDeleteConfirmationView trong layoutSubviews công trình tế bào tùy chỉnh cho tôi trên iPhone, nhưng không phải trên iPad.

Tôi có một UITableView ở phần tổng thể của một splitViewController cho iPad, và trong trường hợp này khung của UITableViewCellDeleteConfirmationView là (768 0; 89 44), thay vì (320 0; 89 44)

vì vậy, tôi thay đổi kích thước khung hình trong phương pháp layoutSubviews và các công trình này cho tôi

- (void)layoutSubviews { 
    [super layoutSubviews]; 
    for (UIView *subview in self.subviews) 
    { 
     for (UIView *subview2 in subview.subviews) 
     { 
      if ([NSStringFromClass([subview2 class]) isEqualToString:@"UITableViewCellDeleteConfirmationView"]) 
      { 
       CGRect frame = subview2.frame; 
       frame.origin.x = 320; 
       subview2.frame = frame; 
       [subview bringSubviewToFront:subview2]; 
      } 
     } 
    } 
} 

Answer 9

và nếu có ai muốn điều chỉnh Kích nút Delete, Sử dụng Bộ luật sau

- (void)layoutSubviews { 

    [super layoutSubviews]; 

    for (UIView *subview in self.subviews) { 

     for (UIView *subview2 in subview.subviews) { 

      if ([NSStringFromClass([subview2 class]) isEqualToString:@"UITableViewCellDeleteConfirmationView"]) { // move delete confirmation view 

       CGRect rect = subview2.frame; 
       rect.size.height = 47; //adjusting the view height 
       subview2.frame = rect; 

       for (UIButton *btn in [subview2 subviews]) { 

        if ([NSStringFromClass([btn class]) isEqualToString:@"UITableViewCellDeleteConfirmationButton"]) { // adjusting the Button height 
         rect = btn.frame; 
         rect.size.height = CGRectGetHeight(subview2.frame); 
         btn.frame = rect; 

         break; 
        } 
       } 

       [subview bringSubviewToFront:subview2]; 

      } 
     } 
    } 
} 

Answer 10

Giải pháp của tôi là để di chuyển toàn bộ contentView sang trái khi Xóa nút hiển thị:

override func layoutSubviews() { 
    super.layoutSubviews() 

    if editingStyle == UITableViewCellEditingStyle.Delete { 
     var rect = contentView.frame 
     rect.origin.x = self.showingDeleteConfirmation ? -15 : 38 
     contentView.frame = rect 
    } 
} 

Answer 11

Nếu bạn đang đặt nội dung trong contentView của UITableViewCell, hãy chắc chắn bạn sử dụng self.contentView.frame.size.width và không self.frame.size.width trong layoutSubviews.

self.frame mở rộng chiều rộng trong chế độ chỉnh sửa và sẽ khiến mọi nội dung ở bên phải mở rộng quá giới hạn của contentView. self.contentView.frame vẫn ở đúng chiều rộng (và là những gì bạn nên sử dụng).