- Ionic 基础教程
- Ionic - 首页
- Ionic - 概述
- Ionic - 环境设置
- Ionic CSS 组件
- Ionic - 颜色
- Ionic - 内容
- Ionic - 页眉
- Ionic - 页脚
- Ionic - 按钮
- Ionic - 列表
- Ionic - 卡片
- Ionic - 表单
- Ionic - 开关
- Ionic - 复选框
- Ionic - 单选按钮
- Ionic - 范围滑块
- Ionic - 选择框
- Ionic - 标签页
- Ionic - 网格
- Ionic - 图标
- Ionic - 内边距
- Ionic Javascript 组件
- Ionic - JS 动作面板
- Ionic - JS 背景
- Ionic - JS 内容
- Ionic - JS 表单
- Ionic - JS 事件
- Ionic - JS 页眉
- Ionic - JS 页脚
- Ionic - JS 键盘
- Ionic - JS 列表
- Ionic - JS 加载
- Ionic - JS 模态框
- Ionic - JS 导航
- Ionic - JS 弹出框
- Ionic - JS 弹窗
- Ionic - JS 滚动
- Ionic - JS 侧边菜单
- Ionic - JS 滑块
- Ionic - JS 标签页
- Ionic 高级概念
- Ionic - Cordova 集成
- Ionic - AdMob
- Ionic - 相机
- Ionic - Facebook
- Ionic - 应用内浏览器
- Ionic - 原生音频
- Ionic - 地理位置
- Ionic - 媒体
- Ionic - 启动画面
- Ionic 有用资源
- Ionic - 快速指南
- Ionic - 有用资源
- Ionic - 讨论
Ionic - Cordova 图标和启动画面
每个移动应用都需要一个图标和启动画面。Ionic 提供了添加它们的出色解决方案,并且只需要开发人员最少的工作量。裁剪和调整大小在 Ionic 服务器上自动完成。
添加启动画面和图标
在之前的章节中,我们讨论了如何为 Ionic 应用添加不同的平台。通过添加平台,Ionic 将为该平台安装 Cordova 启动画面插件,因此我们之后不需要安装任何东西。我们只需要找到两张图片。
这些图片应该是png、psd 或ai 文件。图标图片的最小尺寸应为 192x192,启动画面图片的最小尺寸应为 2208×2208。此尺寸将涵盖所有设备。在我们的示例中,我们将对两者使用相同的图片。这些图片需要保存到resources文件夹,而不是默认文件夹。完成后,我们只需要在命令提示符窗口中运行以下命令。
C:\Users\Username\Desktop\MyApp>ionic resources
现在,如果您检查resources/android 或resources/ios 文件夹,您将看到我们之前添加的图片已调整大小并裁剪以适应不同的屏幕尺寸。当我们在设备上运行我们的应用时,我们将在应用启动之前看到一个启动画面,并且我们将看到默认的 Ionic 图标已更改。
注意 - 如果您想为 Android 和 iOS 使用不同的图片,您可以将其添加到resources/android 和resources/ios 文件夹,而不是resources文件夹。
广告