本文主要介紹使用 MAUI 開發(fā)安卓應(yīng)用時(shí)，如何更換和處理 UI 資源：應(yīng)用名稱，圖標(biāo)，主題配色，狀態(tài)欄，閃屏。

本文主要介紹使用 MAUI 開發(fā)安卓應(yīng)用時(shí)，如何更換和處理 UI 資源：應(yīng)用名稱，圖標(biāo)，主題配色，狀態(tài)欄，閃屏。

平常比較喜歡看小說，但是不知道從何時(shí)起，已經(jīng)找不到一個(gè)純粹的本地小說閱讀器了。也能理解，畢竟不能只靠愛心發(fā)電，在線資源也就算了，我本地的 TXT 你也給我加廣告也就離譜了吧。純粹的閱讀器還是只能靠自己了，之前用 AppCan 和 APICloud 的混合開發(fā)技術(shù)做過。近期在了解 MAUI，就繼續(xù)做個(gè)小工具練練手吧。代碼一行沒寫，但是基礎(chǔ) UI 和圖標(biāo)什么的要給先搞起來，面子功夫我先做足咯。

2. 資源設(shè)置 2.1 項(xiàng)目創(chuàng)建

項(xiàng)目創(chuàng)建我們這里選擇 .NET MAUI Blazor 應(yīng)用，因?yàn)槲矣X得使用 Web 技術(shù)來設(shè)計(jì) UI 界面對(duì)我來說會(huì)更方便和順手一些。這里需要額外注意的是，項(xiàng)目名稱這里可一定不要用中文，不然怎么出的錯(cuò)你都不知道。

項(xiàng)目創(chuàng)建 2.2 應(yīng)用名稱

對(duì)于應(yīng)用名稱的修改，如想顯示中文，而不是創(chuàng)建時(shí)設(shè)置的英文，則只需要在屬性中的“已共享 MAUI”進(jìn)行修改即可。

應(yīng)用程序的 ID 即是生成的安卓包 ID，版本也會(huì)在 APK 信息中展示。

展開全文

應(yīng)用基礎(chǔ)信息

然后生成應(yīng)用，使用安卓設(shè)備調(diào)試我們可以發(fā)現(xiàn)，包ID 和名稱已經(jīng)修改完成。

APK

另外在項(xiàng)目文件中，也有幾個(gè)配置信息，我們可以一起改掉：

!-- App Identifier --ApplicationIdcom.sangsq.yuereader/ApplicationId

如果你通過 Windows 調(diào)試界面，想修改應(yīng)用名稱和包信息，則需要在 Platforms/windows 目錄下設(shè)置 Package.appxmanifest 。

Windows 2.3 應(yīng)用圖標(biāo)

MAUI APP 的應(yīng)用圖標(biāo)設(shè)置資源是在 Resources/AppIcon 目錄下，我們可以看到這里使用的是 SVG 矢量圖片格式：

?appicon.svg 純色圖標(biāo)背景 ?appiconfg.svg 圖標(biāo)的主體內(nèi)容

借助 SVG 圖像的矢量特性，無需維護(hù)特定于平臺(tái)或特定于設(shè)備的各種不同分辨率的圖像。我們可以使用 Adobe illustrator 來設(shè)計(jì)，最后導(dǎo)出 SVG 格式即可。

根據(jù)我讓老婆調(diào)整了 N 版設(shè)計(jì)的經(jīng)驗(yàn)來看，這個(gè)圖標(biāo)的主體最好是上下左右各留出 25% 的空間，這樣最后圖標(biāo)展示的效果才會(huì)好一些。

appicon

更換圖標(biāo)當(dāng)然是最簡單的了，只需要修改圖標(biāo)文件即可。

在項(xiàng)目文件中我們可以看到，關(guān)于 APP 圖標(biāo)這一塊的配置：

上面的 Color 是背景重新著色用的，我們這里沒有用到，可以直接去掉。

2.4 應(yīng)用閃屏

在項(xiàng)目文件中閃屏配置信息如下：

上面的 BaseSize 是為了在不同屏幕尺寸和密度的設(shè)備上進(jìn)行適應(yīng)，其取值為 8 的倍數(shù)。系統(tǒng)為適用于不同的屏幕，會(huì)進(jìn)行縮放。當(dāng)然，也可以將 Resize 設(shè)置為 false 不進(jìn)行自動(dòng)調(diào)整。

這里我們可以直接采用 App 的圖標(biāo)來設(shè)置，更改資源路徑。 Color 也更改為應(yīng)用的主題色。

注意：只更改配置信息，特別是修改資源文件的情況下，調(diào)試可能會(huì)出現(xiàn)編譯的失敗，可以清理后重試；調(diào)試過程中，真機(jī)的閃屏可能不會(huì)顯示出 appiconfg.svg 圖片，重新打開一下應(yīng)用就可以看到其實(shí)已經(jīng)更改完成了。

注意：只更改配置信息，特別是修改資源文件的情況下，調(diào)試可能會(huì)出現(xiàn)編譯的失敗，可以清理后重試；調(diào)試過程中，真機(jī)的閃屏可能不會(huì)顯示出 appiconfg.svg 圖片，重新打開一下應(yīng)用就可以看到其實(shí)已經(jīng)更改完成了。

安卓的沉浸式狀態(tài)欄顏色設(shè)置默認(rèn)是 MAUI 的藍(lán)色，設(shè)置文件在 Platforms\Android\Resources\values\colors.xml ，這個(gè) xml 文件內(nèi)容如下：

這里我們將 colorPrimary 改為我們應(yīng)用的主體顏色即可。其他兩個(gè)是稍微深色一點(diǎn)的配色，狀態(tài)欄使用第二個(gè)顏色 Dark。

狀態(tài)欄