Personalización de promoción de la marca

Puede personalizar el icono de la aplicación, el nombre de la aplicación, las imágenes de inicio y la página de inicio de sesión para proporcionar a la aplicación de AEM Forms un aspecto específico de la organización. Por ejemplo, puede cambiar las imágenes para utilizar logotipos de su organización. La aplicación de AEM Forms admite las siguientes personalizaciones:

  • Personalización del icono de la aplicación y las imágenes de inicio
  • Personalización del nombre de la aplicación
  • Personalización de imágenes en la página de inicio de sesión
  • Personalización del logotipo en el menú de la aplicación

Personalización de iconos e imágenes de inicio

Siga estos pasos para personalizar el icono predeterminado de la aplicación y la imagen de inicio de la aplicación de AEM Forms:

NOTA

Para todos los iconos e imágenes, utilice formato PNG no entrelazado.

Para personalizar iconos e imágenes de inicio

Para iOS

  1. Abra el proyecto Capture.xcodeproj en Xcode.

  2. (Para personalizar icon) En la vista de navegación de Captura, navegue a Captura > Captura > Archivos de soporte > Capture-info.plist. Haga clic en la lista desplegable situada junto a los archivos de icono. Especifique el nombre del archivo de icono (.png) y cargue el archivo en Captura > Captura > Recursos > iconos. Las dimensiones admitidas actualmente son: 29 x 29, 50 x 50, 58 x 58, 72 x 72, 100 x 100 y 144 x 144.

  3. (Para personalizar imágenes de inicio) Asegúrese de que los nombres de archivo de las imágenes son:

    • Para vertical: Default-Portrait~ipad.png y Default-Portrait@2x~ipad.png
    • Para horizontal: Default-Landscape~ipad.png y Default-Landscape@2x~ipad.png

    Cargue los archivos en el proyecto Capturar para reemplazar los archivos existentes en el proyecto.

    NOTA

    Asegúrese de que el nombre y la resolución de la imagen coinciden con la imagen que reemplaza en el proyecto.

  4. Cree y ejecute la aplicación de AEM Forms en dispositivos iOS o simulador de iOS.

