Images.xcassets简介

Images.xcassets简介

支持图片和PDF

作用:

  1. 管理App Icon
  2. 管理LaunchImage
  3. 管理App中用到的图片&PDF资源

1. AppIcon & LaunchImage

如果没有,右键新建

Images.xcassets简介_第1张图片
AppIcon & LaunchImage

AppIcon

Images.xcassets简介_第2张图片
AppIcon

LaunchImage

Images.xcassets简介_第3张图片
LaunchImage

尺寸
iPhone Portrait Retina HD 5.5 (1242×2208) @3x
iPhone Landscape Retina HD 5.5 (2208x1242) @3x

iPhone Portrait Retina HD 4.7 (750×1334) @2x

iPhone Portrait Retina 4 (640×1136) @2x

iPhone Portrait iOS 7-9-2x (640×960) @2x

iPhone Portrait iOS 5,6-Retina4 (640×1136) @2x
iPhone Portrait iOS 5,6-2x (640×960) @2x
iPhone Portrait iOS 5,6-1x (320×480) @1x

设置

Images.xcassets简介_第4张图片
Setting

2. ImageSet

原则:分类 分功能

文件夹分类 ---> New Folder —> New Image Set
自动匹配: @1x ,@2x ,@3x

Images.xcassets简介_第5张图片
自动匹配: @1x ,@2x ,@3x

Contents.json 文件

通过Show in Finder--->打开图片文件夹imageset--->可以看到具体的图片和Contents.json文件,双击打开Contents.json,可以看到具体的图片信息:通过修改文件内容可以更改图片信息和删除图片;

Images.xcassets简介_第6张图片
Show in Finder
Images.xcassets简介_第7张图片
imageset
Images.xcassets简介_第8张图片
Contents.json

九切片处理

在ImageSet中可以对图片进行9切片处理。

  1. 点击右下角的Show Slicing,通过移动图片的分割线设定九切片上下左右保留的像素,:
Images.xcassets简介_第9张图片
点击右下角的Show Slicing
  1. 然后在右边栏的检查器三中设置切片模式:

    • Slices: 方向
    • Center:模式: Tiles 平铺;Stretches 拉伸
    • 也可以手动设置上下左右保留的像素点
    Images.xcassets简介_第10张图片

你可能感兴趣的:(Images.xcassets简介)