Assets.xcassets的详细使用方法

开始之前，首先回顾一下iOS7初体验(1)——第一个应用程序HelloWorld中的一张图，如下所示：

本文分享一下Images.xcassets的体验~_~

1. 打开此前使用过的HelloWorld项目，然后单击并打开导航区域中的Images.xcassets，看看都有些什么东东:]：

2. 在图中可以看到中间位置有两个虚线框，感觉应该可以直接拖文件进来。OK，那就先准备一下资源文件，如下图所示：

说明：为方便起见，除Icon7.png之外，其他图标的文件名均沿袭了以往iOS图标的命名规则。

3. 将[email protected]拖拽到第一个虚线框中，将Icon7.png拖拽到第二个虚线框中，如下图所示：

说明：[email protected]的尺寸是58*58像素的，而Icon7.png的尺寸是120*120像素的。另外，如果拖入的图片尺寸不正确，Xcode会提示警告信息。

4. 上图中单击实用工具区域的最右侧Show the Attributes inspector（显示属性检查器）图标，能够看到图像集的属性，勾选一下iOS 6.1 and Prior Sizes看看会发生什么变化？

5. 分别将Icon-Small.png、Icon.png和[email protected]顺序拖拽到三个空白的虚线框中，完成之后的效果如下图所示：

6. 右击左侧的AppIcon，在弹出的辅助菜单中选择Show in Finder，看看刚才拖拽都做了哪些工作：

7. 图中除了Contents.json这个文件陌生之外，其他文件都是刚刚拖拽进Xcode的，双击查看一下Contents.json文件内容：

[html] view plain copy

  1. {
  2. "images" : [
  3. {
  4. "size" : "29x29",
  5. "idiom" : "iphone",
  6. "filename" : "Icon-Small.png",
  7. "scale" : "1x"
  8. },
  9. {
  10. "size" : "29x29",
  11. "idiom" : "iphone",
  12. "filename" : "[email protected]",
  13. "scale" : "2x"
  14. },
  15. {
  16. "size" : "57x57",
  17. "idiom" : "iphone",
  18. "filename" : "Icon.png",
  19. "scale" : "1x"
  20. },
  21. {
  22. "size" : "57x57",
  23. "idiom" : "iphone",
  24. "filename" : "[email protected]",
  25. "scale" : "2x"
  26. },
  27. {
  28. "size" : "60x60",
  29. "idiom" : "iphone",
  30. "filename" : "Icon7.png",
  31. "scale" : "2x"
  32. }
  33. ],
  34. "info" : {
  35. "version" : 1,
  36. "author" : "xcode"
  37. }
  38. }

内容一目了然啊，哈哈，以后再也不用去特意记住每个尺寸的图标分别应该叫什么名字了，不知道您会不会，反正我每次都是粘贴复制的，呵呵。以后，只要通过拖拖拽拽就搞定了~_~

8. 图标搞定了，启动图片照做就OK了，具体操作差别不大，完成之后的示意图如下：

9. 再看一下Finder中的内容，如下所示：

10. 在Finder中不难发现多出了两个文件，分别是：[email protected]和[email protected]，双击打开对应的Contents.json文件，内容如下：

[html] view plain copy

  1. {
  2. "images" : [
  3. {
  4. "orientation" : "portrait",
  5. "idiom" : "iphone",
  6. "extent" : "full-screen",
  7. "minimum-system-version" : "7.0",
  8. "filename" : "[email protected]",
  9. "scale" : "2x"
  10. },
  11. {
  12. "extent" : "full-screen",
  13. "idiom" : "iphone",
  14. "subtype" : "retina4",
  15. "filename" : "[email protected]",
  16. "minimum-system-version" : "7.0",
  17. "orientation" : "portrait",
  18. "scale" : "2x"
  19. },
  20. {
  21. "orientation" : "portrait",
  22. "idiom" : "iphone",
  23. "extent" : "full-screen",
  24. "filename" : "Default.png",
  25. "scale" : "1x"
  26. },
  27. {
  28. "orientation" : "portrait",
  29. "idiom" : "iphone",
  30. "extent" : "full-screen",
  31. "filename" : "[email protected]",
  32. "scale" : "2x"
  33. },
  34. {
  35. "orientation" : "portrait",
  36. "idiom" : "iphone",
  37. "extent" : "full-screen",
  38. "filename" : "[email protected]",
  39. "subtype" : "retina4",
  40. "scale" : "2x"
  41. }
  42. ],
  43. "info" : {
  44. "version" : 1,
  45. "author" : "xcode"
  46. }
  47. }

