iOS UIScrollView 滚动到当前展示的视图居中展示
2016-07-09 15:08
531 查看
需求展示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/a6f524b8aeec32dabcf6c1b1a7356720.png)
测试效果1
first
uiscrollView 宽度 为屏幕宽度 滚动步长 为 scroll 宽度的1/3
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/d44cbc992f93823ff507f97ac5e2d98a.gif)
分析: 这个是最普通版 无法使每一次滚动的结果子视图居中展示, WA
second
测试效果2
uiscrollView 宽度 为 屏幕的 1/3 滚动步长 为 scroll 的宽度
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/a3c8f99de6b6c495c0b1f4149130443f.gif)
分析:我优先想到居中 但是这样子 又无法像需求的那样 展示 两边即将过渡的子视图,WA
third
测试效果3
uiscrollView 宽度 为 屏幕的 1/3 滚动步长 为 scroll 的宽度 ,以上的基础上 加一个 3d 效果
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/f681e3f68842ad4b79dda3f3c26596d0.gif)
分析:每一个子视图 都有机会 展示在视图中间,AC
最终效果展示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/b2ff5b60c2d80d8ad96fa1ae0adb8f21.gif)
这个3d效果 最终可以展示两边的子视图 并且 可以触发滚动手势 是在网上找的
叫 JT3DScrollView, 可以直接用这个文件 也可以 通过 Pod 的方式 使用
这里并没有 运用到特殊展示效果只是默认的, 所以只是正常展示了, 字体变化 是我动态逻辑 处理的
很有意思的一次学习
因为 找规律 找了无数次 才 展示成这样的 太恶劣的效果 十分辣眼睛 就不展示了 哈哈
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/a6f524b8aeec32dabcf6c1b1a7356720.png)
测试效果1
first
uiscrollView 宽度 为屏幕宽度 滚动步长 为 scroll 宽度的1/3
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/d44cbc992f93823ff507f97ac5e2d98a.gif)
分析: 这个是最普通版 无法使每一次滚动的结果子视图居中展示, WA
second
测试效果2
uiscrollView 宽度 为 屏幕的 1/3 滚动步长 为 scroll 的宽度
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/a3c8f99de6b6c495c0b1f4149130443f.gif)
分析:我优先想到居中 但是这样子 又无法像需求的那样 展示 两边即将过渡的子视图,WA
third
测试效果3
uiscrollView 宽度 为 屏幕的 1/3 滚动步长 为 scroll 的宽度 ,以上的基础上 加一个 3d 效果
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/f681e3f68842ad4b79dda3f3c26596d0.gif)
分析:每一个子视图 都有机会 展示在视图中间,AC
最终效果展示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/09/b2ff5b60c2d80d8ad96fa1ae0adb8f21.gif)
这个3d效果 最终可以展示两边的子视图 并且 可以触发滚动手势 是在网上找的
叫 JT3DScrollView, 可以直接用这个文件 也可以 通过 Pod 的方式 使用
这里并没有 运用到特殊展示效果只是默认的, 所以只是正常展示了, 字体变化 是我动态逻辑 处理的
很有意思的一次学习
因为 找规律 找了无数次 才 展示成这样的 太恶劣的效果 十分辣眼睛 就不展示了 哈哈
相关文章推荐
- 如何让父UIView的透明度不影响Subview的透明度
- HDU-1806 Frequent values(RMQ)
- UITabBarViewController学习笔记
- sequence
- Confluence 安装
- 设置UITableView section之间的间距
- [ios]UITabBarItem 更改图像的高度和宽度
- vue入门例子 增删条目
- 【算法技巧】尺取法 POJ 3061 Subsequence
- STL priority_queue 优先级队列
- 300. Longest Increasing Subsequence
- UITableViewCell的backGroundView和selectedBackgroundView在cell中的层次
- UITableViewCell改变选中时背景样式
- iOS UITableView取消SectionView停滞效果
- EasyUI -- Layout(布局)
- 深度解析Java8 – AbstractQueuedSynchronizer的实现分析(下)
- 深度解析Java8 – AbstractQueuedSynchronizer的实现分析(上)
- 303. Range Sum Query - Immutable
- Find Closet Pairs -- To be continue
- hdu 5064 Find Sequence(DP,单调性优化)