品牌化自定义 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的导航视图中,导航到 捕获>捕获>支持文件> 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设备或iOS模拟器上构建并运行AEM Forms应用程序。
适用于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中的项目。 -
在Capture的导航视图中,导航到 捕获>捕获>支持文件> InfoPlist.strings.
更新值
CFBundleDisplayName
属性显示的应用程序名称。 -
在iOS设备或iOS模拟器上构建并运行AEM Forms应用程序。
有关为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设备或iOS模拟器上构建并运行AEM Forms应用程序。
使用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设备或iOS模拟器上构建并运行AEM Forms应用程序。
使用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应用程序。