iPad iPhone双端同步开发 (二)

图片资源的整合

当然双端同步开发除了页面的适配,还有最重要的就是图片资源的处理了。
一个项目中会有大量切图,双端开发难免同一个imageview要各自展示自己端的图片。

一、 将图片直接放到工程目录中(不推荐)

需要UI设计师生成图片的时候加上iPhone 和 iPad后缀如back@2x~iphone.png back@2x~ipad.png ,在使用的时候直接写back.png各自的设备就会显示不同的切图了。在使用的时候注意加上文件后缀。


WechatIMG57.jpeg
WechatIMG58.jpeg
WechatIMG59.jpeg

二、使用Assets.xcassets管理图片

Assets.xcassets 自动管理图片会直接识别2x,3x的图片,对图片命名也没要求。在Assets.xcassets页面xcode的右边菜单栏可以对不同设备设置不同的切图。


611544776706_.pic_hd.jpg

为什么说不推荐第一种方式呢,把命好名的图片back@2x~iphone.png back@2x~ipad.png 直接拖到Assets.xcassets 中就会发现,图片会自动产生分类,如上图。当不想修改文件命名的时候,直接在Assets.xcassets 中创建一个image set勾选Devices里的设备 即可添加对应的切图。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容