在UITableview重叠单元格中创建节标题

时间:2017-09-14 20:56:19

标签: ios swift uitableview

我正在尝试按下我的tableview中的节标题,使其与节中的第一个单元格重叠,类似于配置文件图片在左侧的linkedin应用程序中显示的方式:

linkedin app screenshot

因此,如果配置文件图片重叠的白色视图是该部分中的第一行,则配置文件图片是节标题。

我已经尝试将帧的x坐标更改为负值并弄乱标题的大小,但都无济于事。

2 个答案:

答案 0 :(得分:1)

我只是在LinkedIn应用程序中查看配置文件视图,我想如果我要构建类似的东西,我会将所有配置文件信息放在tableHeaderView中。所以标题包含以下内容:

  • UIImageView(背景图片)
  • UIView(包含个人资料 信息)
  • UIImageView(用户个人资料图片)

enter image description here

由于UITableView是UIScrollView的子类,因此您可以使用委托方法scrollViewDidScroll为背景图像设置动画。然后,您可以在桌面滚动

时调整背景图像的位置
@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);
}

答案 1 :(得分:0)

viewForHeaderInSection()中创建自定义视图,您可以在其中定义标头所需的任何形状。在您的情况下,圆形在矩形的底部中心。并将内容设置为该视图。

在该自定义视图中将要透明的视图的Alpha值更改为0。因此,不希望的标题部分将不会显示在屏幕上。