產(chǎn)品中經(jīng)常出現(xiàn)手勢滑動(dòng)的需求，但是結(jié)合tableview的手勢就會(huì)出現(xiàn)沖突，下面是一些tableview結(jié)合全局手勢的實(shí)踐方案。
頁面滑動(dòng)
-
給頁面添加滑動(dòng)手勢
let pan = UIPanGestureRecognizer() pan.rx.event.subscribe(onNext: { [weak self] (recognizer: UIPanGestureRecognizer) in self?.panGestureStationTogetherAction(recognizer) }).addDisposableTo(disposeBag) lineListView?.stationHeaderDetailView.addGestureRecognizer(pan) 手勢處理方式
// MARK: 站點(diǎn)滑動(dòng)手勢統(tǒng)一處理
func panGestureStationTogetherAction(_ recognizer: UIPanGestureRecognizer) {
let wself = self
guard let gestureView = wself.lineListView else {return}
if recognizer.state == .began || recognizer.state == .changed {
let movement = recognizer.translation(in: wself.view)
var old_rect = gestureView.frame
let listViewEmptyHeight = gestureView.getEmptyHeight()
let stationDetailHeight: CGFloat = 68.0
if recognizer.state == .began {
old_rect.origin.y = old_rect.origin.y - listViewEmptyHeight - stationDetailHeight
}
else {
old_rect.origin.y = old_rect.origin.y + movement.y
}
if old_rect.origin.y < 0 {
gestureView.frame = wself.view.bounds
}
else if old_rect.origin.y > wself.view.bounds.height {
gestureView.frame = CGRect.init(x: 0, y: wself.view.bounds.height, width: wself.view.bounds.width, height: wself.view.bounds.height)
}
else {
gestureView.frame = old_rect
}
recognizer.setTranslation(CGPoint.zero, in: wself.view)
}
else if recognizer.state == .ended || recognizer.state == .cancelled {
let halfPoint = wself.view.bounds.height*1/4
if gestureView.frame.origin.y > halfPoint {
gestureView.dismiss()
}
else {
gestureView.show(superView: wself.view)
}
}
}
滑動(dòng)時(shí)候.began || recognizer.state == .changed是在滑動(dòng)手勢沒有停止的時(shí)候，這個(gè)時(shí)候可以動(dòng)態(tài)調(diào)整ListView的y值
guard let gestureView = wself.lineListView else {return}
lineListView是被處理的view，并不一定是滑動(dòng)的view，滑動(dòng)view可以使任何一個(gè)view，把手勢的變化統(tǒng)一傳到這里就好了panGestureStationTogetherAction。
let movement = recognizer.translation(in: wself.view)
獲取手勢滑動(dòng)離原位置的CGPoint，這樣我們就有了移動(dòng)的x，y。
if recognizer.state == .began {
old_rect.origin.y = old_rect.origin.y - listViewEmptyHeight - stationDetailHeight
}
else {
old_rect.origin.y = old_rect.origin.y + movement.y
}
開始狀態(tài)，初始化ListView的frame，changed狀態(tài)，獲取當(dāng)前最新的frame的y加上最新的移動(dòng)的y，old_rect.origin.y = old_rect.origin.y + movement.y
recognizer.setTranslation(CGPoint.zero, in: wself.view)
改變frame之后，重置手勢CGPoint為zero
else if recognizer.state == .ended || recognizer.state == .cancelled {
let halfPoint = wself.view.bounds.height*1/4
if gestureView.frame.origin.y > halfPoint {
gestureView.dismiss()
}
else {
gestureView.show(superView: wself.view)
}
}
當(dāng)手勢結(jié)束或取消的時(shí)候，處理ListView的彈出或者下沉動(dòng)畫。
func show(superView: UIView) {
showBlock?()
tableView.setContentOffset(CGPoint.zero, animated: false)
UIView.animate(withDuration: 0.3) {
self.frame = superView.bounds
}
}
@objc func dismiss() {
dismissBlock?()
tableView.setContentOffset(CGPoint.zero, animated: false)
UIView.animate(withDuration: 0.3) {
self.frame = CGRect.init(x: 0, y: self.bounds.height - 268, width: self.bounds.width, height: self.bounds.height)
}
}
TableView滑動(dòng)結(jié)合頁面滑動(dòng)處理
//linelistview_tableview滑動(dòng)
lineListView?.tableView.panGestureRecognizer.rx.event.subscribe(onNext: { [weak self] (recognizer: UIPanGestureRecognizer) in
guard let foffy = self?.lineListView?.frame.origin.y else {return}
guard let offy = self?.lineListView?.tableView.contentOffset.y else {return}
if foffy > CGFloat(0.0) || offy < CGFloat(0.0) {
self?.lineListView?.tableView.setContentOffset(CGPoint.zero, animated: false)
self?.panGestureStationTogetherAction(recognizer)
}
}).addDisposableTo(disposeBag)
tableview是繼承scrollview完成的封裝。scrollview自帶panGestureRecognizer手勢，所以可以直接獲取scrollview手勢的動(dòng)態(tài)變化。由于封裝的手勢處理可以給任何滑動(dòng)手勢用，所以可以直接把tableview滑動(dòng)手勢直接傳給統(tǒng)一手勢處理方法。
guard let foffy = self?.lineListView?.frame.origin.y else {return}
foffy > CGFloat(0.0)
1、判斷滑動(dòng)的ListView的frame的y值是否已經(jīng)超出規(guī)定范圍，超出就不再處理滑動(dòng)，我的實(shí)現(xiàn)是小于0就不再處理滑動(dòng)。
guard let offy = self?.lineListView?.tableView.contentOffset.y else {return}
offy < CGFloat(0.0)
2、tableview的偏移量必須是小于0的這也才能處理滑動(dòng)，不然會(huì)造成tableview和listview一起滑動(dòng)的效果，很不自然。
上面1、2條件必須放在一起使用，才能保證滑動(dòng)手勢和view本身的手勢完美結(jié)合
tableView.setContentOffset(CGPoint.zero, animated: false)
滑動(dòng)傳遞之后要記得把tableview的偏移量設(shè)為zero，這樣可以解決快速滑動(dòng)時(shí)出現(xiàn)的小bug。
