多个scrollView组合的组件
OC: 工具类下载 pod 'PYToolBarScrollView' swift：工具下载 pod 'PYToolBarScrollView_Swift' #一、简介 这个工具写了很久，一直不满意，换了n种方法，最后毛瑟顿开，用最平常的知识解决了问题。所以很简单，但很巧妙。
- 适用结构：
1. 顶部有一个topView2. 中间有个选项栏（toolBarView）3. 底部有scrollVIew的集合（UITableView，UICollectionView）- 效果：
1. 随着底部的scrollView的滚动，topView与toolBarView也跟着上下滚动。2. toolBarView的到顶部的时候悬停- 主要解决的问题：
1. 解决了根据底部scrollView的不同contentOffset设置topView与toolBarView的高度问题2. 解决了中间toolBar悬停的问题3. 解决了底部scrollView左右滑动的问题
#二、 知识点
#三、工具结构
整体由最低层的ScrollView、topView、midToolBarView、bottomScrollView、还有bottomScrollViews组成
1. 主要的包含关系
- 最底层scrollVIew
1.在他的上面有topView，midToolBarView，bottomScrollView，bottomScrollViewArray1. 这样的话就可以做到让bottomViews，midToolBarView，topView，一起上下滚动，只修改最低层的scrollView的contentOffset就可以了- 顶部的topView
为了扩展性，这个顶部的topView是由外部传进来- 中间的toolBarView
1. 这个是选项栏，也就是点击相应的按钮，底部的BottomScrollView就会相应相应的界面2. toolBarView的点击事件有传出到外部3. toolBarView的titleArray应该与BottomScrollView中的bottomScrollViewArray数目一致4. 点击滑动到相应的ScrollView界面5. 与下部的BottomScrollView滑动不会产生冲突- 底部的BottomScrollView
1. 主要是承接bottomScrollViewArray，让他们依次排列，并且可以左右滚动2. 设置了分页，每次到新的页面都会向外发送index和ScrollView消息3. 对数组长度进行了判断，避免了数组越界造成的崩溃- bottomScrollViewArray
1. 这个是外部传入的scrollView 的数组2. 内部监听了bottomScrollViewArray元素的contentOffset，对self.contentOffset进行设置，达到联动效果
#四、遇到的问题 1. 当底部有多个scrollView或者多个view的时候，解决底部scrollView的contentOffset不一致造成的self.contentOffset的滑动突兀的问题 造成这个问题的根本原因是:
- 我在外部传入BottomScrollViewArray的时候会先判断其是否为scrollView，
如果是scrollView，那么监听了scrollView的contentOffset，并根据scrollView的contentOffset，改变self.contentOffset- 在监听的会调函数中，根据监听到的ScrollView的滚动的contentOffset改变self.contentOffset
- 如果，bottomScrollViewArray中有A、B两个scrollView做下面操作
1. A滚动30的距离（这时候self.contentOffset.y跟随A变成了30）2. 现在切换到了B，这时候就会出现问题3. 因为B的contentOffset.y为0，而self.contentOffset为30，当你在滑动B的时候，B的contentOffset发生改变，那么将对self.contentOffset重新赋值，这时候，B的contentOffset.y为0，而self.contentOffset.y为30,则self.contentOffset会直接变成0
解决方案：
- 添加了一个OffsetY变量。 在将要切换的底部的scrollView的时候对A与B进行contentOffset.y差值计算。 在B滑动的时候把差值也算入到self.contentOffset中。 在滑动到顶部，或者底部的时候，对offsetY进行清零
但是还是有缺陷，比如A的contentOffset.y 为0，而self.contentOffset.y已经到最大，那么切换到A，向下拉，也会有self直接掉下来的突兀感
代码：
///布局bottomScrollView的subView （把subView添加到了bottomScrollViewView里面）
private func setupBottomScrollViewSubView(_ contentOffsetY: CGFloat) {
for index: NSInteger in 0 ..< self.bottomViewArray.count {
//布局subview
let view: UIView = self.bottomViewArray[index]
self.bottomScrollView.addSubview(view)
view.frame = CGRect(x: kToolBarScrollViewW * CGFloat(index), y:0, width: kToolBarScrollViewW, height: kBottomScrollViewH + contentOffsetY)
//如果要是是ScrollView的子类那么监听contentOffset
if view is UIScrollView {
let scrollView: UIScrollView = view as! UIScrollView
scrollView.addObserver(self, forKeyPath: "contentOffset", options: .new, context: nil)
}
}
}
///通知的方法
override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
if keyPath == "contentOffset" {
// print(change?[NSKeyValueChangeKey.newKey] ?? "----- 没有纸")
let scrollView: UIScrollView = object as! UIScrollView
//获取偏移量
let newValue: CGPoint = change?[NSKeyValueChangeKey.newKey] as! CGPoint
self.newValue = newValue;
//改变scrollView偏移的位置
if scrollView.contentOffset.y <= 0{
if newValue.y < 0 {
self.offset = 0
}
self.contentOffset = CGPoint(x: 0, y: 0)
}
if scrollView.contentOffset.y >= self.kTopViewH {
if newValue.y > self.kTopViewH {
self.offset = 0
}
self.contentOffset = CGPoint(x: 0, y: self.kTopViewH)
}
// let isScrollBottom = Int(scrollView.contentSize.height - self.contentOffset.y) <= Int(scrollView.frame.size.height);
if scrollView.contentSize.height <= scrollView.frame.size.height + kTopViewH {
let insertY = scrollView.frame.size.height + kTopViewH - scrollView.contentSize.height
scrollView.contentInset = UIEdgeInsetsMake(0, 0, insertY, 0)
}else{
scrollView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0)
}
self.contentOffset = CGPoint(x: 0, y: newValue.y + self.offset)
}
}
2. 当前显示的scrollView的contentSize滑动不到顶部，底部的scrollView就会显示不全 解决方法： 在滚动的时候判断，当前的scrollView的滑动范围，是否足以让self滑动到顶部
if scrollView.contentSize.height <= scrollView.frame.size.height + kTopViewH {
let insertY = scrollView.frame.size.height + kTopViewH - scrollView.contentSize.height
scrollView.contentInset = UIEdgeInsetsMake(0, 0, insertY, 0)
}else{
scrollView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0)
}
self.contentOffset = CGPoint(x: 0, y: newValue.y + self.offset)
}
#更新：2017.11.15 1. PYMidView的扩展
- 对中间的toolBarView的扩展性，进行了修复。添加了一个PYMidView(继承自UIView)，他有个代理属性，
var delegate: PYToolBarViewProtocol?要求实现一个方法，返回对应的toolBarView,- 事实上，你只要继承PYMidView，然后在里面布局子控件，并且，把代理属性设置成自己，实现代理方法，就可以完美适应任何产品需求。
*代码
import UIKit
class PYMidView: UIView {
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override init(frame: CGRect) {
super.init(frame: frame)
}
var delegate: PYToolBarViewProtocol?
private var isFirstSetToolBarUI: Bool = true
override func layoutSubviews() {
if isFirstSetToolBarUI {
self.delegate?.registerToolBarView().displayUI()
layoutIfNeeded()
isFirstSetToolBarUI = false
}
}
}
To run the example project, clone the repo, and run pod install from the Example directory first.
PYToolBarScrollView_Swift is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'PYToolBarScrollView_Swift'LiPengYue, 702029772@qq.com
PYToolBarScrollView_Swift is available under the MIT license. See the LICENSE file for more info.