返回介绍

9.1 生成图标和预览图

发布于 2025-02-26 23:07:12 字数 1707 浏览 0 评论 0 收藏 0

预备应用的分发

现在我们成的创建了我们的 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,然后利用以下任一服务:

  •  

http://icon.angrymarmot.org/

  •  

http://makeappicon.com/

  •  

http://www.appiconsizes.com/

这些服务都是用来为 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文