IOS setOnclick点击事件分析

在Android中点击事件是以setOnclick的形式进行设置的，用起来十分方便，而在ios中是以addTarget方式进行的，每次设置点击事件都需要声明一个新的方法，在大部分情况下显得未免有些麻烦。而且通常来说我们使用的最多的是TouchUpInside方式的点击事件，所以为了方便使用，我对UIButton/UIView的点击事件进行了扩展。

使用

和之前一样，我们先来看看扩展之后如何使用

oc版本

[_btn1 setOnclick:^{
  NSLog(@"click btn1");
}];

swift版本

btn.setOnClick {
  print("click btn")
}

用起来真的是非常简单哈~

扩展过程

接下来我们就来看看，到底是如何扩展的呢？

oc版本

我们只需要为UIButton添加一个Category就可以使用了哦。

  #import <UIKit/UIKit.h>

  @interface UIButton(click)
  @property (nonatomic, strong) void (^clickBlock) (void);
  - (void) setOnclick : (void (^)(void))block;
  - (void) clickBtn : (UIButton*) sender;
  - (void) setTarget : action:(SEL)action;
  @end
  
  #import "UIButton+click.h"
  #import <objc/runtime.h>

  @implementation UIButton(click)

  static void *clickKey = &clickKey;
  - (void)setClickBlock:(void (^)(void))clickBlock{
    objc_setAssociatedObject(self, & clickKey, clickBlock, OBJC_ASSOCIATION_COPY);
  }

  - (void (^)(void))clickBlock{
    return objc_getAssociatedObject(self, &clickKey);
  }

  -(void)setOnclick:(void (^)(void))block{
    self.clickBlock = block;
    [self addTarget:self action:@selector(clickBtn:) forControlEvents:UIControlEventTouchUpInside];
  }

  - (void) clickBtn : (UIButton*) sender{
    self.clickBlock();
  }

  @end

如果我们不希望每次都需要导入UIButton+click.h,只需要将UIButton+click.h添加到pch文件中就可以了哦。

swift版本

