iOS 側滑返回手勢與Scrollview衝突的解決辦法
蘋果在iOS7.0以後推出了一個側滑返回手勢,當導航欄Push到下一頁時,可以通過側滑手勢pop到上一頁,這大大提高了使用者的體驗度,同時增加了可玩性。
然而有些時候,當你push到另一個介面後,如果該介面有Scrollview或繼承於Scrollview(tableview,collectionview)的控制元件,這時你可能會發現返回手勢失效了,這個是為什麼喃?
經過我多番驗證,原來是這個控制元件攔截了手勢,也就是說引起了衝突,把我的手勢佔為己有了。當然,這個對app本身沒什麼影響,但是對於有強迫症的我還是逼迫自己去找解決辦法,因為使用者體驗很重要!!
大概思路就是,既然你攔截了我的手勢,那我就要想辦法讓手勢傳遞下去,不被你攔截,所以最後的解決辦法就是對Scrollview加個Category,重寫它代理的方法,讓手勢能夠傳遞下去
- 第一步,新建一個Scrollview的CateGory
- 第二步,重寫這個方法,讓手勢能夠傳遞下去
-第三步,就是對手勢進行自定義,可以根據需求設定(可以設定側滑手勢的有效範圍)
-最後你就會見證神奇的一刻了。
最後附上程式碼:
#define IPHONE_H [UIScreen mainScreen].bounds.size.height //螢幕的高度
#define IPHONE_W [UIScreen mainScreen].bounds.size.width // 螢幕的寬度
//是否支援多手勢觸發,返回YES,則可以多個手勢一起觸發方法,返回NO則為互斥.
//是否允許多個手勢識別器共同識別,一個控制元件的手勢識別後是否阻斷手勢識別繼續向下傳播,預設返回NO;如果為YES,響應者鏈上層物件觸發手勢識別後,如果下層物件也新增了手勢併成功識別也會繼續執行,否則上層物件識別後則不再繼續傳播
//一句話總結就是此方法返回YES時,手勢事件會一直往下傳遞,不論當前層次是否對該事件進行響應。
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
if ([self panBack:gestureRecognizer]) {
return YES;
}
return NO;
}
//location_X可自己定義,其代表的是滑動返回距左邊的有效長度
- (BOOL)panBack:(UIGestureRecognizer *)gestureRecognizer {
//是滑動返回距左邊的有效長度
int location_X =0.15*IPHONE_W;
if (gestureRecognizer ==self.panGestureRecognizer) {
UIPanGestureRecognizer *pan = (UIPanGestureRecognizer *)gestureRecognizer;
CGPoint point = [pan translationInView:self];
UIGestureRecognizerState state = gestureRecognizer.state;
if (UIGestureRecognizerStateBegan == state ||UIGestureRecognizerStatePossible == state) {
CGPoint location = [gestureRecognizer locationInView:self];
//這是允許每張圖片都可實現滑動返回
int temp1 = location.x;
int temp2 =IPHONE_W;
NSInteger XX = temp1 % temp2;
if (point.x >0 && XX < location_X) {
return YES;
}
//下面的是隻允許在第一張時滑動返回生效
// if (point.x > 0 && location.x < location_X && self.contentOffset.x <= 0) {
// return YES;
// }
}
}
return NO;
}
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
if ([self panBack:gestureRecognizer]) {
return NO;
}
return YES;
}
附上最後效果圖
最近發現一個更暴力的方法,只需要在當前控制器加上幾行程式碼就能解決這個問題
直接上程式碼
NSArray *gestureArray = self.navigationController.view.gestureRecognizers;
for (UIGestureRecognizer *gestureRecognizer in gestureArray) {
if ([gestureRecognizer isKindOfClass:[UIScreenEdgePanGestureRecognizer class]]) {
[self.scrollView.panGestureRecognizer requireGestureRecognizerToFail:gestureRecognizer];
}
}
相關文章
- ScrollView 與ListView 滑動衝突解決View
- 解決右滑返回手勢和UIScrollView中的手勢衝突UIView
- iOS開發之解決MMDrawerController側滑選單與中心檢視手勢衝突iOSController
- 解決ScrollView巢狀ViewPager出現的滑動衝突問題巢狀Viewpager
- 完美解決ScrollView巢狀ListView滑動衝突(有圖有真相)View巢狀
- Flutter和iOS手勢衝突解決思路FlutteriOS
- scrollview 的滑動衝突 viewpager等都適用Viewpager
- com.android.support衝突的解決辦法Android
- webshere6.0 jdom包衝突解決辦法Web
- kotlin語言:解決drawerLayout與viewpager的衝突、NavigationView側滑裡面menu的點選事件KotlinViewpagerNavigation事件
- iOS右滑返回手勢深度全解和最佳實施方案iOS
- ScrollView巢狀RecyclerView滑動衝突相關問題View巢狀
- 微信小程式單擊事件與長按事件衝突的解決辦法微信小程式事件
- 一種巢狀滑動衝突的解決方案巢狀
- 巢狀UIScrollview的滑動衝突解決方案巢狀UIView
- RecyclerView與下拉重新整理控制元件滑動衝突的解決View控制元件
- ScrollView中用ListView的事件衝突View事件
- 一種非巢狀滑動衝突的解決方案巢狀
- Git 衝突了怎麼辦,如何高效快速的解決程式碼衝突?Git
- Android View 滑動衝突解決方式以及原理AndroidView
- 聊聊Flutter中的常見滑動手勢衝突Flutter
- Android事件分發機制、滑動衝突解決Android事件
- iOS 開發中遇到的手勢衝突iOS
- 使用SUI與JQuery衝突的解決方法UIjQuery
- iOS 如何絲滑的側滑返回iOS
- Git 解決衝突Git
- git 解決衝突Git
- UITapGestureRecognizer與didSelectRowAtIndexPath衝突解決UIIndex
- android父子控制元件手勢衝突的解決Android控制元件
- ScrollView巢狀ListView解決辦法以及原理View巢狀
- 淺談雜湊法及其解決衝突的方法
- 卡巴斯基和金山詞霸衝突的解決辦法(兩種方法)
- Scrollview 和 內部 recycleview 高度固定時巢狀衝突的一種解決方法View巢狀
- PtrClassicFrameLayout與viewpager橫向滑動衝突的問題Viewpager
- windows10玩遊戲鍵盤衝突怎麼辦 win10遊戲與鍵盤衝突解決方法Windows遊戲Win10
- 程式衝突及其解決
- git pull 衝突解決Git
- windows解決埠衝突Windows