如何使用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 上的默认图像编辑器?
  • 热门搜索
    jeep指南者怎么样 地三鲜的家常做法视频 手机开不了机是怎么回事 鸡杂怎么做好吃 抖音歌曲大全 对联大全 千古绝对 过敏性鼻炎的最佳治疗方法 鲨鱼肉怎么做好吃 什么方法可以丰胸 盆栽茉莉的养殖方法和注意事项