產(chǎn)品中經(jīng)常出現(xiàn)手勢滑動的需求财异,但是結(jié)合tableview的手勢就會出現(xiàn)沖突猪瞬,下面是一些tableview結(jié)合全局手勢的實踐方案。
頁面滑動
-
給頁面添加滑動手勢
let pan = UIPanGestureRecognizer() pan.rx.event.subscribe(onNext: { [weak self] (recognizer: UIPanGestureRecognizer) in self?.panGestureStationTogetherAction(recognizer) }).addDisposableTo(disposeBag) lineListView?.stationHeaderDetailView.addGestureRecognizer(pan)
手勢處理方式
// MARK: 站點滑動手勢統(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)
}
}
}
滑動時候.began || recognizer.state == .changed
是在滑動手勢沒有停止的時候,這個時候可以動態(tài)調(diào)整ListView
的y
值
guard let gestureView = wself.lineListView else {return}
lineListView
是被處理的view太颤,并不一定是滑動的view,滑動view可以使任何一個view盹沈,把手勢的變化統(tǒng)一傳到這里就好了panGestureStationTogetherAction
龄章。
let movement = recognizer.translation(in: wself.view)
獲取手勢滑動離原位置的CGPoint
,這樣我們就有了移動的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)锚贱,獲取當前最新的frame的y加上最新的移動的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)
}
}
當手勢結(jié)束或取消的時候惋鸥,處理ListView
的彈出或者下沉動畫。
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滑動結(jié)合頁面滑動處理
//linelistview_tableview滑動
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手勢的動態(tài)變化。由于封裝的手勢處理可以給任何滑動手勢用飞蚓,所以可以直接把tableview滑動手勢直接傳給統(tǒng)一手勢處理方法滤港。
guard let foffy = self?.lineListView?.frame.origin.y else {return}
foffy > CGFloat(0.0)
1、判斷滑動的ListView
的frame的y值是否已經(jīng)超出規(guī)定范圍,超出就不再處理滑動溅漾,我的實現(xiàn)是小于0就不再處理滑動山叮。
guard let offy = self?.lineListView?.tableView.contentOffset.y else {return}
offy < CGFloat(0.0)
2、tableview的偏移量必須是小于0的這也才能處理滑動添履,不然會造成tableview
和listview
一起滑動的效果屁倔,很不自然。
上面1暮胧、2條件必須放在一起使用锐借,才能保證滑動手勢和view
本身的手勢完美結(jié)合
tableView.setContentOffset(CGPoint.zero, animated: false)
滑動傳遞之后要記得把tableview的偏移量設(shè)為zero,這樣可以解決快速滑動時出現(xiàn)的小bug往衷。