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

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

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

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

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

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

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

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

展開全文

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

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

APK

另外在項目文件中，也有幾個配置信息，我們可以一起改掉：

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

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

Windows 2.3 應(yīng)用圖標

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

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

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

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

appicon

更換圖標當然是最簡單的了，只需要修改圖標文件即可。

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

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

2.4 應(yīng)用閃屏

在項目文件中閃屏配置信息如下：

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

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

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

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

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

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

狀態(tài)欄