9.1 生成图标和预览图
预备应用的分发
现在我们成的创建了我们的 Ionic 应用,我们想要分发出去。接触大量用户的最佳方法是 App Store。 但是在分发此应用之前,我们需要为应用制作特定的图标和截屏。截屏是可选的,根据产品理念而定。
设置图标也截屏
默认,在运行:
ionic platform add android
或者:
ionic platform add ios
的时候,CLI 会自动添加一个文件夹,名为
resources 。可以在第八章 制作一个聊天 App 中创建的 ionc-chat-app 中查看。 resources 文件夹里面有 Ionic 子文件夹,Android 子文件夹。他是根据你添加的平台生成的。这些文件夹内都是有两个子文件夹组成:icon 和 splash。
如果你的应用要使用截屏的话,那么需要保留
splash 文件夹;如果不需要的话,删除此文件夹可以为安装包节省几个字节
为生成图标,可以将你的图标做成尺寸大于 1024*1024,然后利用以下任一服务:
这些服务都是用来为 Android 和 iOS 生成图标和截屏的。
我跟这上面的服务没有任何关系。所以使用过程中出现任何风险,本人概不负责。
另外,你可以将
icon.png 和 splash.png 放到 resources 文件夹内然后运行:
ionic resources
Ionic 将负责把你的图片上传到云,然后根据需求调整尺寸,然后将调整好尺寸的返回的图片保存到
resources 文件夹内。 如果你只想调整图标,使用如下命令:
ionic resources --icon
如果只想调整截屏,使用如下命令:
ionic resources --splash
你可以使用这个 psd 来设计你的图标: 可以使用这个 psd 来设计截屏:
http://code.ionicframework.com/resources/icon.psd http://code.ionicframework.com/resources/splash.psd
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论