品牌自訂

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

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

自訂圖示和啟動影像

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

注意

對於所有圖示和影像,請使用非隔行掃描的PNG格式。

若要自訂圖示並啟動影像

對於iOS

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

  2. 對於自定義表徵圖)在Capture的導航視圖中,導航至​Capture > Capture > Supporting Files > 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項目,以替換項目中的現有檔案。

    注意

    請確定影像的名稱和解析度符合您在專案中取代的影像。

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

對於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
    注意

    請確定影像的名稱和解析度符合您在專案中取代的影像。

  3. 重建AEM Forms應用程式。

對於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

    注意

    請確定影像的名稱和解析度符合您在專案中取代的影像。

  3. 重建AEM Forms應用程式。

自訂應用程式名稱

對於iOS

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

  2. 在Capture的導航器視圖中,導航至​Capture > Capture > Supporting Files > InfoPlist.strings

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

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

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

對於Android

  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

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

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

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

  3. 重建AEM Forms應用程式。

    如需建立Windows適用應用程式的詳細資訊,請參閱「設定Visual Studio專案並建立Windows應用程式」

自訂登入頁面上的影像

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

開始之前

請確定您有下列影像:

說明

大小

檔案名稱

標誌

72 x 72像素

LC-logo.png

背景影像(縱向)

1280 x 989像素

Landing_bg.jpeg

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

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

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

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

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

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

若要使用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自訂登入頁面上的影像

  1. 在Visual Studio中開啟MWSWindows.sln項目。

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

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

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

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

自訂應用程式選單中的標誌

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

開始之前

請確定您有下列影像:

說明

大小

檔案名稱

標誌

72 x 72像素

aem_icon.png

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

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

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

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

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

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

  1. 在Eclipse中開啟Android專案。

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

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

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

使用Visual Studio自訂登入頁面上的影像

  1. 在Visual Studio中開啟MWSWindows.sln項目。

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

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

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

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now