iosLearningDiary___assetCatalog&imageSlicing
来源:互联网 发布:淘宝联盟如何高佣金 编辑:程序博客网 时间:2024/06/05 05:00
简介:
asset catalog是xcode5新功能,可以用来方便开发者做资源管理。
旧版本,添加asset catalog ,只需要到General 出发 user asset catalog 即可。
工程会添加一个x.cassets目录存放资源。当你添加图片资源是会自动生成对应得json。
Asset Catalog的意义在于为工程中的图片提供了一个存储信息的地方,不仅可以描述资源对应的设备,资源的版本和更新信息等,更重要的在于可以为Image Slicing服务。
所谓Image Slicing,相当于一个可视化的resizableImageWithCapInsets:resizingMode:,可以用于指定在图片缩放时用来填充的像素。在资源目录中选择要slicing的图片,点击图片界面右下方的Show Slicing按钮,在想要设定切片的图片上点击Start Slicing,将出现左中右(或者上中下)三条可以拖动的指示线,通过拖动它们来设定实际的缩放范围。
创建一个新的Asset Catalog:
方法:使用 File - new - File - Resource - Asset Catalog,会需要输入名字和选择Target
建立完毕后单击,文档会将整个操作区域从左到右分为三部分,SetList, Set Viewer, Set attributes inspector
在SetList区域左下角会有新增(+)和删除(-)按钮,实际在区域内右击也会有对应选项,
New Image Set:图片夹,这个常用
New App Icon:用于图标管理
New Lauch Image: 启动图
New Folder:新文件夹,支持在文件夹嵌套,具体自己研究研究
使用New Image Set建立一个新的图片夹,如下图中的darc_component_temp,在属性栏中可以选择设备的类型,根据设备的不同,会有多个占位图片
还可以更加简洁的直接将图片拖入到占位符位置,Xcode会自动根据图片尺寸放入对应的占位符中.
配置拉伸图片:
拉伸图片支持水平,垂直,水平和垂直同时拉伸三种,操作步骤如下,单击Image Set,选择 Show Slice进入下一步
如下图所示,切换水平或者垂直可以选择对应的图片,在属性编辑栏中切换.
步骤如上图所示,具体属性解释如下所示:总共三条线,左边为左句柄,内句柄,右句柄(如果是垂直则为上,内,下切片句柄),
左边到左句柄,右句柄到右边部分为不变部分
左句柄到内句柄为填充样式,将来就会用这部分去填充其他扩充部分
内句柄到片句柄部分为可扩充部分,随着拉伸或者缩小,这部分将会被填充样式填充
使用一个实际例子如下:我将重复区域变小,将拉伸区域变大,于是就得到了右图,那就很直观的知道结果了!
大致就如此了,暂时考虑到的问题是有时需要在ipad中使用@2x的图,使用Asset Catalog是做不到了
参考文档:
https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/_index.html
- iosLearningDiary___assetCatalog&imageSlicing
- eclipse maven plugin 插件 安装 和 配置
- POJ-2970-The lazy programmer
- 影摘(更新中)
- java 采集新闻数据
- Ubuntu安装完后设置root密码
- iosLearningDiary___assetCatalog&imageSlicing
- Android教程示例BitmapFun分析
- GR/IR科目
- SSH框架_struts2的Action中获取request、response对象的方法
- 4.2poj2742 统计字符数
- JBOSS EAP6.2.0的下载安装、环境变量配置以及部署
- linux下编译安装新版本python和tornado
- 线程的解读
- CentOS 下 VNC Server 的配置与使用