ionic-CLI-图标和启动动画自动生成ionic resources
2015-04-04 20:16
706 查看
面对各种平台和不同的分辨率屏幕,生成不同尺寸的图标和启动画面是很麻烦的事,在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/
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-CLI-图标和启动动画自动生成ionic resources
- [转]轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- 用Ionic命令行工具来自动生成应用图标、启动屏幕
- 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- ionic 自动生成APP图标与启动界面
- 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- ionic之自动生成app图标和启动页面
- ionic自动生成app图标和启动页面
- Ionic 自动生成启动图标
- 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- ionic开发——app应用名字,应用图标及启动动画的修改
- Ionic 自动创建应用的图标与启动画面
- ionic3 自动创建启动背景splash以及图标icon
- ionic2常见问题——修改应用图标及添加启动画面(官方命令行工具自动生成)
- ionic 自动生成多尺寸的图标和splash图
- Android APP自动生成桌面快捷图标 启动方式有差异
- 【总结】android程序不显示图标,开机自动启动?我来告诉你
- IOS开发之Iphone和Ipad应用程序图标和启动动画 .
- Android中帧动画在Activity启动时自动运行的几种方式
- Android中帧动画在Activity启动时自动运行的几种方式 .