《从零开始学Swift》学习笔记（Day 64）——Cocoa Touch设计模式及应用之目标与动作

原创文章，欢迎转载。转载请注明：关东升的博客

       目标 (Target) 与动作 (Action) 是 iOS 和 OS X 应用开发的中事件处理机制。  

问题提出

如图所示是一个 ButtonLabelSample 案例设计原型图，其中包含一个标签和一个按钮，当点击按钮的时候，标签文本会从初始的 Label 替换为 HelloWorld 。

 650) this.width=650;" width="500" height="379" title="image1.jpg" src="/upload/getfiles/default/2022/11/11/20221111092831469.jpg" border="0" vspace="0" hspace="0" />

ButtonLabelSample 案例首先要解决的问题是：按钮点击事件后有谁负责响应事件？谁进行事件处理？要答这个问题，可以打开 ButtonLabelSample 案例故事板文件 Main.storyboard ，如图所示， OK 按钮是在故事板文件 Main.storyboard 定义的，响应事件以及处理事件应该是在程序代码 ViewController.swift 实现的。那么如何将 OK 按钮点击事件与 ViewController.swift 中的事件处理代码关联起来？不同的计算机语言实现的方式不同，在 iOS 和 OS X 应用开发中是通过目标和动作机制实现事件处理的。

650) this.width=650;" width="500" height="321" title="image2.jpg" src="/upload/getfiles/default/2022/11/11/20221111092832371.jpg" border="0" vspace="0" hspace="0" /> 

解决方案

按钮等控件是继承自 UIControl 类，具有一些高级事件，目标和动作机制就是将特地的控件事件与视图控制器（或视图）中方法关联起来，这个过程称为“定义动作事件”。“目标”是响应事件对象，为了方便访问其他的控件状态，这个对象一般是视图控制器（或视图）。“动作”是控件的事件。

ButtonLabelSample 案例中按钮是在故事板文件（或 Xib 文件）中定义的，响应按钮点击事件（动作）是在视图控制器（目标）的方法中定义的，如下图所示，通过定义动作事件方式把目标与动作连接起来。

 650) this.width=650;" width="440" height="500" title="image3.jpg" src="/upload/getfiles/default/2022/11/11/20221111092835242.jpg" border="0" vspace="0" hspace="0" />

    要实现目标与动作的连接有两种方式： InterfaceBuilder 连线实现和编程实现。

1. Interface Builder 连线实现

InterfaceBuilder 连线实现就是故事板或 Xib 文件中，通过连线而现实。

2. 编程实现

     编程实现是通过 UIControl 类 addTarget(_:action:forControlEvents:) 方法实现的，主要代码如下：

class ViewController:UIViewController {
 
    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.view.backgroundColor =UIColor.whiteColor()
        
        let screen =UIScreen.mainScreen().bounds;
        let labelWidth:CGFloat = 90
        let labelHeight:CGFloat = 20
        let labelTopView:CGFloat = 150
        let label = UILabel(frame:CGRectMake((screen.size.width 
          - labelWidth)/2 , labelTopView, labelWidth, labelHeight))
        
        label.text = "Label"
        //字体左右剧中
        label.textAlignment = .Center
        self.view.addSubview(label)
        
        let button = UIButton(type:UIButtonType.System)//创建UIButton对象
        button.setTitle("OK",forState: UIControlState.Normal)
        
        let buttonWidth:CGFloat = 60
        let buttonHeight:CGFloat = 20
        let buttonTopView:CGFloat = 240
        
        button.frame =CGRectMake((screen.size.width 
            -buttonWidth)/2 , buttonTopView, buttonWidth, buttonHeight)
        
        button.addTarget(self, action:"onClick:", 
            forControlEvents:UIControlEvents.TouchUpInside)
        
        self.view.addSubview(button)   
    }
 
    func onClick(sender: AnyObject) {
        NSLog("OK Button onClick.")
    }    
 
    ...
}

上述代码中创建并设置 UIButton 对象，其中创建 UIButton 对象，参数 type 是设置按钮的样式， UIButton 样式：

• Custom。自定义类型。如果不喜欢圆角按钮，可以使用该类型。

• System。系统默认属性，表示该按钮没有边框，在iOS 7之前按钮默认为圆角矩形。

• Detail Disclosure。细节展示按钮，主要用于表视图中的细节展示。

• Info Light和Info Dark。这两个是信息按钮，样式上与细节展示按钮一样，表示有一些信息需要展示，或有可以设置的内容。

• Add Contact。添加联系人按钮。

代码调用 addTarget(_:action:forControlEvents:) 方法，方法第一个参数是 target ，即事件处理对象，本例中是 self ；方法第二个参数是 action ，即事件处理对象中的方法，

代码中是 "onClick:" ，方法第三个参数是事件， TouchUpInside 事件是按钮的触摸点击事件。

如果调用如下无参数方法：

func onClick() {
}

调用代码如下：

button.addTarget(self,action: "onClick", 
        forControlEvents:UIControlEvents.TouchUpInside)

区别在于 action 参数 "onClick" 方法名不同， action 参数方法名的冒号暗示了方法名应该具有几个参数。如果要调用的方法是如下 3 个参数形式：

func onClick(sender: AnyObject, forEvent event: UIEvent) {
}

那么调用代码如下：

button.addTarget(self,action: "onClick:forEvent:",
        forControlEvents:UIControlEvents.TouchUpInside)

其中 "onClick:forEvent:" 是调用方法名， onClick 表示方法名也是， forEvent 表示第二个参数的外部参数名。

欢迎关注关东升新浪微博 @tony_ 关东升。
关注智捷课堂微信公共平台，了解最新技术文章、图书、教程信息
 650) this.width=650;" title="00.png" src="/upload/getfiles/default/2022/11/11/20221111092835715.jpg" />
更多精品 iOS 、 Cocos 、移动设计课程请关注智捷课堂官方网站： http://www.zhijieketang.com
智捷课堂论坛网站： http://51work6.com/forum.php

本文出自 “关东升-iOS技术顾问” 博客，请务必保留此出处http://tonyguan.blog.51cto.com/701759/1748673

原文：http://tonyguan.blog.51cto.com/701759/1748673