图片资源的整合
当然双端同步开发除了页面的适配,还有最重要的就是图片资源的处理了。
一个项目中会有大量切图,双端开发难免同一个imageview要各自展示自己端的图片。
一、 将图片直接放到工程目录中(不推荐)
需要UI设计师生成图片的时候加上iPhone 和 iPad后缀如back@2x~iphone.png back@2x~ipad.png ,在使用的时候直接写back.png各自的设备就会显示不同的切图了。在使用的时候注意加上文件后缀。
![](https://img.haomeiwen.com/i2935775/e6640ab3b0fc4c72.jpeg)
![](https://img.haomeiwen.com/i2935775/d212c640baab8e03.jpeg)
![](https://img.haomeiwen.com/i2935775/b9c69a02e18ed509.jpeg)
二、使用Assets.xcassets管理图片
Assets.xcassets 自动管理图片会直接识别2x,3x的图片,对图片命名也没要求。在Assets.xcassets页面xcode的右边菜单栏可以对不同设备设置不同的切图。
![](https://img.haomeiwen.com/i2935775/19587c52f735ce84.jpg)
为什么说不推荐第一种方式呢,把命好名的图片back@2x~iphone.png back@2x~ipad.png 直接拖到Assets.xcassets 中就会发现,图片会自动产生分类,如上图。当不想修改文件命名的时候,直接在Assets.xcassets 中创建一个image set勾选Devices里的设备 即可添加对应的切图。
网友评论