如何使用Swift开发IOS应用：[3]绘制界面

此篇介绍如何使用Xcode画APP界面。

工具/原料

Macbook

Xcode 6

准备

1、打开此系统之前我们创建的「PersonalAccounts」应用，并切换到「Main.storyboard」文件。

3、删除之前拖入的Label

绘制界面

1、首先，我们先画第一个界面，通过观察设计样稿知道，这个界面需要的控件有Label、Button、Image View、Table View。根据设计样稿，我们将对应的控件从「对象仓库」中拖入对应的控件，并摆放到相应的位置中。ps：Image View用于绘制设计样稿中的那个矩形框。Table View用于呈现明细列表。

3、分别绘制相应的界面。ps：为了简单起见，在录入具体金额时，使用系统自带的键盘。