在UITableView和UIScrollVIew上點擊UIButton的效果

最近在接手一個老項目,出現了一些小bug。花點時間給自己總結一下。
下面圖片可以看到,框框內的都是按鈕,有些原程序使用的是圖片加lable再實現tap手勢,反正都沒有點擊效果,整個頁面反而很像H5實現的(因為是在是不知道自己點擊了哪里);首頁是一個UITableView視圖。這些按鈕都是添加在cell上的。對于上面按鈕中的圖片和字都是水平居中,上下排列,后面會重新寫一篇聊聊怎么實現的。
一開始我也是一門心思的在UITableView上找方法,找屬性,亂添加的一些方法也都不符合iOS按鈕的基本點擊過程實現的效果。后來在網上看到這個屬性delaysContentTouches。delaysContentTouches :就是手指點擊到類的時候,如果它為 yes ,則按之前講的處理,如果為 no ,并且點在了 “ 可交互的視圖 ” ,立馬調用 touchesShouldBegin,這個屬性可以控制UIScrollView上的控件被點擊時有150ms的延時操作是先處理父視圖的點擊事件還是處理控件的點擊事件,根據響應鏈,所以點擊后直接響應了控件的點擊事件,沒有實現效果。

Paste_Image.png

當然實現上面的屬性不足也讓滾動試圖上的控件響應式出效果。在你自己的項目中遇到這個問題的話,就要有自定義的tableView和UIScrollView類,并且在里面的初始化方法中實現這個屬性。寫在控制器里面是沒有用的哦。
在實現了下面的方法后,就可以像在一般頁面上實現的點擊效果;

#import "CancelDelayTableView.h"

@implementation CancelDelayTableView
- (instancetype)initWithFrame:(CGRect)frame{
self = [super initWithFrame:frame];
if (self) {
    self.delaysContentTouches = NO;
    //這里要是還有iOS7的版本的話
    //iOS7里面UITableViewWrapperView不屬于UIScrollView
    for (id obj in self.subviews) {
        if ([NSStringFromClass([obj class]) isEqualToString:@"UITableViewCellScrollView"]) {
            UIScrollView *scrollView = (UIScrollView *) obj;
            scrollView.delaysContentTouches = NO;
            break;
        }
    }
    //基本都走這個方法
    for (id view in self.subviews) {
        if ([NSStringFromClass([view class]) isEqualToString:@"UITableViewWrapperView"]) {
            if ([view isKindOfClass:[UIScrollView class]]) {
                UIScrollView *scrollView = (UIScrollView *) view;
                scrollView.delaysContentTouches = NO;
            }
            break;
        }
    }
}
return self;
}

- (instancetype)initWithCoder: (NSCoder *) aDecoder
{
    self = [super initWithCoder:aDecoder];
    if (self) {
    self.delaysContentTouches = NO;
    //這里要是還有iOS7的版本的話
    //iOS7里面UITableViewWrapperView不屬于UIScrollView        for (id obj in self.subviews) {
        if ([NSStringFromClass([obj class]) isEqualToString:@"UITableViewCellScrollView"]) {
            UIScrollView *scrollView = (UIScrollView *) obj;
            scrollView.delaysContentTouches = NO;
            break;
        }
    }
    //基本都是走這個方法
    for (id view in self.subviews) {
        if ([NSStringFromClass([view class]) isEqualToString:@"UITableViewWrapperView"]) {
            if ([view isKindOfClass:[UIScrollView class]]) {
                UIScrollView *scrollView = (UIScrollView *) view;
                scrollView.delaysContentTouches = NO;
            }
            break;
        }
    }
}
return self;
}
//實現delaysContentTouches = NO,當點擊到控件上時就會調用這個方法;
- (BOOL) touchesShouldCancelInContentView : (UIView *) view {
if ([view isKindOfClass:[UIButton class]]) {
    return YES;
}
  return [super touchesShouldCancelInContentView:view];
}

@end

下面是在UIScrollView上刪除延時,把下面的代碼直接復制到自定義scrollView上就可以了
#import "CancelDelayScrollView.h"

@implementation CancelDelayScrollView
- (instancetype)initWithCoder:(NSCoder *)aDecoder {
  self = [super initWithCoder:aDecoder];
  if (self) {
    self.delaysContentTouches = NO;
}
  return self;
}

- (instancetype)initWithFrame:(CGRect)frame {
self = [super initWithFrame:frame];
if (self) {
    self.delaysContentTouches = NO;
}
  return self;
}

- (BOOL)touchesShouldCancelInContentView:(UIView *)view {
if ([view isKindOfClass:[UIButton class]]) {
    return YES;
}
  return [super touchesShouldCancelInContentView:view];
}
@end

自己謹記謹記----編程的過程就是多多總結,多多專研。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容