Swift 2.1 为 UIView 添加点击事件和点击效果

2024-09-27 04:53:40

前言

　　UIView 不像 UIButton 加了点击事件就会有点击效果，体验要差不少，这里分别通过自定义和扩展来实现类似 UIButton 的效果。

正文

　　一、为 UIView 添加点击事件

extension UIView {

  func addOnClickListener(target: AnyObject, action: Selector) {
    let gr = UITapGestureRecognizer(target: target, action: action)
    gr.numberOfTapsRequired = 1
    userInteractionEnabled = true
    addGestureRecognizer(gr)
  }

}

二、为 UIView 添加点击效果

class UIViewEffect : UIView {

  override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
    backgroundColor = UIColor.groupTableViewBackgroundColor()
  }

  override func touchesCancelled(touches: Set<UITouch>?, withEvent event: UIEvent?) {
    UIView.animateWithDuration(0.15, animations: { () -> Void in
      self.backgroundColor = UIColor.clearColor()
    })
  }

  override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) {
    UIView.animateWithDuration(0.15, animations: { () -> Void in
      self.backgroundColor = UIColor.clearColor()
    })
  }
}

这里大家可以换成自己的点击效果，如果是 UIImageView 可以换成点击变更透明度。

IOS自定义UIView

IOS中一般会用到几种方式自定义UIView 1.继承之UIView的存代码的自定义View 2.使用xib和代码一起使用的自定义View 3.存xib的自定义View(不需要业务处理的那种) 本文主要就介绍下存代码的自定义UIView和能够在storeboard中实时显示效果的自定义UIView 先上效果图上面为设计界面,能够直接显示一个View的圆角与边框线上面那个圆形饼图是用纯代码自定义的 1.实现在storeboard中实时显示效果的自定义UIView 1.创建MyView.h 继
IOS 开发之swift中UIView的扩展使用的实例