Para Android

  1. Asigne un nombre a los archivos de icono de la aplicación como:

    ic_launcher.png

  2. Coloque los archivos de icono correspondientes en los directorios siguientes:

    • [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
    NOTA

    Asegúrese de que el nombre y la resolución de la imagen coinciden con la imagen que reemplaza en el proyecto.

  3. Vuelva a compilar la aplicación de AEM Forms.

Para Windows

  1. Reemplace los iconos de la ruta:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows

  2. Reemplazar la imagen del iniciador en la ruta:

    %HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows

    NOTA

    Asegúrese de que el nombre y la resolución de la imagen coinciden con la imagen que reemplaza en el proyecto.

  3. Vuelva a compilar la aplicación de AEM Forms.

Personalización del nombre de la aplicación

Para iOS

  1. Abra el proyecto Capture.xcodeproj en Xcode.

  2. En la vista del navegador Captura, vaya a Captura > Captura > Archivos de soporte > InfoPlist.strings.

    Actualice el valor del atributo CFBundleDisplayName a un nombre que desee mostrar para la aplicación.

  3. Cree y ejecute la aplicación de AEM Forms en dispositivos iOS o simulador de iOS.

    Para obtener más información sobre la creación de la aplicación para iOS, consulte Configuración del proyecto Xcode y compilación de la aplicación de iOS.

Para Android

  1. Abra el siguiente XML en cualquier editor de texto o XML:

    [User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml

  2. Actualice el valor de la clave app_name.

  3. Vuelva a compilar la aplicación de AEM Forms.

    Para obtener más información sobre la creación de la aplicación para Android, consulte Configuración del proyecto Eclipse y compilación de la aplicación para Android.

Para Windows

  1. Abra el siguiente XML en cualquier editor de texto:

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

  2. Actualice el valor en la etiqueta <name>...</name>.

  3. Vuelva a compilar la aplicación de AEM Forms.

    Para obtener más información sobre la creación de la aplicación para Windows, consulte Configuración del proyecto de Visual Studio y compilación de la aplicación de Windows.

Personalización de imágenes en la página de inicio de sesión

La página de inicio de sesión de la aplicación de AEM Forms tiene un logotipo e imágenes de fondo. El logotipo se encuentra encima del cuadro de diálogo de inicio de sesión y la imagen de fondo se encuentra debajo del cuadro de diálogo de inicio de sesión. Realice los siguientes pasos para personalizar la imagen predeterminada en la página de inicio de sesión:

Antes de comenzar

Asegúrese de que tiene las siguientes imágenes:

Descripción

Tamaño

Nombre de archivo

Logotipo

72 x 72 píxeles

LC-logo.png

Imagen de fondo (vertical)

1280 x 989 píxeles

Landing_bg.jpeg

Personalización de imágenes en la página de inicio de sesión con Xcode

  1. Abra el proyecto Capture.xcodeproj en Xcode.

  2. Vaya a la carpeta www/wsmobile/images.

  3. Para cambiar el logotipo, reemplace el archivo LC-logo.png predeterminado por el archivo LC-logo.png personalizado.

  4. Para cambiar el fondo, reemplace el archivo predeterminado Landing_bg.jpeg por el archivo personalizado Landing_bg.jpeg.

  5. Cree y ejecute la aplicación de AEM Forms en dispositivos iOS o simulador de iOS.

Para personalizar imágenes en las páginas de inicio de sesión con Eclipse

  1. Abra el proyecto de Android en Eclipse.

  2. Vaya a la carpeta assets/www/wsmobile/images.

  3. Para cambiar el logotipo, reemplace el archivo LC-logo.png predeterminado por el archivo LC-logo.png personalizado.

  4. Para cambiar el fondo, reemplace el archivo predeterminado Landing_bg.jpeg por el archivo personalizado Landing_bg.jpeg.

  5. Cree y ejecute la aplicación de AEM Forms en dispositivos Android.

Para personalizar imágenes en las páginas de inicio de sesión mediante Visual Studio

  1. Abra el proyecto MWSWindows.sln en Visual Studio.

  2. Vaya a la carpeta MWSWindows\www\wsmobile\images.

  3. Para cambiar el logotipo, reemplace el archivo LC-logo.png predeterminado por el archivo LC-logo.png personalizado.

  4. Para cambiar el fondo, reemplace el archivo predeterminado Landing_bg.jpeg por el archivo personalizado Landing_bg.jpeg.

  5. Cree y ejecute aplicaciones de AEM Forms en dispositivos Windows.

Personalización del logotipo en el menú de la aplicación

Después de iniciar sesión en la aplicación de AEM Forms y tocar el botón de menú, puede ver el logotipo encima del menú. Siga estos pasos para personalizar el logotipo predeterminado:

Antes de comenzar

Asegúrese de que tiene la siguiente imagen:

Descripción

Tamaño

Nombre de archivo

Logotipo

72 x 72 píxeles

aem_icon.png

Personalización de imágenes en la página de inicio de sesión con Xcode

  1. Abra el proyecto Capture.xcodeproj en Xcode.

  2. Vaya a la carpeta www/wsmobile/images.

  3. Para cambiar el logotipo, reemplace el archivo predeterminado aem_icon.png por el archivo personalizado aem_icon.png.

  4. Cree y ejecute la aplicación de AEM Forms en dispositivos iOS o simulador de iOS.

Para personalizar imágenes en las páginas de inicio de sesión con Eclipse

  1. Abra el proyecto de Android en Eclipse.

  2. Vaya a la carpeta assets/www/wsmobile/images.

  3. Para cambiar el logotipo, reemplace el archivo predeterminado aem_icon.png por el archivo personalizado aem_icon.png.

  4. Cree y ejecute la aplicación de AEM Forms en dispositivos Android.

Para personalizar imágenes en las páginas de inicio de sesión mediante Visual Studio

  1. Abra el proyecto MWSWindows.sln en Visual Studio.

  2. Vaya a la carpeta MWSWindows\www\wsmobile\images.

  3. Para cambiar el logotipo, reemplace el archivo predeterminado aem_icon.png por el archivo personalizado aem_icon.png.

  4. Cree y ejecute aplicaciones de AEM Forms en dispositivos Windows.

En esta página

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