UITableView 섹션 헤더의 기본 스크롤 동작 변경

두 섹션이있는 UITableView가 있습니다. 간단한 테이블 뷰입니다. viewForHeaderInSection을 사용하여 이러한 헤더에 대한 사용자 정의보기를 작성하고 있습니다. 여태까지는 그런대로 잘됐다.

기본 스크롤 동작은 섹션이 발견 될 때 다음 섹션이 스크롤 될 때까지 섹션 헤더가 탐색 모음 아래에 고정 된 상태로 유지되는 것입니다.

내 질문은 이것입니다 : 섹션 헤더가 맨 위에 고정되어 있지 않고 나머지 섹션 행과 함께 탐색 모음 아래로 스크롤하도록 기본 동작을 변경할 수 있습니까?

나는 분명한 것을 놓치고 있습니까?

감사.

이 문제를 해결하는 방법은 contentOffset다음 contentInset과 같이 UITableViewControllerDelegate(extends UIScrollViewDelegate) 에 따라를 조정하는 것입니다.

- (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);
   }
}

여기서 문제는 맨 위로 스크롤 할 때 약간의 바운스가 느슨해진다는 것입니다.

{참고 : "40"은 섹션 0 헤더의 정확한 높이 여야합니다. 섹션 0 헤더 높이보다 큰 숫자를 사용하면 손가락 느낌이 영향을받는 것을 볼 수 있습니다 ( "1000"과 같이 시도하고 바운스 동작이 상단에서 이상하게 나타납니다). 숫자가 섹션 0 헤더 높이와 일치하면 손가락 느낌이 완벽하거나 거의 완벽 해 보입니다.}

맨 위에 행이없는 섹션을 추가하고 이전 섹션의 바닥 글을 다음에 대한 머리글로 간단히 사용할 수도 있습니다.

이 작업을 수행 한 경우 Plain 스타일의 UITableViews에 끈적 끈적한 머리글이 있고 Grouped 스타일의 UITableViews가 없다는 사실을 이용합니다. 적어도 사용자 정의 테이블 셀을 사용하여 그룹 테이블의 일반 셀 모양을 모방하려고 시도합니다.

나는 실제로 이것을 시도하지 않았으므로 작동하지 않을 수도 있지만 그것이 내가 제안하는 것입니다.

나는 그것이 늦다는 것을 알고 있지만 결정적인 해결책을 찾았습니다!

당신이하고 싶은 것은 10 개의 섹션이 있다면 dataSource가 20을 반환하도록하십시오. 섹션 헤더에는 짝수를 사용하고 섹션 내용에는 홀수를 사용하십시오. 이 같은

- (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;
    }
}

보일라! :디

이 문제를 해킹되지 않은 방식으로 해결하기 위해 수행해야 할 몇 가지 사항이 있습니다.

1. 테이블 뷰 스타일을 UITableViewStyleGrouped
2. 테이블 뷰 backgroundColor를[UIColor clearColor]
3. backgroundView각 테이블 뷰 셀을 빈 뷰로 설정하십시오 .backgroundColor [UIColor clearColor]
4. 필요한 경우 테이블보기를 rowHeight적절하게 설정 하거나 tableView:heightForRowAtIndexPath:개별 행의 높이가 다른 경우 대체 하십시오.

원래 IB를 사용한 빠른 솔루션 인 Here 게시했습니다 . 프로그래밍 방식으로 간단하게 수행 할 수 있습니다.

이것을 달성하는 가장 쉬운 방법은 (IB 사용) :

UIView를 TableView로 드래그하여 헤더 뷰로 만듭니다.

1. 해당 헤더보기 높이를 100px로 설정하십시오.
2. tableview contentInset (top)을 -100으로 설정하십시오.
3. 섹션 헤더는 이제 일반 셀처럼 스크롤됩니다.

어떤 사람들은이 솔루션이 첫 번째 헤더를 숨기고 있다고 말했지만 그러한 문제는 발견하지 못했습니다. 그것은 나를 위해 완벽하게 작동했으며 지금까지 내가 본 가장 간단한 해결책이었습니다.

