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

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

工具/原料

Macbook

Xcode 6

准备

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

2、切换到主面板，并关闭左侧项目树

3、删除之前拖入的Label

4、打开之前你已经做好的设计样稿

绘制界面

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

2、从「对象仓库」中拖入3个「View Controller」用于绘制其他设计样稿中的界面。

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

结束

1、现在为止，我们已经画好暂时需要的界面了。我们可以使用「运行」来查看我们已经绘制成功的界面。