
- 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資料夾。
廣告