지금까지 설명한 솔루션에 만족하지 않아서 결합하려고했습니다. 결과는 @awulf 및 @cescofry에서 영감을 얻은 다음 코드입니다. 실제 테이블 뷰 헤더가 없기 때문에 작동합니다. 테이블 뷰 헤더가 이미있는 경우 높이를 조정해야 할 수도 있습니다.

// 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)]];

TableView 스타일을 변경하십시오.

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

UITableViewStyle 설명서 :

UITableViewStylePlain- 일반 테이블 뷰입니다. 섹션 머리글이나 바닥 글은 인라인 구분 기호로 표시되며 테이블 뷰를 스크롤하면 플로팅됩니다.

UITableViewStyleGrouped- 섹션이 고유 한 행 그룹을 나타내는 테이블보기입니다. 섹션 머리글과 바닥 글이 플로팅되지 않습니다.

스토리 보드의 tableView 속성 관리자에서 그룹화 된 테이블보기 스타일을 선택하십시오.

단면도의 머리글 높이와 동일한 투명 뷰로 테이블의 headerView를 설정하십시오. 또한 -height에서 ay 프레임을 사용하여 tableview를 시작하십시오.

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];

대체 솔루션을 찾았습니다. 각 섹션의 첫 번째 셀을 실제 헤더 섹션 대신 사용하십시오.이 솔루션은 그렇게 깨끗하게 보이지는 않지만 제대로 작동합니다. 헤더 섹션에 대해 정의 된 프로토 타입 셀을 사용하고 cellForRowAtIndexPath 메소드에서 indexPath.row == 0을 요청하고, true 인 경우 헤더 섹션 프로토 타입 셀을 사용하고, 그렇지 않으면 기본 프로토 타입 셀을 사용하십시오.

TableView 스타일을 변경하십시오.

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

UITableView에 대한 애플 문서에 따라 :

UITableViewStylePlain- 일반 테이블 뷰입니다. 섹션 머리글이나 바닥 글은 인라인 구분 기호로 표시되며 테이블 뷰를 스크롤하면 플로팅됩니다.

UITableViewStyleGrouped- 섹션이 고유 한 행 그룹을 나타내는 테이블보기입니다. 섹션 머리글과 바닥 글이 플로팅되지 않습니다. 이 작은 변화가 당신을 도울 수 있기를 바랍니다 ..

그룹화 된 스타일은 기본적으로 iOS 7의 평평한 스타일 (평평함 및 배경)과 동일하게 보입니다. 우리에게 가장 쉽고 가장 쉬운 (즉, 해키가 적은) 수정은 단순히 테이블보기의 스타일을 그룹화하는 것입니다. contentInsets와의 재킹은 스크롤 바 네비 바를 상단에 통합 할 때 항상 문제가되었습니다. 그룹화 된 테이블 뷰 스타일을 사용하면 셀과 함께 정확히 동일하게 보이고 섹션 헤더는 고정되어 있습니다. 스크롤이 이상하지 않습니다.

tableView에 음수 삽입을 지정하십시오. 22px 높이의 섹션 헤더가 있고 reloadData add 직후에 고정되지 않으려면 다음을 추가하십시오.

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

나를 위해 매력처럼 작동합니다. 섹션 바닥 글에도 적용됩니다. 대신 아래쪽에 음수 삽입을 지정하십시오.

테이블을 스크롤보기에 추가하면 잘 작동하는 것 같습니다.

내 대답을 확인 하십시오 . 이것은 플로팅이 아닌 섹션 헤더를 해킹없이 구현하는 가장 쉬운 방법입니다.

@LocoMike의 대답은 내 tableView에 가장 적합하지만 바닥 글을 사용할 때도 깨졌습니다. 따라서 머리글과 바닥 글을 사용할 때 올바른 해결책입니다.

- (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;
    ...
}

@awulf 답변의 스위프트 버전은 훌륭합니다!

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)
    }
}

tableHeaderView 속성을 설정하면됩니다.

 tableView.tableHeaderView = customView;

그리고 그게 다야.