DocumentaçãoAEM 6.5Guia do usuário

Personalização da marca branding-customization

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

É possível personalizar o ícone do aplicativo, o nome do aplicativo, as imagens de inicialização e a página de logon para fornecer uma aparência distinta e específica da organização para o aplicativo AEM Forms. Por exemplo, você pode alterar as imagens para usar logotipos da sua organização. O aplicativo AEM Forms é compatível com as seguintes personalizações:

  • Personalização do ícone do aplicativo e imagens de inicialização
  • Personalização do nome do aplicativo
  • Personalização de imagens na página de logon
  • Personalização do logotipo no menu do aplicativo

Personalização de ícones e imagens de lançamentos customizing-icon-and-launch-images

Execute as seguintes etapas para personalizar o ícone do aplicativo padrão e a imagem de inicialização do aplicativo AEM Forms:

NOTE
Para todos os ícones e imagens, use o formato PNG não entrelaçado.

Para personalizar imagens de ícones e inicializações to-customize-icon-and-launch-images

Para iOS for-ios

  1. Abra o Capture.xcodeproj projeto no Xcode.

  2. (Para personalizar o ícone) Na visualização do navegador da Captura, navegue até Capturar > Capturar > Arquivos de suporte > Capture-info.plist. Clique na lista suspensa ao lado dos arquivos de ícone. Especifique o nome do arquivo de ícone (.png) e faça upload do arquivo em Capturar > Capturar > Recursos > ícones. As dimensões compatíveis no momento são: 29x29, 50x50, 58x58, 72x72, 100x100 e 144x144.

  3. (Para personalizar imagens do Launch) Verifique se os nomes de arquivo das imagens são:

    • Para retrato: Default-Portrait~ipad.png e Default-Portrait@2x~ipad.png
    • Para paisagem: Default-Landscape~ipad.png e Default-Landscape@2x~ipad.png

    Faça upload deles para o projeto Capture para substituir arquivos existentes no projeto.

    note note
    NOTE
    Verifique se o nome e a resolução da imagem correspondem à imagem substituída no projeto.

  4. Crie e execute o aplicativo AEM Forms no dispositivo iOS ou no simulador iOS.

