您可以自訂應用程式圖示、應用程式名稱、啟動影像和登入頁面,為AEM Forms應用程式提供獨特的組織特定外觀。 例如,您可以將影像變更為使用您組織的標誌。 AEM Forms應用程式支援下列自訂:
執行以下步驟,自訂預設應用程式圖示和AEM Forms應用程式的啟動影像:
對於所有圖示和影像,請使用非交錯式PNG格式。
開啟 Capture.xcodeproj
Xcode中的專案。
(用於自訂圖示)在擷取的導覽器檢視中,導覽至 「擷取>擷取>支援檔案> Capture-info.plist」. 按一下圖示檔案旁的下拉式清單。 指定圖示檔案(.png)的名稱,並將檔案上傳至 擷取>擷取>資源>圖示. 目前支援的維度為:29x29、50x50、58x58、72x72、100x100和144x144。
(用於自訂啟動影像)確保影像的檔案名稱為:
Default-Portrait~ipad.png
和 Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
和 Default-Landscape@2x~ipad.png
將它們上傳到Capture專案以取代專案中的現有檔案。
確保影像的名稱和解析度與您在專案中取代的影像相符。
在iOS裝置或iOS模擬器上建置並執行AEM Forms應用程式。
將應用程式圖示檔案命名為:
ic_launcher.png
將對應的圖示檔案放在下列目錄中:
[User_Home]/Projects/[your-project]/src/android/res/drawable-hdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-mdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xhdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xxhdpi
[User_Home]/Projects/[your-project]/src/android/res/drawable-xxxhdpi
確保影像的名稱和解析度與您在專案中取代的影像相符。
重建AEM Forms應用程式。
取代路徑中的圖示:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
取代路徑中的啟動器影像:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
確保影像的名稱和解析度與您在專案中取代的影像相符。
重建AEM Forms應用程式。
開啟 Capture.xcodeproj
Xcode中的專案。
在「擷取」的導覽器檢視中,導覽至 擷取>擷取>支援檔案> InfoPlist.strings.
更新值 CFBundleDisplayName
屬性至您要為應用程式顯示的名稱。
在iOS裝置或iOS模擬器上建置並執行AEM Forms應用程式。
如需為iOS建立應用程式的詳細資訊,請參閱 設定Xcode專案並建置iOS應用程式.
在任何文字或Xml編輯器中開啟下列Xml:
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
更新索引鍵的值 app_name
.
重建AEM Forms應用程式。
如需為Android建立應用程式的詳細資訊,請參閱 設定Eclipse專案並建置Android應用程式.
在任何文字編輯器中開啟下列Xml:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
更新中的值 <name>...</name>
標籤之間。
重建AEM Forms應用程式。
如需為Windows建立應用程式的詳細資訊,請參閱 設定Visual Studio專案並建置Windows應用程式.
AEM Forms應用程式的登入頁面具有標誌和背景影像。 標誌位於登入對話方塊的上方,背景影像位於登入對話方塊的下方。 執行以下步驟來自訂登入頁面上的預設影像:
開始之前
確定您有下列影像:
說明 |
大小 |
檔案名稱 |
---|---|---|
標誌 |
72 x 72畫素 |
LC-logo.png |
背景影像(縱向) |
1280 x 989畫素 |
Landing_bg.jpeg |
若要使用Xcode自訂登入頁面上的影像
開啟 Capture.xcodeproj
Xcode中的專案。
導覽至 www/wsmobile/images
資料夾。
若要變更標誌,請取代預設值 LC-logo.png
包含自訂的檔案 LC-logo.png
檔案。
若要變更背景,請取代預設值 Landing_bg.jpeg
包含自訂的檔案 Landing_bg.jpeg
檔案。
在iOS裝置或iOS模擬器上建置並執行AEM Forms應用程式。
在Eclipse中開啟Android專案。
導覽至 assets/www/wsmobile/images
資料夾。
若要變更標誌,請取代預設值 LC-logo.png
包含自訂的檔案 LC-logo.png
檔案。
若要變更背景,請取代預設值 Landing_bg.jpeg
包含自訂的檔案 Landing_bg.jpeg
檔案。
在Android裝置上建置並執行AEM Forms應用程式。
開啟 MWSWindows.sln
Visual Studio中的專案。
導覽至 MWSWindows\www\wsmobile\images
資料夾。
若要變更標誌,請取代預設值 LC-logo.png
包含自訂的檔案 LC-logo.png
檔案。
若要變更背景,請取代預設值 Landing_bg.jpeg
包含自訂的檔案 Landing_bg.jpeg
檔案。
在Windows裝置上建置並執行AEM Forms應用程式。
登入AEM Forms應用程式並點選功能表按鈕後,您會看到功能表上方的標誌。 執行以下步驟來自訂預設標誌:
開始之前
確定您有下列影像:
說明 |
大小 |
檔案名稱 |
---|---|---|
標誌 |
72 x 72畫素 |
aem_icon.png |
若要使用Xcode自訂登入頁面上的影像
開啟 Capture.xcodeproj
Xcode中的專案。
導覽至 www/wsmobile/images
資料夾。
若要變更標誌,請取代預設值 aem_icon.png
包含自訂的檔案 aem_icon.png
檔案。
在iOS裝置或iOS模擬器上建置並執行AEM Forms應用程式。
在Eclipse中開啟Android專案。
導覽至 assets/www/wsmobile/images
資料夾。
若要變更標誌,請取代預設值 aem_icon.png
包含自訂的檔案 aem_icon.png
檔案。
在Android裝置上建置並執行AEM Forms應用程式。
開啟 MWSWindows.sln
Visual Studio中的專案。
導覽至 MWSWindows\www\wsmobile\images
資料夾。
若要變更標誌,請取代預設值 aem_icon.png
包含自訂的檔案 aem_icon.png
檔案。
在Windows裝置上建置並執行AEM Forms應用程式。