11. 将其中的"filename": "[email protected]"和"filename" : "[email protected]"分别改为"filename": "[email protected]"和"filename" : "[email protected]"，保存并返回Xcode看看会发生什么？

修改后的Contents.json内容如下：

[html] view plain copy

  1. {
  2. "images" : [
  3. {
  4. "orientation" : "portrait",
  5. "idiom" : "iphone",
  6. "extent" : "full-screen",
  7. "minimum-system-version" : "7.0",
  8. "filename" : "[email protected]",
  9. "scale" : "2x"
  10. },
  11. {
  12. "extent" : "full-screen",
  13. "idiom" : "iphone",
  14. "subtype" : "retina4",
  15. "filename" : "[email protected]",
  16. "minimum-system-version" : "7.0",
  17. "orientation" : "portrait",
  18. "scale" : "2x"
  19. },
  20. {
  21. "orientation" : "portrait",
  22. "idiom" : "iphone",
  23. "extent" : "full-screen",
  24. "filename" : "Default.png",
  25. "scale" : "1x"
  26. },
  27. {
  28. "orientation" : "portrait",
  29. "idiom" : "iphone",
  30. "extent" : "full-screen",
  31. "filename" : "[email protected]",
  32. "scale" : "2x"
  33. },
  34. {
  35. "orientation" : "portrait",
  36. "idiom" : "iphone",
  37. "extent" : "full-screen",
  38. "filename" : "[email protected]",
  39. "subtype" : "retina4",
  40. "scale" : "2x"
  41. }
  42. ],
  43. "info" : {
  44. "version" : 1,
  45. "author" : "xcode"
  46. }
  47. }

12. 分别选中下方的"[email protected]"和"[email protected]"，按删除键删除这两个文件，删除之后的效果如下图所示：

删除之后Finder中的内容如下所示：

13. 接下来我们新建一个图像试试看如何操作，开始之前我们仍然需要准备一下素材，如下图所示：

说明：为了方便在运行时看出不同分辨率的设备使用的背景图片不同，我在素材图片中增加了文字标示。

14. 将准备好的三个Background直接拖拽到Xcode中，完成之后如下图所示：

15. 单击右侧Devices中的Universal，并选择Device Specific，然后在下方勾选iPhone和Retina 4-inch，同时取消勾选iPad，完成之后如下图所示：

16. 将下方Unassigned中的图片直接拖拽到右上角R4位置，设置视网膜屏使用的背景图片，如下图所示：

17. 单击并打开Main.storyboard，选中左侧的View Controller，然后在右侧File Inspector中，取消勾选Use Autolayout选项，如下图所示：

18. 从右侧工具栏中拖拽一个UIImageView至View Controller主视图中，处于其他控件的最底层。同时调整该UIImageView的尺寸属性，如下图所示：

19. 设置该UIImageView使用的图像，如下图所示：

20. 在不同屏幕的模拟器上运行HelloWorld应用，可以看到如下三张图示。

OK！Images.xcassets的初体验一文至此算是告一段落，现做一下简单的小节：

1. 有过Xcode以前版本使用经验的朋友应该会发现，从Xcode 5开始已经无需再去记住Icon.png和Default.png针对不同分辨率使用的文件名了；

2. Xcode 5针对4存视网膜屏的图像提供了单独的支持，解决了以往在兼容四存屏时，有时不得不需要编写专门的代码加载不同的图片；

3. Image.xcassets更加便于管理和维护；

4. 注意：启动图片的PNG图片不要使用透明图片，有兴趣的朋友不妨可以试试看，很丑的，呵呵。

著作权声明：本文由http://blog.csdn.net/liufan321或者http://www.cnblogs.com/liufan9原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

时间： 2024-11-09 03:11:35

Assets.xcassets的详细使用方法的相关文章

IOS报错Distill failed for unknown reasons.Assets.xcassets解决方法

Distill failed for unknown reasons.Assets.xcassets 字面上意思大概是 Assets.xcassets文件夹里有问题,提取失败 看到网上有人说beta版本系统有问题,去换系统.误人子弟 解决:Targets里build phases里删掉所有图片重新再重新运行 原文地址:https://www.cnblogs.com/tk55/p/12322943.html

iOS程序两中启动图方式和一些坑LaunchImage 和 Assets.xcassets(Images.xcassets)

