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

 时间:2026-02-16 21:18:07

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

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

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

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

3、删除之前拖入的Label

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

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

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

1、首先,我们先画第一个界面,通过观察设计样稿知道,这个界面需要的控件有Label、Button、Image View、Table View。

根据设计样稿,我们将对应的控件从「对象仓库」中拖入对应的控件,并摆放到相应的位置中。

ps:Image View用于绘制设计样稿中的那个矩形框。Table View用于呈现明细列表。

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

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

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

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

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

3、分别绘制相应的界面。

ps:为了简单起见,在录入具体金额时,使用系统自带的键盘。

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

  • iOS开发之XCODE9快速上手篇
  • MAC环境变量以及解决mysql终端找不到命令问题
  • Mac os如何在终端下打开APP应用程序
  • 英格手表如何对日期
  • 如何让PS成为 Mac 上的默认图像编辑器?
  • 热门搜索
    阮怎么读 蝴蝶兰开完花后怎么处理方法 脚崴了肿了怎么消肿 怎么申请苹果id账号 为什么胸大 耳鸣怎么办 小妙招 绿豆粉的做法 合生元奶粉怎么样 鸡肉的做法大全家常 刘谦为什么突然不火了