Thay đổi hành vi cuộn mặc định của tiêu đề phần UITableView

Tôi có một UITableView với hai phần. Đây là một bảng xem đơn giản. Tôi đang sử dụng viewForHeaderInSection để tạo các chế độ xem tùy chỉnh cho các tiêu đề này. Càng xa càng tốt.

Hành vi cuộn mặc định là khi gặp một phần, tiêu đề của phần vẫn được neo bên dưới thanh Nav, cho đến khi phần tiếp theo cuộn vào xem.

Câu hỏi của tôi là: tôi có thể thay đổi hành vi mặc định để các tiêu đề phần KHÔNG được neo ở đầu, mà thay vào đó, cuộn dưới thanh điều hướng với các hàng còn lại của phần?

Tôi có thiếu một cái gì đó rõ ràng?

Cảm ơn.

Con đường tôi giải quyết vấn đề này là để điều chỉnh contentOffsettheo contentInsettrong UITableViewControllerDelegate(mở rộng UIScrollViewDelegate) như thế này:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
       CGFloat sectionHeaderHeight = 40;
   if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
       scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
   } else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
       scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 0, 0);
   }
}

Vấn đề duy nhất ở đây là nó mất một chút độ nảy khi cuộn trở lại đầu trang.

{LƯU Ý: "40" phải là chiều cao chính xác của tiêu đề 0 của BẠN. Nếu bạn sử dụng một số lớn hơn chiều cao tiêu đề của phần 0, bạn sẽ thấy cảm giác ngón tay bị ảnh hưởng (thử như "1000" và bạn sẽ thấy hành vi nảy là kỳ lạ ở trên cùng). nếu số khớp với chiều cao tiêu đề của phần 0 của bạn, cảm giác ngón tay dường như là hoàn hảo hoặc gần hoàn hảo.}

Bạn cũng có thể thêm một phần có hàng 0 ở trên cùng và chỉ cần sử dụng chân trang của phần trước làm tiêu đề cho phần tiếp theo.

Nếu tôi làm điều này, tôi sẽ tận dụng thực tế là UITableViews theo kiểu Plain có các tiêu đề dính và các tiêu đề theo kiểu Grouped thì không. Ít nhất tôi có thể thử sử dụng một ô bảng tùy chỉnh để mô phỏng sự xuất hiện của các ô Đơn giản trong một bảng được nhóm.

Tôi đã không thực sự thử điều này để nó có thể không hoạt động, nhưng đó là những gì tôi khuyên bạn nên làm.

Tôi biết nó đến muộn, nhưng tôi đã tìm ra giải pháp dứt khoát!

Những gì bạn muốn làm là nếu bạn có 10 phần, hãy để dataSource trả về 20. Sử dụng số chẵn cho các tiêu đề của phần và số lẻ cho nội dung của phần. một cái gì đó như thế này

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section%2 == 0) {
        return 0;
    }else {
        return 5;
    }
}

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    if (section%2 == 0) {
        return [NSString stringWithFormat:@"%i", section+1];
    }else {
        return nil;
    }
}

Voilá! : D

Có một số điều cần thực hiện để giải quyết vấn đề này theo cách không hack:

1. Đặt kiểu xem bảng thành UITableViewStyleGrouped
2. Đặt chế độ xem bảng backgroundColorthành[UIColor clearColor]
3. Đặt ô backgroundViewtrên mỗi ô xem bảng thành dạng xem trống vớibackgroundColor [UIColor clearColor]
4. Nếu cần, hãy đặt chế độ xem bảng rowHeightmột cách thích hợp hoặc ghi đè tableView:heightForRowAtIndexPath:nếu các hàng riêng lẻ có độ cao khác nhau.

Ban đầu được đăng ở đây , một giải pháp nhanh chóng sử dụng IB. Điều tương tự có thể được thực hiện theo chương trình mặc dù khá đơn giản.

Một cách có lẽ dễ dàng hơn để đạt được điều này (sử dụng IB):

Kéo một UIView vào TableView của bạn để làm cho nó xem tiêu đề của nó.

1. Đặt chiều cao của chế độ xem tiêu đề thành 100px
2. Đặt nội dung xem bảngInset (trên cùng) thành -100
3. Phần tiêu đề bây giờ sẽ cuộn giống như bất kỳ ô thông thường.

Một số người nhận xét rằng giải pháp này ẩn tiêu đề đầu tiên, tuy nhiên tôi không nhận thấy bất kỳ vấn đề nào như vậy. Nó hoạt động hoàn hảo với tôi và cho đến nay là giải pháp đơn giản nhất mà tôi từng thấy cho đến nay.

Tôi không hài lòng với các giải pháp được mô tả ở đây cho đến nay, vì vậy tôi đã cố gắng kết hợp chúng. Kết quả là đoạn mã sau, lấy cảm hứng từ @awulf và @cescofry. Nó hoạt động với tôi vì tôi không có tiêu đề xem bảng thực sự. Nếu bạn đã có một tiêu đề xem bảng, bạn có thể phải điều chỉnh chiều cao.

// Set the edge inset
self.tableView.contentInset = UIEdgeInsetsMake(-23.0f, 0, 0, 0);

// Add a transparent UIView with the height of the section header (ARC enabled)
[self.tableView setTableHeaderView:[[UIView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 100.0f, 23.0f)]];

