品牌化自定义

上次更新: 2023-12-07

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

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

自定义图标和启动图像

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

注意

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

自定义图标和启动图像

适用于iOS的

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

  2. (用于自定义的图标)在Capture的导航视图中,导航到 捕获>捕获>支持文件> Capture-info.plist. 单击图标文件旁边的下拉菜单。 指定图标文件(.png)的名称,然后将该文件上传到 捕获>捕获>资源>图标. 当前支持的维度为:29x29、50x50、58x58、72x72、100x100和144x144。

  3. (用于自定义启动图像)确保映像的文件名是:

    • 纵向: Default-Portrait~ipad.pngDefault-Portrait@2x~ipad.png
    • 对于横向: Default-Landscape~ipad.pngDefault-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. 打开 Capture.xcodeproj Xcode中的项目。

  2. 在Capture的导航视图中,导航到 捕获>捕获>支持文件> 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应用程序的登录页面具有徽标和背景图像。 徽标位于登录对话框的上方,背景图像位于登录对话框的下方。 执行以下步骤以自定义登录页面上的默认映像:

开始之前

确保您拥有以下图像:

描述

大小

文件名

徽标

72 x 72像素

LC-logo.png

背景图像(纵向)

1280 x 989像素

Landing_bg.jpeg

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

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

  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. 打开 MWSWindows.sln Visual Studio中的项目。

  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应用程序并选择菜单按钮后,您可以看到菜单上方的徽标。 执行以下步骤以自定义默认徽标:

开始之前

确保您拥有以下图像:

描述

大小

文件名

徽标

72 x 72像素

aem_icon.png

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

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

  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. 打开 MWSWindows.sln Visual Studio中的项目。

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

  3. 要更改徽标,请替换默认值 aem_icon.png 包含自定义的文件 aem_icon.png 文件。

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

在此页面上