Para Android for-android

  1. Nomeie os arquivos de ícone do aplicativo como:

    ic_launcher.png

  2. Coloque os arquivos de ícone correspondentes nos seguintes diretórios:

    • [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
    Verifique se o nome e a resolução da imagem correspondem à imagem substituída no projeto.

  3. Recrie o aplicativo AEM Forms.

Para Windows for-windows

  1. Substitua os ícones no caminho:

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

  2. Substitua a imagem do iniciador no caminho:

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

    note note
    NOTE
    Verifique se o nome e a resolução da imagem correspondem à imagem substituída no projeto.

  3. Recrie o aplicativo AEM Forms.

Personalizar o nome do aplicativo customize-the-app-name

Para iOS for-ios-1

  1. Abra o Capture.xcodeproj projeto no Xcode.

  2. Na view do navegador Captura, navegue até Capturar > Capturar > Arquivos de Suporte > InfoPlist.strings.

    Atualize o valor para o CFBundleDisplayName para um nome que deseja exibir para o aplicativo.

  3. Crie e execute o aplicativo AEM Forms no dispositivo iOS ou no simulador iOS.

    Para obter detalhes sobre a criação do aplicativo para iOS, consulte Configurar o projeto Xcode e criar o aplicativo iOS.

Para Android for-android-1

  1. Abra o seguinte Xml em qualquer texto ou editor de Xml:

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

  2. Atualizar o valor da chave app_name.

  3. Recrie o aplicativo AEM Forms.

    Para obter detalhes sobre a criação do aplicativo para Android, consulte Configurar o projeto Eclipse e criar o aplicativo Android.

Para Windows for-windows-1

  1. Abra o seguinte Xml em qualquer editor de texto:

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

  2. Atualize o valor no <name>...</name> tag.

  3. Recrie o aplicativo AEM Forms.

    Para obter detalhes sobre a criação do aplicativo para Windows, consulte Configurar o projeto do Visual Studio e criar o aplicativo do Windows.

Personalização de imagens na página de logon customizing-images-on-the-login-page

A página de logon do aplicativo AEM Forms tem logotipo e imagens de fundo. O logotipo está localizado acima da caixa de diálogo de logon e a imagem de fundo está localizada abaixo da caixa de diálogo de logon. Execute as seguintes etapas para personalizar a imagem padrão na página de logon:

Antes de começar

Verifique se você tem as seguintes imagens:

Descrição
Tamanho
Nome de arquivo
Logotipo
72 x 72 pixels
LC-logo.png
Imagem de plano de fundo (Retrato)
1280 x 989 pixels
Landing_bg.jpeg

Para personalizar imagens na página de logon usando o Xcode

  1. Abra o Capture.xcodeproj projeto no Xcode.

  2. Navegue até a www/wsmobile/imagespasta.

  3. Para alterar o logotipo, substitua o padrão LC-logo.png arquivo com o personalizado LC-logo.png arquivo.

  4. Para alterar o fundo, substitua o padrão Landing_bg.jpeg arquivo com o personalizado Landing_bg.jpegarquivo.

  5. Crie e execute o aplicativo AEM Forms no dispositivo iOS ou no simulador iOS.

Para personalizar imagens nas páginas de logon usando o Eclipse to-customize-images-on-the-login-pages-using-eclipse

  1. Abra o projeto Android no Eclipse.

  2. Navegue até a assets/www/wsmobile/imagespasta.

  3. Para alterar o logotipo, substitua o padrão LC-logo.png arquivo com o personalizado LC-logo.png arquivo.

  4. Para alterar o fundo, substitua o padrão Landing_bg.jpeg arquivo com o personalizado Landing_bg.jpegarquivo.

  5. Crie e execute o aplicativo AEM Forms no dispositivo Android.

Para personalizar imagens nas páginas de logon usando o Visual Studio to-customize-images-on-the-login-pages-using-visual-studio

  1. Abra o MWSWindows.sln projeto no Visual Studio.

  2. Navegue até a MWSWindows\www\wsmobile\imagespasta.

  3. Para alterar o logotipo, substitua o padrão LC-logo.png arquivo com o personalizado LC-logo.png arquivo.

  4. Para alterar o fundo, substitua o padrão Landing_bg.jpeg arquivo com o personalizado Landing_bg.jpegarquivo.

  5. Crie e execute o aplicativo AEM Forms no dispositivo Windows.

Personalização do logotipo no menu do aplicativo customizing_images_on_the_login_page-1

Depois de fazer logon no aplicativo AEM Forms e selecionar o botão de menu, você pode ver o logotipo acima do menu. Execute as seguintes etapas para personalizar o logotipo padrão:

Antes de começar

Verifique se você tem a seguinte imagem:

Descrição
Tamanho
Nome de arquivo
Logotipo
72 x 72 pixels
aem_icon.png

Para personalizar imagens na página de logon usando o Xcode

  1. Abra o Capture.xcodeproj projeto no Xcode.

  2. Navegue até a www/wsmobile/imagespasta.

  3. Para alterar o logotipo, substitua o padrão aem_icon.png arquivo com o personalizado aem_icon.png arquivo.

  4. Crie e execute o aplicativo AEM Forms no dispositivo iOS ou no simulador iOS.

Para personalizar imagens nas páginas de logon usando o Eclipse to-customize-images-on-the-login-pages-using-eclipse-1

  1. Abra o projeto Android no Eclipse.

  2. Navegue até a assets/www/wsmobile/imagespasta.

  3. Para alterar o logotipo, substitua o padrão aem_icon.png arquivo com o personalizado aem_icon.png arquivo.

  4. Crie e execute o aplicativo AEM Forms no dispositivo Android.

Para personalizar imagens nas páginas de logon usando o Visual Studio to-customize-images-on-the-login-pages-using-visual-studio-1

  1. Abra o MWSWindows.sln projeto no Visual Studio.

  2. Navegue até a MWSWindows\www\wsmobile\imagespasta.

  3. Para alterar o logotipo, substitua o padrão aem_icon.png arquivo com o personalizado aem_icon.png arquivo.

  4. Crie e execute o aplicativo AEM Forms no dispositivo Windows.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2