xcode Images.xcassets 特性使用

xcode Images.xcassets 是存放项目中图片资源的地方!他可以设置 app的APPicon app还有就是启动图,还可以对图片进行编辑也就是xcode5 特性show slicing。

在这里启动图的设置 和appIcon设置 不做过多赘述,直说几点注意事项如有不妥请评论添加。第一在工程中要索引你的资源文件

xcode Images.xcassets 特性使用_第1张图片

一般都新建工程 就是OK 的 不用你去管。

launchImage

xcode Images.xcassets 特性使用_第2张图片

可以设置你适配的屏幕大小,及横竖屏等等..

新建一个文件夹


xcode Images.xcassets 特性使用_第3张图片


在这里我没有建,应为我只坐测试,在开发中建议您建一个,看着方便管理也方便!

images.xcassets使用

有了images.xcassets其实全部的图片不用我们在去手动加@2x, @3x你只要把图片拖进来放到他应该在的位置就好

xcode Images.xcassets 特性使用_第4张图片

上面的那张图我没有加后缀。大家都知道 苹果的图片,你每加进去一个新的资源他都会生成一个.json的文件,我们去看看他的json文件

xcode Images.xcassets 特性使用_第5张图片

他生成几个字段1. idiom :代表着是你适配的机型 (iPhone+ipad)scale (理解成后缀标示) filename (文件名)所以人家帮你 搞定啦,不用你操心

show slicing 使用

1进如 show slicing 进入方式


xcode Images.xcassets 特性使用_第6张图片
xcode Images.xcassets 特性使用_第7张图片

选择你你裁剪的方式 箭头 代表啥不用说啦吧!

以一个左右的为例子:

xcode Images.xcassets 特性使用_第8张图片

他会有3条线 中间到左面那条线是图片填充像素中间条到右面是隐藏填充区域。

裁剪后运行效果


xcode Images.xcassets 特性使用_第9张图片

在看看他的json 文件

xcode Images.xcassets 特性使用_第10张图片

哈哈 是这么回事!!

打个小广告

本人目前在研究web前端开发,买了一些视频,筛选出讲好的,自己在淘宝上出售:https://item.taobao.com/item.htm?id=540946716944(自己的淘宝店,请多多支持)

你可能感兴趣的:(xcode Images.xcassets 特性使用)