在UITableview重疊單元格中創建分區標題

Question

我試圖按下我的tableview中的分區標題，使其與部分中的第一個單元格重疊，類似於左側的linkedin應用程序中顯示的個人資料圖片：

所以，如果配置文件圖像被重疊的白色視圖在節中的第一行，和輪廓圖像是節頭。

我試過改變框架的x座標爲負值，並搞亂了標題的大小，都無濟於事。

Answer 1

在viewForHeaderInSection()中創建一個自定義視圖，您可以在其中定義頭部所需的任何形狀。在你的情況下，在矩形的底部中心圓圈。並將內容設置爲該視圖。

更改您希望在該自定義視圖中透明的視圖的alpha值。所以頭部不需要的部分將不會顯示在屏幕上。

Answer 2

我只是在LinkedIn應用程序中查看配置文件視圖，我想如果我要構建類似的東西，我會將所有配置文件信息放在tableHeaderView中。因此，報頭將包括以下各項：

• 的UIImageView（背景圖像）
• 的UIView（含有簡檔 信息）
• 的UIImageView（用戶簡檔圖像）

由於UITableView是UIScrollView的子類，因此可以使用委託方法scrollViewDidScroll爲背景圖像設置動畫。然後你可以調整背景圖像的位置，同時在tableview中滾動

@property (weak, nonatomic) IBOutlet UIImageView *backgroundImage; 

- (void)scrollViewDidScroll:(UIScrollView *)scrollView { 
    // 64 is the height of the navigation bar. 
    // 110 is the maximum distance I want to move the image down before it starts to move with the table. 
    CGFloat offset = MIN(scrollView.contentOffset.y + 64, 110); 
    self.backgroundImage.transform = CGAffineTransformMakeTranslation(0, offset); 
}