品牌自訂

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

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

自訂圖示和啟動影像

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

若要自訂圖示並啟動影像

對於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.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應用程式的登入頁面有標誌和背景影像。 標誌位於登錄對話框的上方，背景影像位於登錄對話框的下方。 執行下列步驟以自訂登入頁面上的預設影像：

開始之前

請確定您有下列影像：

若要使用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應用程式並點選功能表按鈕後，您可以在功能表上方看到標誌。 執行下列步驟以自訂預設標誌：

開始之前

請確定您有下列影像：

若要使用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應用程式。