File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11
2- 前不久腾讯Bugly发布过一篇文章[ 特斯拉组件] ( http://mp.weixin.qq.com/s/hBgvPBP12IQ1s65ru-paWw ) ,这个组件跟我要实现的界面是相同的,但是这文章写得很简单,反正我看完后还是一脸懵逼, 也没有贡献出demo,也没有封装框架。如果你能看懂,或者看完后有了灵感,你足够自信的话,你可以去封装,我是自认菜鸟,封装这玩意儿难度真不是盖的,我写这3个程序都花了整整5天,而且后期还有过改动,不断的试,只要思路一错,就得重来,换一种思路。
2+ 前不久腾讯Bugly发布过一篇文章[ 特斯拉组件] ( http://mp.weixin.qq.com/s/hBgvPBP12IQ1s65ru-paWw ) ,这个组件跟我要实现的界面是相同的,但是这文章写得很简单,也没有贡献出demo,也没有封装框架,反正我看完后还是一脸懵逼 。如果你能看懂,或者看完后有了灵感,你足够自信的话,你可以去封装,我是自认菜鸟,封装这玩意儿难度真不是盖的,我写这3个程序都花了整整5天,而且后期还有过改动,不断的试,只要思路一错,就得重来,换一种思路。
33
44这种界面在不少app上都有出现,比如微博、美团、饿了么、爱奇艺等,我实现的过程中没有一句高深莫测的代码,难就难在思路,层级结构上;
55这种界面有3样控件是最为显眼的:头视图,悬浮菜单,若干个子tableView
66## 微博 难度系数: ★★★★
77* 层级结构描述
8- 首先是一个父控制器,父控制上添加一个大tableView,头视图就作为tableView的tableHeaderView,这个大tableView只有一个cell,这个cell上添加一个横向滑动的scrollView,这个scrollView就用来添加若干个子控制器 ,每个子控制器都有一个tableView,称为子tableView。其中,父控制器的大tableView必须实现下面这个手势代理方法:
8+ 首先是一个父控制器,父控制上添加一个大tableView,头视图就作为tableView的tableHeaderView,这个大tableView只有一个cell,这个cell上添加一个横向滑动的scrollView,scrollView就用来添加若干个子控制器 ,每个子控制器都有一个tableView,称为子tableView。其中,父控制器的大tableView必须实现下面这个手势代理方法:
99```
1010// 这个方法是支持多手势,当滑动子控制器中的scrollView时,MyTableView也能接收滑动事件
1111- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
1616 1 . 垂直方向上能够整体滑动,头部依然能够整体上下滑,滑动头部也就是滑动大tableView
1717 2 . 头部能够触发事件
1818 3 . 支持整体和局部刷新(局部刷新是指刷新的文字显示在悬浮菜单之下,而非导航栏之下)
19- 4 . 横向切换tableView,当切换其余tableView再次回到原tableView时不记录原先位置,直接从第0行开始(微博难度系数低点就是因为这里)
19+ 4 . 横向切换tableView,当切换其余tableView再次回到原tableView时不记录原先位置,直接从第0行开始
2020* 效果图
2121![ image] ( https://github.com/SPStore/HVScrollView/blob/master/微博.gif )
2222## 美团 难度系数:★★★★★★★
3131![ image] ( https://github.com/SPStore/HVScrollView/blob/master/美团.gif )
3232## 爱奇艺 难度系数:★★★★★★★★★★
3333* 层级结构描述
34- 首先是一个父控制器,父控制器上添加一个全屏的横向滑动的scrollView,这个横向滑动的scrollView用来添加若干个子控制器,每个子控制器上有个tabelView。头视图首先添加在第一个子控制器的tableView的tabelHeaderView上,当横向切换scrollView时,头视图的x值需要改变,改变的方向与scrollView横向滑动的方向相反,否则头视图会跟着scrollView一起横向滑动,当滑动结束时,切换头视图的父视图为第二个控制器的tableView的tableHeaderView 。悬浮菜单添加在父控制器上。
34+ 首先是一个父控制器,父控制器上添加一个全屏的横向滑动的scrollView,这个横向滑动的scrollView用来添加若干个子控制器,每个子控制器上有个tabelView。** 头视图首先添加在第一个子控制器的tableView的tabelHeaderView上** ,当横向切换scrollView时,头视图的x值需要改变,改变的方向与scrollView横向滑动的方向相反,否则头视图会跟着scrollView一起横向滑动,当滑动结束时,切换头视图的父视图为下一个控制器的tableView的tableHeaderView 。悬浮菜单添加在父控制器上。
3535* 重要功能
3636 1 . 垂直方向上能够整体滑动,头部可以整体上下滑动,具备scrollView的弹性效果,滑动头部实际上是滑动子tableVeiw
3737 2 . 头部能够触发事件
You can’t perform that action at this time.
0 commit comments