我们的今天的任务：实现简单按钮交互
在前边两节课，我们在没有接触到任何Swiftt语言和代码的情况下，运行出了我们的第一次应用程序，只是这个App太简单了，如果我们只是编写一个没有任何交互的App，那么我们这个时候已经可以上架咱们的App了（不过苹果爸爸答不答应让你通过审核就不知道了）
既然咱们写的是应用程序，那么最基本的UI（User Interface 人机交互界面）交互还是需要的，不然你的App打开以后，就只能看，不能操作，岂不是很傻？
这次课程我依然不讲Swift语法有关的东西，个人觉得先枯燥的学习完语法再开始上手操作，那么我可能会在学习语法的过程中就已经放弃了，我的学习习惯往往是在应用中学习，即在得到任务的基础上，基于解决任务的过程中需要的知识，先实践，然后再深入，最后精通，（对于能克服先进性枯燥的学习，然后再实践这个学习过程的同学，请忽略）
1. 打开元件库，搜索“button”，找到我们的主角“Button“元件，（题外话：Button：就是按钮，用来提供给用户点击的）
2. 将Button拖到咱们的页面中，任何一个你喜欢的位置都可以（我们现在不讨论布局的问题），然后双击拖进来的Button元件，将Button的显示文字改成“戳我”，（现在我们运行一下程序，发现按钮已经出现在咱们的模拟器上了，但是呢，点了也就点了，但是没有任何反馈（也就是说程序是还没连接上这个按钮，此时我们点击这个按钮，程序是不知道我们是否点击了的））
3. 接下来，我们切换到编辑的双视图（英文：Assistan editor，我不知道别人怎么称呼它），这样子我们就能同时看到两个文件，方便在两个文件之间进行操作、我们让两个视图一边选中的是Main.Storyboard，另一边是我们的ViewController.swift文件
4. 选中“戳我”这个按钮，然后“右键”拖动出一条连接线，一直连接到ViewController.swift文件里, 这个时候你能看到屏幕提示“Insert,Action,Outlet, or Outlet Collection“. 此时松手
5. 松手以后，系统会弹出来连接设置选项：
输入元件的名字：我这里就写myFirstButton了（这个名字不是用户看到的名字，而是程序之间沟通需要用到的名字，程序能够之间互相认识用的）
选择元件的类型：我这里就用默认的Any了，你也可以选择UIButton（这里不讲这俩选择有什么区别，至少目前为了完成我们的任务，这俩没区别）
选择元件的响应方式：我选择默认的Touch Up Inside（就是当点击按钮内部并且离开的时候开始响应）
设置完了以后，点击“Connect“，完成连接
6. 连接完成以后，我们可以看到ViewController.swift文件里出现了一个 一段代码：
@IBAction func myFirstButton(_ sender: Any) {
}
并且这段代码前边有个实心圆，当我们点击这个实心圆的时候，我们是能直接看到我们当前这段代码连接的元素是哪个的
7. 在刚才新增的一段代码的大括号“{}”之间写入一段代码：
print("My first button clicked”) // 这段代码是用来在当点击“戳我”这个按钮的时候，在Xcode的控制台打印一段文字“My first button clicked“的”
（tips: 有同学可能对我代码后边使用的“// xxxx” 会有疑问，这个“//”的作用就是让“//”后边的文字不生效用的，像我就把他用来解释这段代码用来干嘛的，Xcode在运行的时候，会自动忽略“//”以及“//”后边的内容，这里不细讲，感兴趣的同学可以百度“注释”，了解什么意思）
8. Command + R 运行程序（以后就不再将怎么运行程序了）,程序运行起来以后，我们点一下“戳我”这个按钮，我们可以看到在控制台输出了“My first button clicked“ （这正是我们告诉”戳我“这个按钮被点击后，应该做的事情）
网友评论