一.通过LaunchScreen.storyboard 作启动图 1>在LaunchScreen.storyboard中拖拽一个imageView放上启动图片 注意:记得勾选右边的 User as Launch Screen 2>在工程中-->General-->App Icons and Launch Images 选项下 -->Launch Screen File 文件选择LaunchScreen.storyboard 二.通过Assets.xcassets设置Launc

php -- 解决php连接sqlserver2005中文乱码问题（附详细解决方法）

@[email protected]~~ --php5.2 --phpstudy --apache --sqlserver2005 @[email protected]~~问题描述 问题一:php连接sqlsever2005,输入中文,然后查询sqlserver中对应的数据,由于提交中文是UTF-8,而sqlserver的中文为GBK,所以字段无法匹配,没有查询结果. 问题二,php连接sqlsever2005,读取数据表数据,由于中文是UTF-8,而sqlserver的中文为GBK,读出来的中

Assets.xcassets 应用

1.应用 Assets.xcassets :用来存放图像资源文件 好处: 自动管理图片,如@1x,@2x图片,使用的时候使用Asset 名字即可 管理应用的Icon和Default图片,这个挺方便的,可以完全抛开以前规范命名如Icon.png,[email protected],Xcode会自动识别尺寸然后匹配进去 个人觉得方便模块图片管理,可以针对模块建立Component1.xcassets,在这个Category中去建立新的Image set 可以可视化管理图片拉伸,从而抛弃到处使用res

Labeld的详细使用方法

在iOS编程中UILabel是一个常用的控件,下面分享一下UILabel的相关属性设置的方法. 很多学习iOS6编程都是从storyboard开始,用到UILabel时是将控件拖到storyboard中生成实现,如果想要在-(void)viewDidLoad中用代码如[_label initWithFrame:CGRectMake(X,Y,WIDTH,HEIGHT)]方法改变拖拽到storyboard的label的大小是行不通的,因为程序加载时先执行了-(void)viewDidLoad的代码,

PL/SQL Developer 连接Oracle数据库详细配置方法

近段时间很多网友提出监听配置相关问题,客户终端(Client)无法连接服务器端(Server).本文现对监听配置作一简单介绍,给出PL/SQL Developer 连接Oracle数据库详细配置方法,并提出一些客户终端无法连接服务器端的解决思路,愿对广大网友与读者有一些帮助. 一.监听器(LISTENER) 监听器是Oracle基于服务器端的一种网络服务,主要用于监听客户端向数据库服务器端提出的连接请求.既然是基于服务器端的服务,那么它也只存在于数据库服务器端,进行监听器的设置也是在数据库服务器

Win10中教你创建免费的Xbox Live帐户的详细步骤方法

我们在win10系统电脑的使用中,看到有很多的小伙伴都想要直接创建免费的Xbox Live帐户,可是不知道具体的操作步骤是什么,Xbox Live帐户使我们在万有洗的时候和其他玩家联系的一个平台,很多的小伙伴都在里面能找到志气相投的朋友,今天小编就来跟大家分享Win10中教你创建免费的Xbox Live帐户的详细步骤方法. 具体的方法和详细的步骤如下: 前期准备: 1.在创建Xbox Live配置文件之前,首先需要将现有的Microsoft帐户链接到您的Windows 10专业版副本.将Micr

win8.1系统开始屏幕添加锁屏按钮的详细的方法

我们在win8电脑的使用中,有小伙伴在使用中有锁屏的功能的方法,这对我们的操作时很有帮助的,今天看到有小伙伴在使用中在开始菜单中出现了没有锁屏的情况,这样的情况我们怎么解决呢,今天小编就来跟大家分享一下win8.1系统开始屏幕添加锁屏按钮的详细的方法,一起跟小编来看看详细的方法吧. 具体的方法和详细的步骤如下: 1.首先来到桌面,右键点左下角图标打开菜单,选择"控制面板": 2.来到"控制面板"后,在"查看方式"为"类别"的情

Mac 安装Mysql 详细步骤方法

Mac 安装Mysql 详细步骤方法 第一步: 登陆官网:https://www.mysql.com 进入, 点击下方的DOWNLOADS -> Community->MySQL Community Server下载dgm文件,选择不登陆直接下载,下载后常规安装,设置自己的mysql密码 记住密码 第二步: 安装好mysql后直接终端是不可以运行的,可以在偏好设置里面启动以及停止mysql服务 第三步: 配置路径打开终端 输入:vim ~/.bash_profile 在图中添加 mysql路径