相对来说swift版本就比较麻烦一点，竟然不能直接扩展闭包类型的属性，所以最后多创建了一个UIClick对象。

  class UIClick : Any{
    var click : () -> Void = {return}
  }

  extension UIButton : Property{
    var saveClick : UIClick{
      get{
        return get0()
      }
      set{
        return set0(newValue)
      }
    }

    func setOnClick(click : @escaping () -> Void) {
      self.saveClick = UIClick()
      self.saveClick.click = click
      self.addTarget(self, action: #selector(btnClick), for: .touchUpInside)
    }

    @objc func btnClick(){
      self.saveClick.click()
    }
  }

UIView onClick

看了以上的扩展过程，相信大家对UIView onClick的扩展心中也有数了，过程基本是一样的,接下来只简单写一下不同的部分。

  func setOnClickView(click : @escaping () -> Void) {
    self.isUserInteractionEnabled = true
    self.saveClickView = UIClick()
    self.saveClickView.click = click
    let tap = UITapGestureRecognizer(target: self, action: #selector(btnClickView))
    tap.numberOfTapsRequired = 1
    self.addGestureRecognizer(tap)
  }

oc的就略过了，原理是一样的，代码也是非常简单。

总结

扩展并不复杂，但是确实还是带来了不少方便，希望这种扩展思路能够让你眼前一亮，以上内容有任何错误欢迎指正。

赞 (0)

相关推荐

  • iOS UIButton 点击无响应的解决办法

    前言 在日常开发中我们经常和按钮打交道,但是有时候会碰到比较难处理的问题,就是按钮不响应点击事件,这时候我们需要从下面几方面排查 按钮不响应的原因 1.按钮添加到了一个没有开启用户交互的父View上,例如UIImageView,这时候开启父试图的交互 view.userInteractionEnabled = YES 设为YES就可以解决问题 2.按钮自身被遮挡,点击的时候根本就没有点击到button,而是他上面一层View,自然就不会响应 这里有个看图层的方法,下图点击那个红框的按钮就可以看到

  • iOS下Safari点击事件失效的解决方法

    前言 本文主要给大家介绍了关于在iOS下Safari浏览器点击事件失效的相关解决方案,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 问题描述 当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 可以使用下面的代码在 iOS 中进行测试. <!DOCTYPE html> <html> <head> <meta

  • iOS开发商品页中banner中点击查看图片

    轮翻播放与查看是分开的,轮翻是是用 开源的SDCycleScrollView 这里是给出的是查看的: // // FullScreenShowImageView.swift // joopic // // Created by jianxiong li on 16/9/27. // Copyright © 2016年 joobot. All rights reserved. // import Foundation import UIKit //图片轮播组件代理协议 protocol FullS

  • iOS开发中TabBar再次点击实现刷新效果

    iOS开发中TabBar再次点击实现刷新效果

    需求 之前已经实现了自定义TabBar,如图所示: 自定义TabBar.jpeg 现在需要实现一个类似今日头条TabBar的功能 -- 如果继续点击当前TabBar的选中项,那么该界面需要刷新UITableView. 分析 既然已经自定义了TabBar,那么最简单的就是在自定义中给TabBar中需要的UITabBarButton添加事件 -- 点击就发送通知,并且将当前的索引传出去.对应的界面监听通知,拿到索引比对,如果和当前索引一致,就执行对应的操作. 实现 1. 自定义TabBar的layo

  • ios App加载本地HTML网页,点击网页链接跳转到app页面的方法

    一.如何在APP里加载本地html文件内容: 首先准备一个html文件,比如内容如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <tit

  • IOS 中UIImageView响应点击事件

    IOS 中UIImageView响应点击事件 有时候会遇到点击一张图片,然后让这张图片触发一个事件,或者是跳转视图,想到的第一个方法就是用UIButton,将Button的背景图片属性设置为该图片,效果达到了,但不是最好的方法,直接触发方法 定义Image的对象 UIImageView *imgView =[[UIImageView alloc] initWithFrame:CGRectMake(0, 0,320,100)]; imgView.backgroundColor = [UIColor

  • 解决ios端点击按钮闪烁问题（小tips）

    在ios端,safari浏览器上触发click事件有300ms的延迟相应,为touch添加的样式会和click冲突而出现闪烁问题 在safari中触摸事件的相应顺序如下: touchstart --> touchmove --> touchend --> click(300ms) 此时可试用以下样式取消click事件的默认样式来消除页面闪烁问题 *{ -webkit-tap-highlight-color:rgba(0,0,0,0); } (值得一提的是,300ms的延迟主要是用于判断用

  • iOS实现点击图片放大和长按保存图片的示例

    iOS实现点击图片放大和长按保存图片的示例

    一:简介 在项目中免不了会遇到,实名认证上传身份证.绑定银行卡等功能.在实际操作中呢,会涉及到上传图片,在页面布局时,可能图片不是一张,考虑到布局的美观等因素,显示图片的位置变得很小,如果想查看上传的图片是否清晰,内容是否完整,可能就需要放大才能实现,下面就和大家分享一下我封装的一类,完美的实现了图片的缩放功能. 另外,这些博文都是来源于我日常开发中的技术总结,在时间允许的情况下,我会针对技术点分别分享iOS.Android两个版本,尽量附上demo以供大家参考,如果有其他技术点需要,可在文章后

  • IOS setOnclick点击事件分析

    在Android中点击事件是以setOnclick的形式进行设置的,用起来十分方便,而在ios中是以addTarget方式进行的,每次设置点击事件都需要声明一个新的方法,在大部分情况下显得未免有些麻烦.而且通常来说我们使用的最多的是TouchUpInside方式的点击事件,所以为了方便使用,我对UIButton/UIView的点击事件进行了扩展. 使用 和之前一样,我们先来看看扩展之后如何使用 oc版本 [_btn1 setOnclick:^{ NSLog(@"click btn1")

  • 详解iOS中Button按钮的状态和点击事件

    详解iOS中Button按钮的状态和点击事件

    一.按钮的状态 1.UIControlStateNormal 1> 除开UIControlStateHighlighted.UIControlStateDisabled.UIControlStateSelected以外的其他情况,都是normal状态 2> 这种状态下的按钮[可以]接收点击事件 2.UIControlStateHighlighted 1> [当按住按钮不松开]或者[highlighted = YES]时就能达到这种状态 2> 这种状态下的按钮[可以]接收点击事件 3

  • Android点击事件派发机制源码分析

    概述 一直想写篇关于Android事件派发机制的文章,却一直没写,这两天刚好是周末,有时间了,想想写一篇吧,不然总是只停留在会用的层次上但是无法了解其内部机制.我用的是4.4源码,打开看看,挺复杂的,尤其是事件是怎么从Activity派发出来的,太费解了.了解Windows消息机制的人会发现,觉得Android的事件派发机制和Windows的消息派发机制挺像的,其实这是一种典型的消息"冒泡"机制,很多平台采用这个机制,消息最先到达最底层View,然后它先进行判断是不是它所需要的,否则就

  • js点击事件的执行过程实例分析【冒泡与捕获】

    本文实例讲述了js点击事件的执行过程.分享给大家供大家参考,具体如下: js事件对象event包括很多事件类型,这里用onclick事件为例,探讨一下在js事件捕获机制和冒泡机制下的执行过程,以及如何阻止事件的捕获和冒泡. 首先看下当我们点击一个元素后,浏览器的执行过程. 1,当某个元素绑定的事件被触发时,这时浏览器就会从顶级document元素发出一个事件流 2,这个事件流顺着dom层级,一层一层向下找,直到遇到了触发事件的目标元素,这个查找的过程是捕获阶段 说明:捕获阶段,在查找每一层dom

  • iOS实现点击状态栏自动回到顶部效果详解

    iOS实现点击状态栏自动回到顶部效果详解

    前言 大家都知道实现状态栏(statusBar)点击自动回到顶部效果,旨在为用户在浏览界面时提供便利,点击状态栏能够快速回到界面顶部,所以主要针对可以滚动的UIScrollView和其子类UITableVIew和UICollectionView. 这里将从以下几个方面实现该功能. 1.苹果自带功能 分析: 首先,苹果自己已经提供了该功能,往上滑动tabView,点击statusBar,tableView会自动回到初始位置.如下图所示,此时点击statusBar,屏幕最上方显示的将是第一个cell

  • js 基础篇必看(点击事件轮播图的简单实现)

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首先,我们可以在body中添加一个div并且将宽度设置成百分比(自适应页面),比例具体是相对谁的百分比的话按需求来做,在这里不多说.将图片放入到div 中. 其次,样式部分将img标签全部设置成absolute:以方便定位 最后,js部分说说逻辑,定义两个空数组,第一个数组用来保存初始的显示在页面的图

  • JavaScript给按钮绑定点击事件（onclick）的方法

    本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script

随机推荐