IOS 开发之swift中UIView的扩展使用的实例扩展类代码: import UIKit extension UIView { // MARK : 坐标尺寸 var origin:CGPoint { get { return self.frame.origin } set(newValue) { var rect = self.frame rect.origin = newValue self.frame = rect } } var size:CGSize { get { return
iOS动画-定时对UIView进行翻转和抖动的方法

(翻转)方式一: [NSTimer scheduledTimerWithTimeInterval:3.f repeats:YES block:^(NSTimer * _Nonnull timer) { CABasicAnimation* rotationAnimation = [CABasicAnimation animation];; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.
iOS为UIView设置阴影效果

UIView的阴影设置主要通过UIView的layer的相关属性来设置阴影的颜色 imgView.layer.shadowColor = [UIColor blackColor].CGColor; 阴影的透明度 imgView.layer.shadowOpacity = 0.8f; 阴影的圆角 imgView.layer.shadowRadius = 4.f; 阴影偏移量 imgView.layer.shadowOffset = CGSizeMake(4,4); imgView.layer.s
IOS 开发之UIView动画的实例详解

IOS 动画实例详解 iOS动画的实现方式多种多样,这里就只记录一下 beginAnimations:context . 在你调用 beginAnimations:context:方法来启动一个动画后,动画并不会立即被执行,直到你调用 UIView 类的 commitAnimations 类方法.你对一个视图对象执行的介于 beginAnimations:context:方法跟 commitAnimations方法之间的操作(例如移动)会在 commitAnimations 被执行后才会生效
IOS UIView的生命周期的实例详解

IOS UIView的生命周期的实例详解任何对象的者有一个生命周期,即都存在一个实例化到销毁的过程. UIView对象也不例外,那么UIView从init/new开始后,直到dealloc结束的过程中都经历了哪些过程呢? 首先自定义继承自UIView的对象LifeView #import <UIKit/UIKit.h> @interface LifeView : UIView @end #import "LifeView.h" @interface LifeView ()
在uiview 的tableView中点击cell进入跳转到另一个界面的实现方法

1.先重写uiviewcontrol的方法 - (UIViewController *)viewController { for (UIView* next = [self superview]; next; next = next.superview) { UIResponder *nextResponder = [next nextResponder]; if ([nextResponder isKindOfClass:[UIViewController class]]) { return
JQuery点击事件回到页面顶部效果的实现代码

JQuery点击事件回到页面顶部效果的实现代码 //2个div,点击某个时回到顶部 <div style="height:1000px">111111111111111</div> <div id="top" >top</div> <引用JQuery> <script type="text/javascript"> $(function(){ $("#top&quo
Swift 2.1 为 UIView 添加点击事件和点击效果

前言 UIView 不像 UIButton 加了点击事件就会有点击效果,体验要差不少,这里分别通过自定义和扩展来实现类似 UIButton 的效果. 正文一.为 UIView 添加点击事件 extension UIView { func addOnClickListener(target: AnyObject, action: Selector) { let gr = UITapGestureRecognizer(target: target, action: action) gr.numbe
Vue如何给组件添加点击事件 @click.native

目录给组件添加点击事件 @click.native 问题结论 vue中@click.native使用 @click.native是给组件绑定原生事件给组件添加点击事件 @click.native 问题毕设项目中有个产品展示列表,当初用组件写的,今天想要点击获取当前选中的产品的数据,刚开始直接使用@click写的,但是点击并没有生效. 我尝试在组件中添加点击事件,点击图片,控制台输出1. 结果是可以实现的. 结论给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自It
jQuery on()方法绑定动态元素的点击事件实例代码浅析

之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态生成的标签点击了没反应,而live方法却能够支持,于是乎到处查资料,问网友,结果找了好久在一篇文章中终于找到了答案... jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果.大家看看源码就知道了.生成的按钮基数项on方法点击无效l
JavaScript代码模拟鼠标自动点击事件示例

利用JavaScript代码可以帮助我们实现鼠标的自动点击事件.比如点击了按钮1以后,JavaScript代码会自动去点击下一个按钮,一直点击到按钮5才会停止(可根据实际情况进行相应的调整). 效果图如下所示: 按钮1被点击以后,通过JavaScript的代码自动点击按钮2,代码点击了按钮2之后又会去点击按钮3,以此类推,直到点击到按钮5为止. 首先先设置几个按钮,然后再设置一个盒子包裹着一些文字,方便我们在接下来js部分中更换里面的内容时,更加直观的看到它的效果. HTML代码部分: 通过cs
android实现点击图片全屏展示效果

本文实例为大家分享了android实现点击图片全屏展示的具体代码,供大家参考,具体内容如下 MainActivity: public class MainActivity extends AppCompatActivity { private ImageView imageView; private Dialog dialog; private ImageView image; @Override protected void onCreate(Bundle savedInstanceState
Android列表点击事件定义的一些思考

前言列表在我们的日常开发中使用的频率是非常高的,像下图的歌曲播放列表,或者课程展示,那么这些场景都需要我们用到点击事件,点击歌曲播放歌曲,点击课程了解详情,那么我们应该怎么定义点击事件呢? 列表点击事件的定义在Adapter内创建接口,并设置set方法 // 声明接口 interface OnItemClickListener { fun onItemClick(itemView: View?, pos: Int, itemId: Long) } //设置set方法 fun setOnIte
vue中的主动触发点击事件

目录主动触发点击事件如何自动触发点击事件模拟点击下载文件.图片主动触发点击事件由vue代码触发点击事件,实现的效果是:点击按钮,触发 <input> 输入框点击事件,从而实现选择文件. 示例如下: <template> <input type="file" id="input-upload-file" ref="selectFiles" multiple="multiple"&g
vue如何通过点击事件弹出弹窗页面详解

目录步骤一步骤二总结步骤一创建一个弹窗页面,我们给该页面命名为dialogComponent,弹窗页面中要设置以下内容: <template>   <el-dialog title="弹窗" :visible.syn
iOS中给自定义tabBar的按钮添加点击放大缩小的动画效果

之前想过一些通过第三方的方式实现动画,感觉有点麻烦,就自己写了一个不足之处还望大家多多指出 // 一句话,写在UITabBarController.m脚本中,tabBar是自动执行的方法 // 点击tabbarItem自动调用 -(void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item { NSInteger index = [self.tabBar.items indexOfObject:item]; [self a

Swift 2.1 为 UIView 添加点击事件和点击效果

相关推荐

随机推荐