iOS UIView 스크롤링 UI - 구현 방법

Question

이 질문을 설명하는 방법을 모르겠다는 이유로 무딘 제목으로 나를 용서하십시오.

최근 iOS 앱은 화면의 실제 크기를 최대화하는 데 도움이되는 스크롤 UI 디자인 패턴을 사용합니다. 일반적으로 사용자가 아래로 스크롤 할 때 헤더가 숨겨집니다.

예를 들어, Instragram의 기본보기에는 맨 위에 Instragram 헤더가 있습니다. 이보기에서 위쪽으로 스크롤하면 머리글이 맨 위에 고정되고보기가 정상적으로 내용의 맨 위로 되돌아옵니다. 그러나 아래로 스크롤하면 헤더가 내용의 일부로 작동하여 추가 44 포인트의 수직 공간을 만듭니다.

아마도 iOS를 많이 사용하지는 않았지만이 방법을 가장 잘 구현하는 방법을 쉽게 알 수 없습니까? 끔찍한 묘사에 사과드립니다.

Answer 1

나는 위의 ranReloaded의 답변을 시도했지만 UIScrollView에서 setFrame:을 호출하면 경계를 벗어날 때보기가 멈추게됩니다.

대신에 scrollerWrapper이라는 다른 UIView에 맞게 스크롤보기를 설정합니다. 계산 된 원점과 높이를이 뷰에 적용하면 바운스 동작을 더한 후에 플러스했습니다. 우리는 당신이 테이블보기를 스크롤 할 때 상단에하지 않으면, 그것은 거의 전체 화면으로 테이블을 확장 우리의 응용 프로그램 중 하나에서 비슷한 일을했다

- (void)scrollViewDidScroll:(UIScrollView*) scrollView 
{ 
    CGPoint offset = scrollView.contentOffset; 

    CGRect headerFrame = header.frame; 
    CGRect wrapperFrame = scrollerWrapper.frame; 

    if(offset.y > 0){ 
     headerFrame.origin.y = -offset.y; 
     wrapperFrame.origin.y = MAX(0, headerFrame.size.height - offset.y); 
     } 
    else{ 
     headerFrame.origin.y = 0.0; 
     wrapperFrame.origin.y = headerFrame.size.height; 
     } 
    wrapperFrame.size.height = self.view.frame.size.height - wrapperFrame.origin.y; 

    [header setFrame:headerFrame]; 
    [scrollerWrapper setFrame:wrapperFrame]; 
} 

Answer 2

헤더가 무엇이든 상관없이 그대로 유지되는 경우 스크롤보기 상단에서 별도의보기를 사용하십시오. UITableView를 사용하는 경우 섹션 헤더를 사용할 수 있습니다.

편집 사용이 코드 :.

- (void)scrollViewDidScroll:(UIScrollView*) scrollView 
{ 
    CGPoint offset = scrollView.contentOffset; 

    CGRect headerFrame = _headerView.frame; 

    if(offset.y > 0){ 
     headerFrame.origin.y = offset.y; 
    } 
    else{ 
     headerFrame.origin.y = 0.0; 
    } 

    [_headerView setFrame:headerFrame]; 
} 

이 (_headerView이 아닌 그 안에, 스크롤 뷰의 꼭대기에 앉아, 헤더 있다고 가정 또한, 스크롤 뷰와 헤더 모두의 상단에서 시작 그들의 부모보기, y == 0 또한, 보기 컨트롤러가 스크롤보기의 대리자로 설정되어야합니다.

방금 ​​메모리에서이 코드를 작성했습니다. 테스트하지는 않았지만 기껏해야 조정할 필요가 있습니다.