iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

按钮主要是实现用户交互的,即实现响应。按钮实现响应的方式可以根据添加按钮的不同分为两种:一种是编辑界面添加按钮实现的响应;另一种是使用代码添加按钮实现的响应。

1.编辑界面添加按钮实现的响应

使用编辑界面添加按钮可以使用拖动的方式来实现按钮的响应,它也是最简单的一种实现响应的方式。

【示例2-4】以下将实现轻拍按钮,改变主视图背景颜色的功能。具体的操作步骤如下:

(1)创建一个Single View App模板类型的项目,命名为UIButton-response。

(2)打开Main.storyboard文件,从视图库中拖动按钮控件到主视图中,将Title设置为Tap me,Change View Color。

(3)使用设置编辑器的三个视图方式的图标,将Xcode的界面调整为如图2.5所示的效果。这一过程在前面的章节中讲解过。

 iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

图2.5  调整Xcode的界面

(4)按住Ctrl键拖动界面中的按钮对象,这时会出现一个蓝色的线条,将这个蓝色的线条拖动到ViewController.swift文件的空白处中,如图2.6所示。

 iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

图2.6  按住Ctrl键拖动界面中的按钮对象

(5)松开鼠标后,会弹出声明关联插座变量一起进行的对话框(在前面章节中讲解过),如图2.7所示。

 iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

图2.7  弹出声明关联插座变量一起进行的对话框

(6)将Connection选项设置为Action,表示关联的是一个动作;将Name设置为tapButton,表示关联的动作名为tapButton,如图2.8所示。

 iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

图2.8  填写对话框

注意:这里的Name可以是任意的。

(7)单击Connect按钮,会在ViewController.swift文件中看到如图2.9所示的代码。

 iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

图2.9  动作

上一篇:CSS3中更灵活的布局方式


下一篇:adhoc-海量数据多维自助即席查询平台-mdrill项目开源啦