品牌化自定义

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

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

自定义图标和启动图像

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

注意

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

自定义图标并启动图像

对于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.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. 在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应用程序的登录页面有徽标和背景图像。 徽标位于登录对话框的上方,背景图像位于登录对话框的下方。 请执行以下步骤以自定义登录页面上的默认图像:

开始之前

确保您具有以下图像:

描述

大小

文件名

徽标

72 x 72像素

LC-logo.png

背景图像(纵向)

1280 x 989像素

Landing_bg.jpeg

使用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应用程序并点击菜单按钮后,您会在菜单上方看到徽标。 请执行以下步骤以自定义默认标志:

开始之前

确保您具有以下图像:

描述

大小

文件名

徽标

72 x 72像素

aem_icon.png

使用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应用程序。

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now