Swift的一些翻译2:Hello World!
Chapter3
Hello World!用Swift制作你的第一个软件
现在你应该已经安装好了Xcode7,理解了一些Swift语言.如果你说没有,快去看看上一章.我们将用Xcode7.0(或者更高的版本)来做这本书里所有的练习.如果你之前看过其他的编程书你应该听说过"Hello World".Hello World是一个为第一次接触编程的人所作的一个小程序.它是一个很简单的工程,在你的设备屏幕上输出"Hello,World"
这在编程世界里是一个惯例.所以,让我们跟随这个惯例来用Xcode制作一个"Hello World"的软件.尽管它很简单,但是它可以达到下面几个目的:
1.它给你一个语法的预览和Swift语言的结构,一个iOS的新的编程语言.
2.它同样给了你一个基本的介绍关于Xcode7的环境.你将学习怎样创建一个Xcode项目然后给你展示用界面编译器搭建的你自己的界面.即便你之前用过Xcode,你也可以学习到更新到最新版本的Xcode有些什么改变.
3.你会学习到怎样编译一个项目,制作app然后在编译器里测试它
4.最后,它会让你觉得编程并不是一件难事.我并不想让你被学习编程吓到.它会很好玩的.
你的第一个app很简单,仅仅展示了一个"Hello World"按钮.当你按这个按钮的适合,app会显示一条欢迎信息.它非常简单,但是它开启了你的iOS编程之旅.
Workspace
在我们进入码字部分之前,我们花几分钟的时间看看Xcode的workspace环境.在左边是工程导航.你可以在这个区域找到你所有的工程文件.中间的workspace是编辑区域.你做所有的编辑资料(比如编辑工程设置,来源代码文件,用户界面)都在这个区域.比如说,如果你选择ViewController.Xcode会在中间区域显示源代码.如果你选择Main.storyboard,Xcode会展示给你可视化的编辑器.最右边的区域是多功能区.这块区域显示文件内容同时允许你进入快速帮助.如果Xcode不显示这块区域,你可以选择工具栏最右边的工具按钮来打开它.
到目前为止,我们还没有写任何代码.即便如此,你仍然可以用模拟器运行你的app.
在视图上添加一个按钮
下面我们将添加一个Hello World按钮.在多功能区的按钮部分,它展示给我们对象库.在这里,你可以选择任何UI Controls并且随意拖动他们进视图.如果你没看到对象库,你可以点击"Show the Object Library"按钮.你可以用开关按钮来切换菜单视图和图标视图.如果你想在对象库里了解更具体的对象,点击它,Xcode会告诉你关于这个控件简单的描述.
OK,是时候添加按钮了.你所需要做的就是从对象库里拖动一个对象放在视图上.当你把按钮拖到视图上的时候,你会看到水平和垂直的辅助线来帮助你判断按钮是否居中.停止拖动然后松开你的按钮把这个按钮对象放在这里.下一步,给它重命名成"Hello World".做出改变后,你需要再次居中对齐.
Great!你现在可以准备测试你的app了.运行模拟器后你会看到一个Hello World的按钮,对吧?但是,当你点击这个按钮的时候,它不会显示任何东西.我们要添加一些代码来显示"Hello World"的信息.
Quick note:这是ios开发很漂亮的敌方.代码和用户界面是分开的.你可以在故事板里轻松的设计用户界面而不需要用到任何代码.
写Hello World按钮的代码
现在你完成了Hello World app的界面,是时候写一些代码了.在工程导航栏里,你可以发现viewController.swift文件.因为我们最开始选择的是"Single View Application"工程模板,Xcode已经生成了一个ViewControll的类在ViewController.swift的文件里.这个文件与storyboard(故事板)相关联.为了当按钮按下的时候显示信息,我们将添加一些代码到这个文件.
Swift与OC的比较
如果你曾经在OC写过代码,Swift里一个最大的改变就是合并了header(.h)和implementation file (.m).所有的类信息文件现在储存在单独的.swift文件.
选择viewContrller.swift文件,编辑区域会立即显示源代码.在ViweController类里输入以下代码:
@IBAction func sowMessage(){
let alertController = UIAlertController(titleL "Welcome to My First App",message: "Hello World", preferredStyle: UIAlertControllerStyle.Alert)
alertController.addAction(UIAlertAction(title: "ok", style: UIAlertActionStyle.Default, handler: nil))
self.presentViewController(alerController, animated: true, completion: nil)
}
Quick note:我希望你们打下这段代码,而不是用复制黏贴.
编辑之后,你的源代码应该看起来像这样:
“import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
@IBAction func showMessage() {
let alertController = UIAlertController(title:
“Welcome to My First App", message: "Hello World", preferredStyle: UIAlertControllerStyle.Alert)
alertController.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler: nil))
self.presentViewController(alertController, animated: true, completion: nil)
}
}
你刚刚做的就是在ViewController类里添加一个showMessage()的方法.Swift里有方法的代码对你来说很新鲜.我将在下一章解释它.同时,把showMessage()当做一个action.当这个action被呼出的时候,这个代码块将会通知iOS在屏幕上显示"Hello World"信息.
用代码连接用户界面
我曾经说过将用户界面和源代码分开是iOS开发做得漂亮的方面.但是我们怎么建立他们之间的联系呢?
对我们这个样本来说,这个问题就是:
我们怎么才能连接storyboard里的"Hello World"按钮和ViewController类里面的showMessage()方法呢?
你需要连接他们,当有人按下Hello World按钮的时候app会给出回应.选择"Main.storyboard"来切换回界面编辑器
按住键盘上的control键,点击"Hello World"按钮然后拖拽它到View Controller图标.
同时松开鼠标和键盘,会弹出一个选择框,选择Sent Events下面的showMessage.这样他们的关系就建立起来了.
测试你的App
好了!你现在准备测试你的第一个app.点击"Run".如果一切正确,你的app应该正确的在模拟器里运行.这次,当你按下Hello World按钮的时候app会显示一段欢迎信息.
结束这章之前我还想跟你们讨论一件事.像之前提到的,你不需要写代码来自定义一个UI控件.这里,我想给你展示一下改变一个按钮的属性(比如颜色)是多么简单.选择"Hello World"按钮然后在多功能区域点击Attributes inspector.你将能进入按钮的属性.这里,你能改变字体,文本颜色,背景色等等.尝试把文本颜色变成白色,背景色编程红色或者你想要的任何颜色.
下一章会带来什么
祝贺你!你已经创建了你的第一个iPhone app.这是一个简单的app,但是我相信你已经对Xcode有了个更好的理解,同时了解了怎样制作一个app.它比你想象的更简单,对吗?
在下一章,我们将讨论Hello World app的细节然后解释这一切是怎样工作的.
完整的Xcode项目下载:
https://github.com/zt223/HelloWorld