Chỉ cần thay đổi Kiểu xem bảng:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Tài liệu UITableViewStyle :

UITableViewStylePlain- Chế độ xem bảng đơn giản. Bất kỳ tiêu đề hoặc chân trang phần nào được hiển thị dưới dạng dấu tách dòng và nổi khi chế độ xem bảng được cuộn.

UITableViewStylegrouped- Một khung nhìn bảng có các phần thể hiện các nhóm hàng khác nhau. Các phần đầu trang và chân trang không nổi.

Chọn kiểu Chế độ xem bảng được nhóm từ Trình theo dõi thuộc tính của bảng Xem trong bảng phân cảnh.

Đặt tiêu đề Xem của bảng với chế độ xem trong suốt có cùng chiều cao của tiêu đề trong chế độ xem phần. Cũng bắt đầu chế độ xem bảng với khung ay ở mức cao.

self.tableview = [[UITableView alloc] initWithFrame:CGRectMake(0, - height, 300, 400)];

UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, width, height)] autorelease];
[self.tableView setTableHeaderView:headerView];

Tôi đã tìm thấy một giải pháp thay thế, sử dụng ô đầu tiên của mỗi phần thay vì phần tiêu đề thực, giải pháp này không có vẻ sạch sẽ, nhưng hoạt động rất tốt, bạn có thể sử dụng một ô nguyên mẫu được xác định cho phần tiêu đề của mình và trong phương thức cellForRowAtIndexPath yêu cầu indexPath.row == 0, nếu đúng, sử dụng ô nguyên mẫu của phần tiêu đề, phần khác sử dụng ô nguyên mẫu mặc định của bạn.

Thay đổi kiểu xem bảng của bạn:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Theo tài liệu táo cho UITableView:

UITableViewStylePlain- Chế độ xem bảng đơn giản. Bất kỳ tiêu đề hoặc chân trang phần nào được hiển thị dưới dạng dấu tách dòng và nổi khi chế độ xem bảng được cuộn.

UITableViewStylegrouped- Một khung nhìn bảng có các phần thể hiện các nhóm hàng khác nhau. Các phần đầu trang và chân trang không nổi. Hy vọng sự thay đổi nhỏ này sẽ giúp bạn ..

Giờ đây, kiểu cơ bản được nhóm trông giống như kiểu đơn giản trong iOS 7 (về độ phẳng và nền), đối với chúng tôi, cách khắc phục tốt nhất và dễ nhất (tức là ít hack nhất) là chỉ cần thay đổi kiểu của chế độ xem bảng thành nhóm. Giắc cắm với contentInsets luôn là một vấn đề khi chúng tôi tích hợp một thanh điều hướng di chuyển ở trên cùng. Với kiểu xem bảng được nhóm, nó trông giống hệt nhau (với các ô của chúng tôi) và các tiêu đề phần được cố định. Không có sự kỳ lạ cuộn.

Chỉ định một phần tử âm cho bảngView của bạn. Nếu bạn có các tiêu đề phần cao 22px và bạn không muốn chúng bị dính, ngay sau khi bạn tải lại, hãy thêm:

self.tableView.contentInset = UIEdgeInsetsMake(-22, 0, 0, 0); 
self.tableView.contentSize = CGSizeMake(self.tableView.contentSize.width, self.tableView.contentSize.height+22); 

Hoạt động như một cơ duyên đối với tôi. Thay vào đó, cũng hoạt động cho phần chân trang, chỉ cần gán phần phụ âm ở phía dưới.

Tôi thêm bảng vào Chế độ xem cuộn và có vẻ như hoạt động tốt.

Kiểm tra câu trả lời của tôi ở đây . Đây là cách dễ nhất để thực hiện các tiêu đề phần không nổi mà không có bất kỳ hack nào.

Câu trả lời của @ LocoMike phù hợp nhất với bảngView của tôi, tuy nhiên nó cũng bị hỏng khi sử dụng chân trang. Vì vậy, đây là giải pháp chính xác khi sử dụng các tiêu đề và chân trang:

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return (self.sections.count + 1) * 3;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if (section % 3 != 1) {
        return 0;
    }
    section = section / 3;
    ...
}

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return nil;
    }
    section = section / 3;
    ...
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return 0;
    }
    section = section / 3;
    ...
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    if (section % 3 != 2) {
        return 0;
    }
    section = section / 3;
    ...
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return nil;
    }
    section = section / 3;
    ...
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    if (section % 3 != 2) {
        return nil;
    }
    section = section / 3;
    ...
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    int section = indexPath.section;
    section = section / 3;
    ...
}

Phiên bản Swift của câu trả lời @awulf, hoạt động rất tốt!

func scrollViewDidScroll(scrollView: UIScrollView) {
    let sectionHeight: CGFloat = 80
    if scrollView.contentOffset.y <= sectionHeight {
        scrollView.contentInset = UIEdgeInsetsMake( -scrollView.contentOffset.y, 0, 0, 0)
    }else if scrollView.contentOffset.y >= sectionHeight {
        scrollView.contentInset = UIEdgeInsetsMake(-sectionHeight, 0, 0, 0)
    }
}

Tôi đã học được rằng chỉ cần đặt thuộc tính tableHeaderView sẽ làm điều đó, tức là:

 tableView.tableHeaderView = customView;

và đó là nó.