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