简单实现类似Thumblr个人详情页

![Uploading 1_205745.gif . . .]

1.界面分析

  • 最顶部有导航栏,左右两边有barButtonItem考虑使用导航控制器,默认隐藏,在拖动下方的tableView时,会慢慢显示,所以应该是alpha值为0.
  • 头部部分是一个背景图片,中心位置有头像,所以考虑使用一个UIView里面有两个imageView,一个是背景,一个是头像
  • 在头部的下边可以自定义一个类似segmentedControl的条,使用一个UIView里面搞两个UIButton包装
  • 在segmentedBar的下方是一个tableview,向下拖动tableView时背景图片会随着拖动变大,向上拖动时navigationBar显示,segmentedBar悬停.

2.界面实现

  1. 在storyBoard中拽入navigationController.根控制器为普通的UIViewController.将导航控制器设置为箭头所指向的控制器.自定义类GZDViewController来描述导航控制器的根控制器.为了方便排布空间所以讲TopBar隐藏

![Uploading Snip20160507_14_068679.png . . .]

你可能感兴趣的:(简单实现类似Thumblr个人详情页)