Show Menu
主题×

品牌化自定义

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

自定义图标和启动图像

执行以下步骤以自定义默认应用程序图标和AEM Forms应用程序的启动图像:
对于所有图标和图像,请使用非隔行PNG格式。

自定义图标和启动图像

对于iOS

  1. 在Xcode中 Capture.xcodeproj 打开项目。
  2. (对​ 于自定义图标 )在Capture的导航器视图中,导航到 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项目以替换项目中的现有文件。
    确保图像的名称和分辨率与您在项目中替换的图像匹配。
  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应用程序。