品牌自訂 branding-customization

您可以自訂應用程式圖示、應用程式名稱、啟動影像和登入頁面,為AEM Forms應用程式提供獨特的組織特定外觀。 例如,您可以將影像變更為使用貴組織的標誌。 AEM Forms應用程式支援下列自訂:

  • 自訂應用程式圖示和啟動影像
  • 自訂應用程式名稱
  • 自訂登入頁面上的影像
  • 在應用程式功能表中自訂標誌

自訂圖示和啟動影像 customizing-icon-and-launch-images

執行以下步驟,自訂預設應用程式圖示和AEM Forms應用程式的啟動影像:

NOTE
對於所有圖示和影像,請使用非交錯式PNG格式。

若要自訂圖示和啟動影像 to-customize-icon-and-launch-images

適用於iOS for-ios

  1. 開啟 Capture.xcodeproj Xcode中的專案。

  2. (自訂圖示)在擷取的導覽器檢視中,導覽至 擷取>擷取>支援檔案> Capture-info.plist. 按一下「圖示」檔案旁的下拉式清單。 指定圖示檔案(.png)的名稱,並將檔案上傳至 擷取>擷取>資源>圖示. 目前支援的維度為:29x29、50x50、58x58、72x72、100x100和144x144。

  3. (自訂啟動影像)確認影像的檔案名稱為:

    • 直向: Default-Portrait~ipad.pngDefault-Portrait@2x~ipad.png
    • 橫向: Default-Landscape~ipad.pngDefault-Landscape@2x~ipad.png

    將它們上傳到Capture專案,以取代專案中現有的檔案。

    note note
    NOTE
    確保影像的名稱和解析度與您在專案中取代的影像相符。
  4. 在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。

適用於Android for-android

  1. 將應用程式圖示檔案命名為:

    ic_launcher.png

  2. 將對應的圖示檔案放在下列目錄中:

    • [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
    note note
    NOTE
    確保影像的名稱和解析度與您在專案中取代的影像相符。
  3. 重建AEM Forms應用程式。

適用於Windows for-windows

  1. 取代路徑中的圖示:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows

  2. 取代路徑中的啟動器影像:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows

    note note
    NOTE
    確保影像的名稱和解析度與您在專案中取代的影像相符。
  3. 重建AEM Forms應用程式。

自訂應用程式名稱 customize-the-app-name

適用於iOS for-ios-1

  1. 開啟 Capture.xcodeproj Xcode中的專案。

  2. 在「擷取」的導覽器檢視中,導覽至 擷取>擷取>支援檔案> InfoPlist.strings.

    更新值 CFBundleDisplayName 屬性至您要為應用程式顯示的名稱。

  3. 在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。

    如需針對iOS建立應用程式的詳細資訊,請參閱 設定Xcode專案並建置iOS應用程式.

適用於Android for-android-1

  1. 在任何文字或Xml編輯器中開啟下列Xml:

    [User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml

  2. 更新索引鍵的值 app_name.

  3. 重建AEM Forms應用程式。

    如需針對Android建立應用程式的詳細資訊,請參閱 設定Eclipse專案並建置Android應用程式.

適用於Windows for-windows-1

  1. 在任何文字編輯器中開啟下列Xml:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml

  2. 更新中的值 <name>...</name> 標籤之間。

  3. 重建AEM Forms應用程式。

    如需有關為Windows建置應用程式的詳細資訊,請參閱 設定Visual Studio專案並建置Windows應用程式.

自訂登入頁面上的影像 customizing-images-on-the-login-page

AEM Forms應用程式的登入頁面具有標誌和背景影像。 標誌位於登入對話方塊的上方,背景影像位於登入對話方塊的下方。 執行以下步驟來自訂登入頁面上的預設影像:

開始之前

確定您有下列影像:

說明
大小
檔案名稱
標誌
72 x 72畫素
LC-logo.png
背景影像(縱向)
1280 x 989畫素
Landing_bg.jpeg

若要使用Xcode自訂登入頁面上的影像

  1. 開啟 Capture.xcodeproj Xcode中的專案。

  2. 導覽至 www/wsmobile/images資料夾。

  3. 若要變更標誌,請取代預設值 LC-logo.png 包含自訂的檔案 LC-logo.png 檔案。

  4. 若要變更背景,請取代預設值 Landing_bg.jpeg 包含自訂的檔案 Landing_bg.jpeg檔案。

  5. 在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。

若要使用Eclipse自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-eclipse

  1. 在Eclipse中開啟Android專案。

  2. 導覽至 assets/www/wsmobile/images資料夾。

  3. 若要變更標誌,請取代預設值 LC-logo.png 包含自訂的檔案 LC-logo.png 檔案。

  4. 若要變更背景,請取代預設值 Landing_bg.jpeg 包含自訂的檔案 Landing_bg.jpeg檔案。

  5. 在Android裝置上建置並執行AEM Forms應用程式。

若要使用Visual Studio自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-visual-studio

  1. 開啟 MWSWindows.sln Visual Studio中的專案。

  2. 導覽至 MWSWindows\www\wsmobile\images資料夾。

  3. 若要變更標誌,請取代預設值 LC-logo.png 包含自訂的檔案 LC-logo.png 檔案。

  4. 若要變更背景,請取代預設值 Landing_bg.jpeg 包含自訂的檔案 Landing_bg.jpeg檔案。

  5. 在Windows裝置上建置並執行AEM Forms應用程式。

在應用程式功能表中自訂標誌 customizing_images_on_the_login_page-1

登入AEM Forms應用程式並選取功能表按鈕後,您會看到功能表上方的標誌。 執行以下步驟來自訂預設標誌:

開始之前

確定您有下列影像:

說明
大小
檔案名稱
標誌
72 x 72畫素
aem_icon.png

若要使用Xcode自訂登入頁面上的影像

  1. 開啟 Capture.xcodeproj Xcode中的專案。

  2. 導覽至 www/wsmobile/images資料夾。

  3. 若要變更標誌,請取代預設值 aem_icon.png 包含自訂的檔案 aem_icon.png 檔案。

  4. 在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。

若要使用Eclipse自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-eclipse-1

  1. 在Eclipse中開啟Android專案。

  2. 導覽至 assets/www/wsmobile/images資料夾。

  3. 若要變更標誌,請取代預設值 aem_icon.png 包含自訂的檔案 aem_icon.png 檔案。

  4. 在Android裝置上建置並執行AEM Forms應用程式。

若要使用Visual Studio自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-visual-studio-1

  1. 開啟 MWSWindows.sln Visual Studio中的專案。

  2. 導覽至 MWSWindows\www\wsmobile\images資料夾。

  3. 若要變更標誌,請取代預設值 aem_icon.png 包含自訂的檔案 aem_icon.png 檔案。

  4. 在Windows裝置上建置並執行AEM Forms應用程式。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2