品牌化自定义

您可以自定义应用程序图标、应用程序名称、启动图像和登录页面，为AEM Forms应用程序提供特定于组织的独特外观。 例如，您可以更改图像以使用组织中的徽标。 AEM Forms应用程序支持以下自定义设置：

• 自定义应用程序图标和启动图像
• 自定义应用程序名称
• 在登录页面上自定义图像
• 自定义应用程序菜单中的徽标

自定义图标和启动图像

请执行以下步骤以自定义默认应用程序图标和AEM Forms应用程序的启动图像：

自定义图标并启动图像

对于iOS

1. 在Xcode中打开Capture.xcodeproj项目。

2. （对于自定义图标）在Capture的导航器视图下，导航到​Capture > Capture > Supporting Files > Capture-info.plist。 单击“Icon files（图标文件）”旁的下拉框。 指定图标文件(.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应用程序。