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