您可以自訂應用程式圖示、應用程式名稱、啟動影像和登入頁面,為AEM Forms應用程式提供組織專屬的不同外觀。 例如,您可以變更影像以使用貴組織的標誌。 AEM Forms應用程式支援下列自訂:
執行下列步驟來自訂AEM Forms應用程式的預設應用程式圖示和啟動影像:
對於所有表徵圖和影像,請使用非隔行掃描的PNG格式。
在Xcode中開啟Capture.xcodeproj
專案。
(針對自定義表徵圖)在捕獲的導航視圖中,導航至捕獲>捕獲>支援檔案>捕獲 — 資訊.plist。 按一下圖示檔案旁的下拉式清單。 指定表徵圖檔案(.png)的名稱,並在捕獲>捕獲>資源>表徵圖上載該檔案。 目前支援的維度為:29x29、50x50、58x58、72x72、100x100和144x144。
(自訂launch影像)請確定影像的檔案名稱為:
Default-Portrait~ipad.png
和Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
和Default-Landscape@2x~ipad.png
將它們上傳到捕獲項目以替換項目中的現有檔案。
確定影像的名稱和解析度符合您在專案中取代的影像。
在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應用程式。
在Xcode中開啟Capture.xcodeproj
專案。
在捕獲的導航視圖中,導航到捕獲>捕獲>支援檔案> 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自訂登入頁面上的影像
在Xcode中開啟Capture.xcodeproj
專案。
導覽至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應用程式。
在Visual Studio中開啟MWSWindows.sln
項目。
導覽至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自訂登入頁面上的影像
在Xcode中開啟Capture.xcodeproj
專案。
導覽至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應用程式。
在Visual Studio中開啟MWSWindows.sln
項目。
導覽至MWSWindows\www\wsmobile\images
資料夾。
若要變更標誌,請以自訂aem_icon.png
檔案取代預設的aem_icon.png
檔案。
在Windows裝置上建立及執行AEM Forms應用程式。