品牌自訂 branding-customization
您可以自訂應用程式圖示、應用程式名稱、啟動影像和登入頁面,為AEM Forms應用程式提供獨特的組織特定外觀。 例如,您可以將影像變更為使用貴組織的標誌。 AEM Forms應用程式支援下列自訂:
- 自訂應用程式圖示和啟動影像
- 自訂應用程式名稱
- 自訂登入頁面上的影像
- 在應用程式功能表中自訂標誌
自訂圖示和啟動影像 customizing-icon-and-launch-images
執行以下步驟,自訂預設應用程式圖示和AEM Forms應用程式的啟動影像:
若要自訂圖示和啟動影像 to-customize-icon-and-launch-images
適用於iOS for-ios
-
開啟
Capture.xcodeproj
Xcode中的專案。 -
(自訂圖示)在擷取的導覽器檢視中,導覽至 擷取>擷取>支援檔案> Capture-info.plist. 按一下「圖示」檔案旁的下拉式清單。 指定圖示檔案(.png)的名稱,並將檔案上傳至 擷取>擷取>資源>圖示. 目前支援的維度為:29x29、50x50、58x58、72x72、100x100和144x144。
-
(自訂啟動影像)確認影像的檔案名稱為:
- 直向:
Default-Portrait~ipad.png
和Default-Portrait@2x~ipad.png
- 橫向:
Default-Landscape~ipad.png
和Default-Landscape@2x~ipad.png
將它們上傳到Capture專案,以取代專案中現有的檔案。
note note NOTE 確保影像的名稱和解析度與您在專案中取代的影像相符。 - 直向:
-
在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。
適用於Android for-android
-
將應用程式圖示檔案命名為:
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
note note NOTE 確保影像的名稱和解析度與您在專案中取代的影像相符。 -
重建AEM Forms應用程式。
適用於Windows for-windows
-
取代路徑中的圖示:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
-
取代路徑中的啟動器影像:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
note note NOTE 確保影像的名稱和解析度與您在專案中取代的影像相符。 -
重建AEM Forms應用程式。
自訂應用程式名稱 customize-the-app-name
適用於iOS for-ios-1
-
開啟
Capture.xcodeproj
Xcode中的專案。 -
在「擷取」的導覽器檢視中,導覽至 擷取>擷取>支援檔案> InfoPlist.strings.
更新值
CFBundleDisplayName
屬性至您要為應用程式顯示的名稱。 -
在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。
如需針對iOS建立應用程式的詳細資訊,請參閱 設定Xcode專案並建置iOS應用程式.
適用於Android for-android-1
-
在任何文字或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應用程式.
適用於Windows for-windows-1
-
在任何文字編輯器中開啟下列Xml:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
-
更新中的值
<name>...</name>
標籤之間。 -
重建AEM Forms應用程式。
如需有關為Windows建置應用程式的詳細資訊,請參閱 設定Visual Studio專案並建置Windows應用程式.
自訂登入頁面上的影像 customizing-images-on-the-login-page
AEM Forms應用程式的登入頁面具有標誌和背景影像。 標誌位於登入對話方塊的上方,背景影像位於登入對話方塊的下方。 執行以下步驟來自訂登入頁面上的預設影像:
開始之前
確定您有下列影像:
若要使用Xcode自訂登入頁面上的影像
-
開啟
Capture.xcodeproj
Xcode中的專案。 -
導覽至
www/wsmobile/images
資料夾。 -
若要變更標誌,請取代預設值
LC-logo.png
包含自訂的檔案LC-logo.png
檔案。 -
若要變更背景,請取代預設值
Landing_bg.jpeg
包含自訂的檔案Landing_bg.jpeg
檔案。 -
在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。
若要使用Eclipse自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-eclipse
-
在Eclipse中開啟Android專案。
-
導覽至
assets/www/wsmobile/images
資料夾。 -
若要變更標誌,請取代預設值
LC-logo.png
包含自訂的檔案LC-logo.png
檔案。 -
若要變更背景,請取代預設值
Landing_bg.jpeg
包含自訂的檔案Landing_bg.jpeg
檔案。 -
在Android裝置上建置並執行AEM Forms應用程式。
若要使用Visual Studio自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-visual-studio
-
開啟
MWSWindows.sln
Visual Studio中的專案。 -
導覽至
MWSWindows\www\wsmobile\images
資料夾。 -
若要變更標誌,請取代預設值
LC-logo.png
包含自訂的檔案LC-logo.png
檔案。 -
若要變更背景,請取代預設值
Landing_bg.jpeg
包含自訂的檔案Landing_bg.jpeg
檔案。 -
在Windows裝置上建置並執行AEM Forms應用程式。
在應用程式功能表中自訂標誌 customizing_images_on_the_login_page-1
登入AEM Forms應用程式並選取功能表按鈕後,您會看到功能表上方的標誌。 執行以下步驟來自訂預設標誌:
開始之前
確定您有下列影像:
若要使用Xcode自訂登入頁面上的影像
-
開啟
Capture.xcodeproj
Xcode中的專案。 -
導覽至
www/wsmobile/images
資料夾。 -
若要變更標誌,請取代預設值
aem_icon.png
包含自訂的檔案aem_icon.png
檔案。 -
在iOS裝置或AEM Forms模擬器上建置並執行iOS應用程式。
若要使用Eclipse自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-eclipse-1
-
在Eclipse中開啟Android專案。
-
導覽至
assets/www/wsmobile/images
資料夾。 -
若要變更標誌,請取代預設值
aem_icon.png
包含自訂的檔案aem_icon.png
檔案。 -
在Android裝置上建置並執行AEM Forms應用程式。
若要使用Visual Studio自訂登入頁面上的影像 to-customize-images-on-the-login-pages-using-visual-studio-1
-
開啟
MWSWindows.sln
Visual Studio中的專案。 -
導覽至
MWSWindows\www\wsmobile\images
資料夾。 -
若要變更標誌,請取代預設值
aem_icon.png
包含自訂的檔案aem_icon.png
檔案。 -
在Windows裝置上建置並執行AEM Forms應用程式。