文档章节

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

智捷课堂
 智捷课堂
发布于 2016/01/25 14:59
字数 1102
阅读 19
收藏 1

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

 

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

 

问题提出

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


 

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

 

解决方案

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

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

 

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

1. Interface Builder连线实现

Interface Builder连线实现就是故事板或Xib文件中,通过连线而现实。

2. 编程实现

编程实现是通过UIControladdTarget(_: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 LightInfo 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_ 关东升。
关注智捷课堂微信公共平台,了解最新技术文章、图书、教程信息
 

更多精品iOSCocos、移动设计课程请关注智捷课堂官方网站:http://www.zhijieketang.com
智捷课堂论坛网站:http://51work6.com/forum.php

 

 

© 著作权归作者所有

智捷课堂

智捷课堂

粉丝 40
博文 239
码字总数 215495
作品 0
东城
私信 提问
让设计模式飞一会儿|①开篇获奖感言

     哈喽,大家好,从今天开始我将正式开启有关设计模式的系列文章的写作,和大家一同来聊聊设计模式这个老生常谈的玩意。关于设计模式的文章,书籍,多如牛毛,随便百度、Google一下都...

java进阶架构师
09/18
0
0
iOS设计模式--备忘录设计模式与命令设计模式

何为备忘录模式? 在响应某些事件时,应用程序需要保存自身的状态,比如当用户保存文档或程序退出时。例如,游戏退出之前,可能需要保存当前会话的状态,如游戏等级、敌人数量、可用武器的种...

国士梅花
2015/08/16
105
0
Objective-C中单例模式的实现

单例模式在Cocoa和Cocoa Touch中非常常见。比如这两个,[UIApplication sharedApplication]和[NSApplication sharedApplication],大家应该都见过。但是我们应该如何在代码中实现一个单例模式...

雾灵峰
2013/03/24
595
0
关东升的《《从零开始学Swift》即将出版

大家好: 苹果2015WWDC大会发布了Swift2.0,它较之前的版本Swift1.x有很大的变化,所以我即将出版《从零开始学Swift》《从零开始学Swift》将在《Swift开发指南》第1版的基础上添加Swift2.0的...

智捷课堂
2015/08/17
110
0
C#设计模式(2)——简单工厂模式

一、引言   这个系列也是自己对设计模式的一些学习笔记,希望对一些初学设计模式的人有所帮助的,在上一个专题中介绍了单例模式,在这个专题中继续为大家介绍一个比较容易理解的模式——简单工...

技术小胖子
2017/11/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【1015】LNMP架构二

【1015】LNMP架构二 三、PHP安装 PHP安装和LAMP安装PHP方法有差别,需要开启php-fpm服务 1、下载PHP7至/usr/local/src/ 切换目录:cd /usr/local/src 2、解压缩 tar -jxvf php-7.3.0.tar.gz...

飞翔的竹蜻蜓
42分钟前
4
0
浅谈Visitor访问者模式

一、前言 什么叫访问,如果大家学过数据结构,对于这点就很清晰了,遍历就是访问的一般形式,单独读取一个元素进行相应的处理也叫作访问,读取到想要查看的内容+对其进行处理就叫作访问,那么...

青衣霓裳
今天
6
0
JS内嵌多个页面,页面之间如何更快捷的查找相关联的页面

假设parent为P页面, P页面有两个子页面,分别为B页面和C页面; B页面和C页面分别内嵌一个iframe,分别为:D页面和E页面 现在通过B页面的内嵌页面D的方法refreshEpage(eUrl)来加载内嵌页面E的内容...

文文1
今天
7
0
Hibernate 5 升级后 getProperties 错误

升级到 Hibernate 5 后,提示有错误: org.hibernate.engine.spi.SessionFactoryImplementor.getProperties()Ljava/util/Map; 完整的错误栈为: java.lang.NoSuchMethodError: org.hibernate......

honeymoose
今天
6
0
mysql-connector-java升级到8.0后保存时间到数据库出现了时差

在一个新项目中用到了新版的mysql jdbc 驱动 <dependency>     <groupId>mysql</groupId>     <artifactId>mysql-connector-java</artifactId>     <version>8.0.18</version> ......

ValSong
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部