文档AEM 6.4Forms 指南

品牌化自定义 branding-customization

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • User
CAUTION
AEM 6.4已结束扩展支持，本文档将不再更新。 有关更多详细信息，请参阅 技术支助期. 查找支持的版本 此处.

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

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

自定义图标和启动图像 customizing-icon-and-launch-images

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

NOTE
对于所有图标和图像，请使用非隔行PNG格式。

要自定义图标和启动图像，请执行以下操作 to-customize-icon-and-launch-images

对于iOS for-ios

  1. 打开 Capture.xcodeproj 项目。

  2. (用于自定义图标)在捕获的导航器视图中，导航到 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项目以替换项目中的现有文件。

    note note
    NOTE
    确保图像的名称和分辨率与您在项目中替换的图像相匹配。

  4. 在iOS设备或iOS模拟器上构建和运行AEM Forms应用程序。

对于Android for-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
    note note
    NOTE
    确保图像的名称和分辨率与您在项目中替换的图像相匹配。

  3. 重新构建AEM Forms应用程序。

对于Windows for-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

    note note
    NOTE
    确保图像的名称和分辨率与您在项目中替换的图像相匹配。

  3. 重新构建AEM Forms应用程序。

自定义应用程序名称 customize-the-app-name

对于iOS for-ios-1

  1. 打开 Capture.xcodeproj 项目。

  2. 在“捕获”的导航器视图中，导航到 Capture > Capture > Supporting Files > InfoPlist.strings.

    更新 CFBundleDisplayName 属性。

  3. 在iOS设备或iOS模拟器上构建和运行AEM Forms应用程序。

    有关构建适用于iOS的应用程序的详细信息，请参阅 设置Xcode项目并构建iOS应用程序.

对于Android for-android-1

  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 for-windows-1

  1. 在任何文本编辑器中打开以下Xml:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml

  2. 更新 <name>...</name> 标记。

  3. 重新构建AEM Forms应用程序。

    有关构建适用于Windows的应用程序的详细信息，请参阅 设置Visual Studio项目并构建Windows应用程序.

自定义登录页面上的图像 customizing-images-on-the-login-page

AEM Forms应用程序的登录页面具有徽标和背景图像。 徽标位于登录对话框上方，背景图像位于登录对话框下方。 执行以下步骤以自定义登录页面上的默认图像：

开始之前

确保您具有以下图像：

描述
大小
文件名
徽标
72 x 72像素
LC-logo.png
背景图像（纵向）
1280 x 989像素
Landing_bg.jpeg

使用Xcode自定义登录页面上的图像

  1. 打开 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自定义登录页面上的图像 to-customize-images-on-the-login-pages-using-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自定义登录页面上的图像 to-customize-images-on-the-login-pages-using-visual-studio

  1. 打开 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应用程序。

在应用程序菜单中自定义徽标 customizing_images_on_the_login_page-1

登录到AEM Forms应用程序并点按菜单按钮后，您可以在菜单上方看到徽标。 执行以下步骤以自定义默认徽标：

开始之前

确保您具有以下图像：

描述
大小
文件名
徽标
72 x 72像素
aem_icon.png

使用Xcode自定义登录页面上的图像

  1. 打开 Capture.xcodeproj 项目。

  2. 导航到 www/wsmobile/images文件夹。

  3. 要更改徽标，请替换默认 aem_icon.png 自定义文件 aem_icon.png 文件。

  4. 在iOS设备或iOS模拟器上构建和运行AEM Forms应用程序。

使用Eclipse自定义登录页面上的图像 to-customize-images-on-the-login-pages-using-eclipse-1

  1. 在Eclipse中打开Android项目。

  2. 导航到 assets/www/wsmobile/images文件夹。

  3. 要更改徽标，请替换默认 aem_icon.png 自定义文件 aem_icon.png 文件。

  4. 在Android设备上构建和运行AEM Forms应用程序。

使用Visual Studio自定义登录页面上的图像 to-customize-images-on-the-login-pages-using-visual-studio-1

  1. 打开 MWSWindows.sln 项目。

  2. 导航到 MWSWindows\www\wsmobile\images文件夹。

  3. 要更改徽标，请替换默认 aem_icon.png 自定义文件 aem_icon.png 文件。

  4. 在Windows设备上构建和运行AEM Forms应用程序。

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da