Qt for ios 设置程序图标(logo)和启动页(splash)
前言
Qt開發ios程序,要面臨的一個問題就是設置程序圖標和啟動頁的問題,作為一個跨平臺開發者,對原生開發本身就不太熟悉,即便是這種小功能也可能會成為阻礙,沒辦法, 只能硬著頭皮上咯。
要設置ios的啟動頁和程序圖標,必須要在xcode中進行設置,之前有文章已經詳細的說明了如何將一個Qt工程拿到xcode中進行編譯,文章在這里。
接下來直接看如何在xcode中進行設置吧。
環境
我的開發環境:
Qt版本:Qt 5.11.1
Mac系統版本:10.14
xcode版本:10.1
為什么要單獨提一下版本呢,因為低版本的xcode設置程序圖標和現在最新版本的方法還不太一樣,需要提供的圖片尺寸也不太一樣,主要是為了適配所有的iphone機型。
圖標尺寸
關于iphone所有機型的啟動頁和程序圖標的參考,在這里
啟動頁圖片的尺寸
| iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
| iPhone XS | 1125px × 2436px | 2436px × 1125px |
| iPhone XR | 828px × 1792px | 1792px × 828px |
| iPhone X | 1125px × 2436px | 2436px × 1125px |
| iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 8 | 750px × 1334px | 1334px × 750px |
| iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 7 | 750px × 1334px | 1334px × 750px |
| iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
| iPhone 6s | 750px × 1334px | 1334px × 750px |
| iPhone SE | 640px × 1136px | 1136px × 640px |
程序圖標尺寸
如果只是針對 iOS 移動端來說, 對 iphone 做配置的話, 按照下面指的這五種分別切圖即可.
iPad Pro. iPad, iPad Mini 尺寸需另切。
主要包括五種類型圖片, 分別是 手機上直接展示的 App Icon,搜索欄 App Icon, 設置欄 App Icon, 通知欄 App Icon, 另一個是 AppStore 上需要的。
| iPhone App Icon | 180px × 180px(60pt × 60pt @3x) |
| iPhone App Icon | 120px × 120px (60pt × 60pt @2x) |
| iPhone Spotlight Icon(搜索框下展示圖標) | 120px × 120px (40pt × 40pt @3x) |
| iPhone Spotlight Icon(搜索框下展示圖標) | 80px × 80px (40pt × 40pt @2x) |
| iPhone Settings Icon (設置欄里面展示圖標) | 87px × 87px (29pt × 29pt @3x) |
| iPhone Settings Icon (設置欄里面展示圖標) | 58px × 58px (29pt × 29pt @2x) |
| iPhone Notification icon | 60px × 60px (20pt × 20pt @3x) |
| iPhone Notification icon | 40px × 40px (20pt × 20pt @2x) |
| App Store | 1024px × 1024px (1024pt × 1024pt @1x) |
開始設置
設置程序圖標
按照上面的步驟,將 Qt 工程導入到 xcode 中打開,接著將上面準備好的各種尺寸圖標放統一在程序目錄下的新建文件夾中,然后講所有圖標一起拖動到 xcode工程中的Bundle Data 目錄下,如圖:
接下點擊工程名,進入到General 配置頁面中,找到 App icons and Launch Images一欄,然后點擊向右的箭頭,如下:
如果是第一次設置,可以看到的是如下界面:
那么直接點擊Use Asset Catalog按鈕,將會出現以下彈窗
點擊 Migrate,接著會在Resources一欄中新增一個文件目錄:
點擊該目錄,就可以開始設置圖片啦。
如上圖,在這里可以分別設置程序圖標以及啟動頁,那么將我們準備好的各種尺寸的圖片從Bundle Data 目錄中拖動到右側相應的圖標空白處。
設置啟動頁的界面如下:
啟動頁默認就只有這幾個圖標,為了更精細化的設置,適配不同尺寸的手機,這里我們重新添加一個啟動頁的設置。
右鍵,在菜單中依次找到:
然后我們看到新建的啟動頁的設置會更加全面:
這時候可以將之前的那個啟動頁設置頁面直接刪除掉,只保留一個即可。
然后將我們準備好的所有啟動頁的圖片全部拖到相應的位置即可。
注意,這里設置程序圖標和啟動頁頁面都有手機版和 iPad 版本,如果只用到手機上, 那么那么 iPad 版的圖標可以不用添加。
然后回到App icons and Launch Images
注意:一定要將紅色框內的內容清空。否則啟動頁將不會使用我們自定義的圖片。
做完以上所有設置后可以開始編譯了,當然,有可能啟動頁還是會顯示默系統默認的頁面(白底+程序名),那么,接下來再做一處設置。
在 bundle data 中找到LanchScreen.xib,然后點擊打開。
然后看到如下頁面:
在右側找到 use as launch screen一項,將勾勾去掉,然后在程序目錄下將之前已經生成過的app 刪掉,最后,重新編譯打包。
OK,這樣就能如愿的設置自定義的啟動頁啦。
注意,以上設置圖標的頁面和以前的老版本有些區別,但是大同小異,只要將準備好的圖片拖動到對應的地方即可。
報錯
在設置啟動頁或程序圖標時,編譯可能出現以下錯誤:Asset Catalog Compiler Error Group
The launch image set named “LaunchImage” did not have any applicable content.
這個問題是因為 圖片的尺寸對應不上導致的, 需要嚴格按照 標準尺寸才行。
總結
以上是生活随笔為你收集整理的Qt for ios 设置程序图标(logo)和启动页(splash)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt 5.12 LTS(长期维护版本)中
- 下一篇: QML 性能优化建议(二)