iOS 入门——Hello World app

iOS 入门——Hello World app

做为Mac重度使用者以及iOS小白一枚(匿），我将为iOS 10 构建咱们的第一个iOS应用程序
（著名的“Hello World” ）。
咱们将以几种方式学习如何向用户呈现信息。

开发环境

• macOS系统

• Xcode 8 (最好是最新版本)

• Apple开发者帐号（可选项，为了安装到iPhone上装逼。。没有的话能够用Xcode自带的simulator）

咱们将使用称为labelview的UI元素在屏幕上显示一条静态消息。

让咱们开始建立一个新的项目。

点击左侧 Create a new Xcode project

咱们也能够从Xcode中的文件菜单建立新的项目：

这将打开一个对话框类型屏幕，容许咱们在多种应用程序类型之间进行选择。 例如，咱们可使用Xcode为iPhone和/或iPad（iOS应用程序）构建应用程序，适用于Apple TV（tvOS），Apple Watch或Mac。 使用Xcode 8，咱们还能够构建跨平台游戏

这里咱们选择Single View Application（这也是咱们初学项目最常选项） 这是用户在运行应用程序时看到的屏幕，它占用了设备的整个屏幕空间。
虽然该应用程序是由Xcode建立为单个视图应用程序，但咱们能够添加任意数量的视图。

单击下一步按钮，而后给项目名称Hello World。 确保选择Swift做为开发语言
（还不怎么会使用objective-C。。逃）
对于设备，若是但愿app在iPad和iPhone上运行，请选择通用。 也还能够选择特定设备。

建立项目后，咱们将在窗口左侧的文件树中看到项目中的文件，库和其余项目的列表。 个人看起来像这样：

• AppDelegate.Swift：这是一个文件，您编写代码来处理我所说的应用程序的管理区域。例如，若是您须要在应用程序启动时执行的代码，或者当应用程序重点关注时执行代码，或者在用户关闭应用程序时整理代码，该代码将放在此处。

• ViewController.Swift：您的应用程序中各个视图的代码在ViewController文件中。这是一个名为UIViewController的类，它运行每一个视图的操做。因为咱们的Hello World应用程序中只有一个视图，因此有一个ViewController。若是要添加更多屏幕，您将为每一个屏幕或视图添加视图控制器文件。

• MainStoryboard：故事板是一个图形界面，用于设计应用程序的GUI或用户界面。大多数时候，您的全部视图控制器都将在这里看到他们的意见。您能够将用户界面元素拖到每一个屏幕或视图上，如按钮，滑块控件和图像。它也能够将视图屏幕添加为单独的文件，在这种状况下，它们是xib文件。这是从旧版本的Xcode，而绝大多数时候，咱们将使用故事板。它还容许您链接屏幕，以便点击按钮将会转到特定视图，例如。您能够看到启动屏幕有本身的故事板，您能够在其中设计启动时看到的屏幕。

• Assets.xcassets：您能够在这里找到一个地方，添加与应用程序相关联的图像，包括应用程序图标和启动图像。

• Info.plist：这是存储应用程序重要属性的重要文件。

• Products：在这里，您将找到实现的.app文件（若是已经构建）。您能够右键单击
  在其上选择“在Finder中显示”。

因此让咱们开始构建咱们的Hello World应用程序吧！
点击你的Main.storyboard文件。 在右下方点击第三个相似铜币图案，
找到Label 并将其拖动到屏幕顶部，命名并将文字居中。

单击View Controller查看代码。
如今咱们来点击白色背景来选择视图。 在右侧，您将看到所选对象的属性。 让咱们将视图的背景颜色更改成柔和的绿色。 经过点击背景来作到这一点。

如今再拖一个按钮到屏幕上。改变相应属性，如图所示。 我也改变了文字的颜色并居中。

但仅仅只有用户界面元素是无用的，除非咱们能够在代码中识别它们，并根据屏幕上发生的事件执行功能。 例如，当用户点击按钮时，咱们须要编写代码来响应该事件。 这样的代码被放在一个Action方法中。 Xcode能够轻松地将屏幕上的对象直接与代码相关联。 咱们来看看怎么作

在Xcode 界面右上方

第二个按钮称为助手编辑器。 若是您点击它，将打开一个代码窗口。 例如，假设咱们的屏幕上有一个按钮。 点击助手编辑器，咱们看到：

单击对象，同时按下control键选择它（在这种状况下为按钮）。 如今从对象拖到代码中，在行类ViewController和override func viewDidLoad之间的区域。 你会看到一个弹出窗口：

一个Outlet将在你的代码中识别这个对象。 咱们如今不须要担忧存储，因此选weak便可。 键入名称，而后单击connect。 你会看到你的代码以下，若是咱们给它的名称helloButton：

一样的方法连接视图中的UILabel，命名为sayHelloLabel.

如今为按钮添加方法：
一样选中按钮，按住control键，此时单击打开“connect”下拉列表，而后选择“Action”。

您还能够选择参数列表，但如今默认值是咱们须要的。 命名你的功能 您将在代码中看到以下：

@IBAction func helloClicked(_ sender: AnyObject) { }

在大括号之间输入代码。
如今关闭助理编辑器，点击窗口右上角的X，而后返回到ViewController.Swift。 我将声明一个咱们将在代码中使用的一个常量字符串：

let myMessage = "Hello world, hope you are having a good day!"

当点击按钮时，咱们但愿应用更改屏幕标签的文本。 这能够经过设置标签的text属性来实现。
最后，代码是这样。

import UIKit
class ViewController: UIViewController {
    @IBOutlet weak var sayHelloLabel: UILabel!
    @IBOutlet weak var helloButton: UIButton!

    let myMessage = "Hello world, hope you are having a good day!"

@IBAction func helloClicked(_ sender: AnyObject) { 
    var strMessage = "Hello World!"
    sayHelloLabel.text = myMessage 
}
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.

}

如今能够在模拟器中运行应用程序。 这能够经过单击Xcode窗口左上角的箭头来完成。 若是您点击打开下拉列表，您将看到几个选项（包括您本身的iPhone或iPad设备，若是链接，并须要开发者帐号）选择任一模拟器便可。
[image:BB059721-ED72-43B1-9A3D-2DC49746111B-1297-00000FB77AC4FC02/03BEA926-A1FF-49A8-811C-2B7113AEC173.png]

这里，点击SayHelloWorld, 上方的标签将由SayHello变为
Hello world, hope you are having a good day!

[image:A26A0CFB-E626-44A0-A77B-91AB4FF442AB-1792-00001CC9057BB808/Screen Shot 2017-09-06 at 22.27.50.png]

这样，咱们成功完成了Hello World app的搭建，迈出了进入iOS开发的第一步，以后要学习的还不少，一块儿加油。

Reference

App school for Xcode and iOS 10 Development Free

Copyright © 2017 zhiwei xu. All rights reserved.