使用Xcode构建您的第一个应用程序
确保您的选项未选中,并且语言为Swift。
导航Xcode
我们将工作的四个主要部分是导航器,编辑器,调试区域和实用程序区域。
如您所见,我们的项目文件位于导航区域中。 我们应用程序的界面按钮将在Storyboard.swift
进行设计。 文件和我们的Swift代码将保存在ViewController.swift
。 Xcode已经为我们提供了View Controller项目文件以开始使用。 现在,不必担心AppDelegate.swift
或其他文件。
创建UI设计
尽管您可以通过编程方式对界面进行编码,但我认为在情节提要中进行工作是一种更直观,更有趣的方式来了解正在发生的事情。 因此,我们将在Xcode的故事板(用于存储用户界面)中使用情节提要。
仍在导航区域中的HelloWorldApp文件夹下,单击Storyboard.swift
。
添加对象元素
继续并单击对象库,如下图所示,或(Shift + Command + L)。
继续,在画布上添加一个“ 按钮 ”和一个“ 标签 ”。 从上面的对象库中放置并拖拽Button和Label对象。 使用右面板顶部的“ 显示属性”检查器图标,将按钮的文本,大小和字体更改为“显示问候”,添加背景色,并将标签重命名为“ Hello World”。
添加约束
我们需要添加约束,以使其在旋转设备或在不同屏幕尺寸上使用时保持在原位。 选择元素后,您将要单击下面的图标以添加约束。
将UI元素连接到代码
现在,我们已经完成了UI,现在让我们编写代码以建立与UI的连接。
要并排查看两个文件,请单击助手编辑器以在项目导航器中打开ViewController.swift
文件。
现在,我们需要在“显示问候”按钮与View Controller.swift
文件之间建立连接。
在Storyboard.swift
文件中,单击“ Hello World!”标签。 在单击键盘上的CTRL按钮的同时,单击并将标签拖动到ViewController.swift
文件。 确保标签是连接插座,并标记为“ helloWorld”。 使用“显示问候语”按钮执行相同的操作,除了确保将连接更改为“动作”。
它看起来像这样:
完成代码
测试该应用程序之前的最后一步是将以下代码放入您刚刚添加的toggleGreeting(_ sender: Any)
方法中,该方法在未被使用时将隐藏“ Hello World!”问候: helloLabel.isHidden = !helloLabel.isHidden
。
您完成的代码应如下所示:
在工具栏的左上角,选择“播放”按钮。 这使Xcode能够在iOS模拟器启动时编译和构建应用程序。
所以你有它! 我们的第一个iOS应用〜*
既然您已经开始涉足iOS开发,我希望您以此为出发点来尝试总体上编程和开发方面的新事物。 探索您的选择-太多了! 继续让您的坏蛋充满信心的编码员自我深入研究,开始创作!