码迷,mamicode.com
首页 > 其他好文 > 详细

ionic-CLI-图标和启动动画自动生成ionic resources

时间:2015-04-04 16:48:58      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:html5   css3   lightapp   angular   ionic   

面对各种平台和不同的分辨率屏幕,生成不同尺寸的图标和启动画面是很麻烦的事,在ionic中这些就交给它处理就行,这里只要使用ionic resources指令就可以实现啦!!下面就是步骤啦:

1.生成图标(启动画面)的png图片,这里的尺寸最好是1024*1024,还有注意不能满屏放置图标,因为ios是会做圆角处理的,还有生成的照片必须是png8格式的,不懂怎么生成的请百度吧;

2.将生成的照片放在技术分享ionic项目下的resources/下,图标为icon.png;启动画面为splash.png

3.命令行进入ionic目录,运行ionic resources这样程序就会将你的图片自动上传并生成不同格式的图片到本地技术分享resources/android/和resources/ios目录下啦

4.将生成的图片拷贝到相应的平台目录下,如ios就拷贝到platforms/ios/ionic-test(项目名)/Resources/icons(或splash),然后就可以打包啦!

参考地址:

http://ionicframework.com/docs/cli/icon-splashscreen.html

http://forum.ionicframework.com/t/cant-use-png-24-with-ionic-resources/19821

http://blog.ionic.io/automating-icons-and-splash-screens/

ionic开发交流qq群:391871301,欢迎大家过来交流提问

技术分享

ionic-CLI-图标和启动动画自动生成ionic resources

标签:html5   css3   lightapp   angular   ionic   

原文地址:http://blog.csdn.net/jasondu264/article/details/44873107

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!