Show Menu
主題×

品牌自訂

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

自訂圖示和啟動影像

執行下列步驟,自訂AEM Forms應用程式的預設應用程式圖示和啟動影像:
對於所有圖示和影像,請使用非隔行掃描的PNG格式。

若要自訂圖示和啟動影像

適用於iOS

  1. 在Xcode中 Capture.xcodeproj 開啟專案。
  2. (用​ 於自定義表徵圖 )在「捕獲」的導航視圖中,導航至「捕 獲」>「捕獲」>「支援檔案」>「捕獲資訊。plist ​」。 按一下「圖示檔」旁的下拉式清單。 指定圖示檔案(.png)的名稱,並在「擷取>擷取>資源>圖 示」上傳檔案 ​。 目前支援的維度包括:29x29、50x50、58x58、72x72、100x100和144x144。
  3. (用​ 於自訂啟動影像 )請確定影像的檔名為:
    • 縱向: Default-Portrait~ipad.png Default-Portrait@2x~ipad.png
    • 橫向: Default-Landscape~ipad.png Default-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應用程式。