เปลี่ยนพฤติกรรมการเลื่อนเริ่มต้นของส่วนหัวของ UITableView

ฉันมี UITableView ที่มีสองส่วน มันเป็นมุมมองตารางที่เรียบง่าย ฉันใช้ viewForHeaderInSection เพื่อสร้างมุมมองที่กำหนดเองสำหรับส่วนหัวเหล่านี้ จนถึงตอนนี้ดีมาก

พฤติกรรมการเลื่อนเริ่มต้นคือเมื่อพบส่วนใดส่วนหนึ่งของส่วนหัวจะคงอยู่ใต้แถบ Nav จนกระทั่งส่วนถัดไปเลื่อนลงในมุมมอง

คำถามของฉันคือ: ฉันสามารถเปลี่ยนพฤติกรรมเริ่มต้นเพื่อให้ส่วนหัวไม่ยึดที่ด้านบน แต่แทนที่จะเลื่อนภายใต้แถบนำทางกับส่วนที่เหลือของแถวส่วน?

ฉันขาดอะไรที่ชัดเจนหรือไม่

ขอบคุณ

วิธีที่ฉันแก้ไขปัญหานี้คือการปรับค่าcontentOffsetตามcontentInsetในUITableViewControllerDelegate(ขยาย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);
   }
}

ปัญหาเดียวที่นี่คือมันเด้งเล็กน้อยเมื่อเลื่อนกลับไปด้านบน

{NOTE: ส่วน "40" ควรมีความสูงที่แน่นอนของหัวข้อ 0 ของคุณ หากคุณใช้ตัวเลขที่สูงกว่าความสูงส่วนหัว 0 ของคุณคุณจะเห็นว่าการใช้นิ้วสัมผัสนั้นได้รับผลกระทบ (ลองเช่น "1,000" และคุณจะเห็นว่าพฤติกรรมการตีกลับนั้นแปลกประหลาดที่ด้านบนสุด) ถ้าตัวเลขตรงกับส่วนหัวของคุณสูง 0 ส่วนความรู้สึกนิ้วน่าจะสมบูรณ์หรือใกล้สมบูรณ์}

คุณยังสามารถเพิ่มส่วนที่มีศูนย์แถวที่ด้านบนและใช้ส่วนท้ายของส่วนก่อนหน้าเป็นส่วนหัวสำหรับส่วนต่อไป

หากฉันทำสิ่งนี้ฉันจะใช้ประโยชน์จากความจริงที่ว่า UITableViews ในรูปแบบ Plain มีส่วนหัวที่เหนียวและแบบ Grouped ไม่มี อย่างน้อยฉันก็อาจลองใช้เซลล์ตารางแบบกำหนดเองเพื่อเลียนแบบลักษณะของเซลล์ธรรมดาในตารางแบบกลุ่ม

ฉันไม่ได้ลองสิ่งนี้จริง ๆ ดังนั้นมันอาจไม่ทำงาน แต่นั่นคือสิ่งที่ฉันแนะนำให้ทำ

ฉันรู้ว่ามันมาสาย แต่ฉันได้พบทางออกที่ชัดเจนแล้ว!

สิ่งที่คุณต้องการทำคือถ้าคุณมี 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;
    }
}

Voila! : D

มีหลายสิ่งที่ต้องทำเพื่อแก้ไขปัญหานี้ในลักษณะที่ไม่แฮ็ค:

1. ตั้งค่าลักษณะมุมมองตารางเป็น UITableViewStyleGrouped
2. ตั้งค่ามุมมองตารางbackgroundColorเป็น[UIColor clearColor]
3. ตั้งค่าbackgroundViewเซลล์ในมุมมองตารางแต่ละตารางให้เป็นมุมมองว่างเปล่าด้วยbackgroundColor [UIColor clearColor]
4. หากจำเป็นให้กำหนดมุมมองตารางrowHeightอย่างเหมาะสมหรือแทนที่tableView:heightForRowAtIndexPath:หากแต่ละแถวมีความสูงต่างกัน

โพสต์ครั้งแรกที่นี่วิธีแก้ปัญหาอย่างรวดเร็วโดยใช้ IB เดียวกันสามารถทำได้โดยทางโปรแกรม แต่ค่อนข้างง่าย

วิธีที่ง่ายกว่าในการบรรลุเป้าหมายนี้ (โดยใช้ 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 ของตารางด้วยมุมมองโปร่งใสที่มีความสูงเท่ากันของส่วนหัวในมุมมองส่วน เริ่มต้น tableview ด้วย ay frame ที่ -height

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 ถ้าเป็นจริงให้ใช้เซลล์ต้นแบบส่วนหัวมิฉะนั้นใช้เซลล์ต้นแบบเริ่มต้นของคุณ

เปลี่ยนสไตล์ TableView ของคุณ:

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

ตามเอกสารของ apple สำหรับ UITableView:

UITableViewStylePlain- มุมมองตารางธรรมดา ส่วนหัวหรือท้ายกระดาษของส่วนใด ๆ จะแสดงเป็นตัวคั่นอินไลน์และลอยเมื่อมุมมองตารางถูกเลื่อน

UITableViewStyleGrouped- มุมมองตารางที่มีส่วนนำเสนอกลุ่มของแถวที่แตกต่างกัน ส่วนหัวและท้ายกระดาษไม่ลอย หวังว่าการเปลี่ยนแปลงเล็ก ๆ นี้จะช่วยคุณได้ ..

ตอนนี้สไตล์ที่จัดกลุ่มดูเหมือนจะเป็นสไตล์ธรรมดาใน iOS 7 (ในแง่ของความเรียบและพื้นหลัง) สำหรับเราการแก้ไขที่ดีที่สุดและง่ายที่สุด (เช่นแฮ็กน้อยที่สุด) คือการเปลี่ยนสไตล์ของมุมมองตารางเป็นการจัดกลุ่ม การต่อกับ contentInsets เป็นปัญหาเสมอเมื่อเรารวมแถบนำทางแบบเลื่อนออกไปที่ด้านบน ด้วยลักษณะมุมมองตารางที่จัดกลุ่มจะมีลักษณะเหมือนกัน (กับเซลล์ของเรา) และส่วนหัวของส่วนจะคงที่ ไม่มีความแปลกในการเลื่อน

กำหนดสิ่งที่ใส่เข้าไปใน tableView ของคุณ หากคุณมีส่วนหัวสูง 22px และคุณไม่ต้องการให้เหนียวเมื่อคุณโหลดใหม่เพิ่มข้อมูล:

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

ทำงานเหมือนจับใจสำหรับฉัน ใช้งานได้กับส่วนท้ายด้วยเช่นกันเพียงกำหนดส่วนแทรกด้านลบที่ด้านล่างแทน

ฉันเพิ่มตารางลงใน Scroll View และดูเหมือนว่าจะทำงานได้ดี

ตรวจสอบคำตอบของฉันที่นี่ นี่เป็นวิธีที่ง่ายที่สุดในการใช้ส่วนหัวที่ไม่ลอยโดยไม่มีแฮ็ก

@ คำตอบของ 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;

และนั่นคือมัน