在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

自己谨记谨记----编程的过程就是多多总结,多多专研。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容