1.2 您的第一个工程项目 [iOS开发-Xcode教程]

1. 在欢迎面板的右侧,是一个历史项目列表,显示了所有最近打开的项目。使用您的手指,双击此处以打开您在上节课中,创建的空白项目。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第1张图片
image

2. 在左侧的项目导航区,点击打开资源文件夹,您将在此文件夹中,导入一张图片素材。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第2张图片
image

3. 然后在资源文件夹中,点击鼠标右键,弹出右键菜单。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第3张图片
image

4. 在弹出的右键菜单中,点击选择导入命令,往项目里导入一张图片素材。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第4张图片
image

6. 在弹出的文件夹窗口中,选择待导入的图片。 然后点击打开按钮,确认图片的选择,并把图片导入到项目中。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第5张图片
image

7. 接着打开视图控制器的代码文件。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第6张图片
image

8. 点击隐藏或显示检查器图标,隐藏界面右侧的检查器面板。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第7张图片
image

9. 现在我们来一步步编写代码,把刚才导入的图片显示在屏幕上。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第8张图片
image

10. 创建一个图像类,用来加载和绘制图像。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第9张图片
image

11. 在加载项目中的图片资源之后,再将图片指定给图像视图。您可以将图像视图,看作是图片的容器。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第10张图片
image

12. 最后把图像视图对象,添加到当前视图控制器的根视图,就可以在屏幕上显示图片了。点击左上角的[编译并运行]按钮,打开模拟器预览项目。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第11张图片
image

13. 观察模拟器中显示的图片,然后点击[停止]按钮,关闭模拟器,并结束本节课程。

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第12张图片
image

1.2 您的第一个工程项目 [iOS开发-Xcode教程]_第13张图片
image

本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

你可能感兴趣的:(1.2 您的第一个工程项目 [iOS开发-Xcode教程])