原文:http://coolketang.com/staticCoding/5a990cf217d0090035978b90.html
1. 本节课将为您演示如何使用资源文件夹,导入并管理图片资源。首先双击打开之前创建的项目模板。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkyOC81ODhmZmU5OWEyYTI2OGMwODBkOGExMzQyMWQ5N2YxMC5wbmc%3D.png?w=700&webp=1)
2. 资源文件夹可以方便您进行图片管理,在读取图片时,不需要加上图片名的后缀。同时还可以提高软件的安全性, 因为它会将图片进行加密和压缩。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc1Ny9mMTE0YTQwMTIxNTMwNmY1NjNhNjMyOWUyZDA5YjMwZC5wbmc%3D.png?w=700&webp=1)
3. 点击底部的加号图标,打开资源文件夹菜单。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc4NC9iNGYzNThmMDUxOTZkZWEyNTdjYWE1MWU4MTc2ZDhkOC5wbmc%3D.png?w=700&webp=1)
4. 在打开的选项列表中,点击选择新建文件夹命令,创建一个空白文件夹。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2LzE2ZTVjOTdkYzNkZjRiMDkwZTIxMGQ4YjRmZDgzYzZjLnBuZw%3D%3D.png?w=700&webp=1)
5. 点击选择刚刚创建的文件夹。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIxOS83YWI0OTFmMmJhY2VmZTI5ODAyMmI0OGI3NzkzODA3Yi5wbmc%3D.png?w=700&webp=1)
6. 然后在文件夹名称上点击,更改文件夹的名称。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ4OS8zOWYwN2I0MDI5NTA1OTIwZTgxM2ZlNGJhZWY5NmEwOS5wbmc%3D.png?w=700&webp=1)
7. 继续点击,输入文件夹的名称。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkyOC81NDA0ZjE4YjFhMWMzYTJkNTRkYTM2ZTM2NTRjMzYxOC5wbmc%3D.png?w=700&webp=1)
8. 按下键盘上的回车键,完成文件夹名称的更改。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc0NS8wZmI2ZjZkNWNmNGQ5ODM1NDM2OGIwYzFlOTgyNDIwMS5wbmc%3D.png?w=700&webp=1)
9. 再次点击底部的加号图标,打开资源文件夹菜单,往新建文件夹中导入几张图片。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY2Ny83MGI4M2U2ZGRkZDE0ZTQyY2JjMmFiY2MyYmM1NWJmMy5wbmc%3D.png?w=700&webp=1)
10. 在弹出的功能菜单中,点击选择导入选项。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY5Ny8wZDZjNjE4YzVkZGFhZmUyZTVmOWRjMDRlNTQ5MTk0OS5wbmc%3D.png?w=700&webp=1)
11. 在右上角的圆点处按下鼠标,然后滑动到左下角的圆点处,从而选择两点之间的所有图片。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE2Ni9mYzk5ZmY5NDM5YWU4NzliM2I5ZjRiYjY3MDhmNTkyNi5wbmc%3D.png?w=700&webp=1)
12. 点击打开按钮,确认图片的选择,并把选中的所有图片,导入到项目中。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc1OC8xZmE3NzgzNGYwZTM3ZWJiNDQ2NThjODk4MDc3MmQ5Ni5wbmc%3D.png?w=700&webp=1)
13. 导入的图片,并不在新建的文件夹中。所以在图片上按下鼠标,并将图片向上拖动到文件夹中。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ0LzMxOTBjMDZhYjAyMDdjMTlmMDA5ZDI2MWMxMGFiNzA0LnBuZw%3D%3D.png?w=700&webp=1)
14. 接着打开视图控制器的代码文件。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkwOC82ZGMzM2E1ZjcwOTdiNWFiZTM0MjIxZGI0ZTRmYjc5Yy5wbmc%3D.png?w=700&webp=1)
15. 现在我们来一步步编写代码,把刚才导入的图片显示在屏幕上。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUzNC81ZGNiZTY3NTNiNGQyZmMwMTM4MjYyZjY0NGU5ZmE4ZS5wbmc%3D.png?w=700&webp=1)
16. 创建一个图像类,用来加载和绘制图像。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgyNC9hN2IyNzg2YWJjMzQ2M2RjYzViYzliNzBiNDVkNmQ3OC5wbmc%3D.png?w=700&webp=1)
17. 在读取项目中的图片资源之后,再将图片指定给图像视图。您可以将图像视图,看作是图片的容器。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY4My8xOGU3MzdjOTAyYTA2NjgxOTY4Yzg0MGNlNmE0ZTk1My5wbmc%3D.png?w=700&webp=1)
18. 最后把图像视图对象,添加到当前窗口的根视图,就可以在屏幕上显示图片了。点击左上角的[编译并运行]按钮,打开模拟器预览项目。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzU3MS83NzEyNzc1ZGUyZDY4ZTBiMDU2NzhjZTc3YzgzMWYxMy5wbmc%3D.png?w=700&webp=1)
19. 在弹出的模拟器中,显示了您刚刚导入的图片,现在点击[停止]按钮,关闭模拟器,并结束本节课程。
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE5OS82NjU5ZjY0MjcxMWE0OTQyNzIzZGQ4YTdlZTg4YTk1Ny5wbmc%3D.png?w=700&webp=1)
![1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程] 1.3 使用资源文件夹导入并管理图片素材 [原创iOS开发-Xcode教程]](https://image.shishitao.com:8440/aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ3OC8yNTI5NTdmNTJhMTBkNzA4YjdkZWIyMTBiOWUxZWZmZS5wbmc%3D.png?w=700&webp=1)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载