Personalização da marca branding-customization
Você pode 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 específica da organização ao aplicativo AEM Forms. Por exemplo, você pode alterar as imagens para usar logotipos de 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çamento 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:
Personalização de ícones e imagens de lançamento to-customize-icon-and-launch-images
Para iOS for-ios
-
Abra o
Capture.xcodeproj
projeto no Xcode. -
(Para ícone personalizado) Na exibição do navegador de Captura, navegue até Captura > Captura > 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 Captura > Captura > Recursos > ícones. As dimensões atualmente compatíveis são: 29x29, 50x50, 58x58, 72x72, 100x100 e 144x144.
-
(Para personalizar imagens de lançamento) Verifique se os nomes de arquivo das imagens são:
- Para retrato:
Default-Portrait~ipad.png
eDefault-Portrait@2x~ipad.png
- Para paisagem:
Default-Landscape~ipad.png
eDefault-Landscape@2x~ipad.png
Faça o upload para o projeto Capture para substituir arquivos existentes no projeto.
note note NOTE Certifique-se de que o nome e a resolução da imagem correspondem à imagem que você substituiu no projeto. - Para retrato:
-
Crie e execute o aplicativo AEM Forms no dispositivo iOS ou no simulador iOS.
Para Android for-android
-
Nomeie os arquivos de ícone do aplicativo como:
ic_launcher.png
-
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 Certifique-se de que o nome e a resolução da imagem correspondem à imagem que você substituiu no projeto. -
Recrie o aplicativo AEM Forms.
Para Windows for-windows
-
Substitua os ícones no caminho:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
-
Substitua a imagem do iniciador no caminho:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
note note NOTE Certifique-se de que o nome e a resolução da imagem correspondem à imagem que você substituiu no projeto. -
Recrie o aplicativo AEM Forms.
Personalizar o nome do aplicativo customize-the-app-name
Para iOS for-ios-1
-
Abra o
Capture.xcodeproj
projeto no Xcode. -
Na exibição do navegador de Captura, navegue até Captura > Captura > Arquivos de suporte > InfoPlist.strings.
Atualize o valor da variável
CFBundleDisplayName
a um nome que você deseja exibir para o aplicativo. -
Crie e execute o aplicativo AEM Forms no dispositivo iOS ou no simulador iOS.
Para obter detalhes sobre como criar o aplicativo para iOS, consulte Configurar o projeto Xcode e criar o aplicativo iOS.
Para Android for-android-1
-
Abra o seguinte Xml em qualquer editor de texto ou Xml:
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
-
Atualizar o valor da chave
app_name
. -
Recrie o aplicativo AEM Forms.
Para obter detalhes sobre como criar o aplicativo para Android, consulte Configure o projeto do Eclipse e crie o aplicativo Android.
Para Windows for-windows-1
-
Abra o seguinte Xml em qualquer editor de texto:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
-
Atualize o valor no
<name>...</name>
. -
Recrie o aplicativo AEM Forms.
Para obter detalhes sobre como criar o 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 imagens de logotipo e plano 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 você iniciar
Certifique-se de ter as seguintes imagens:
Para personalizar imagens na página de logon usando o Xcode
-
Abra o
Capture.xcodeproj
projeto no Xcode. -
Navegue até o
www/wsmobile/images
pasta. -
Para alterar o logotipo, substitua o padrão
LC-logo.png
com oLC-logo.png
arquivo. -
Para alterar o plano de fundo, substitua o padrão
Landing_bg.jpeg
com oLanding_bg.jpeg
arquivo. -
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
-
Abra o projeto do Android no Eclipse.
-
Navegue até o
assets/www/wsmobile/images
pasta. -
Para alterar o logotipo, substitua o padrão
LC-logo.png
com oLC-logo.png
arquivo. -
Para alterar o plano de fundo, substitua o padrão
Landing_bg.jpeg
com oLanding_bg.jpeg
arquivo. -
Crie e execute o aplicativo AEM Forms no dispositivo Android.
Para personalizar imagens nas páginas de login usando o Visual Studio to-customize-images-on-the-login-pages-using-visual-studio
-
Abra o
MWSWindows.sln
projeto no Visual Studio. -
Navegue até o
MWSWindows\www\wsmobile\images
pasta. -
Para alterar o logotipo, substitua o padrão
LC-logo.png
com oLC-logo.png
arquivo. -
Para alterar o plano de fundo, substitua o padrão
Landing_bg.jpeg
com oLanding_bg.jpeg
arquivo. -
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 tocar no botão do menu, você poderá ver o logotipo acima do menu. Execute as seguintes etapas para personalizar o logotipo padrão:
Antes de você iniciar
Certifique-se de ter a seguinte imagem:
Para personalizar imagens na página de logon usando o Xcode
-
Abra o
Capture.xcodeproj
projeto no Xcode. -
Navegue até o
www/wsmobile/images
pasta. -
Para alterar o logotipo, substitua o padrão
aem_icon.png
com oaem_icon.png
arquivo. -
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 do Android no Eclipse.
-
Navegue até o
assets/www/wsmobile/images
pasta. -
Para alterar o logotipo, substitua o padrão
aem_icon.png
com oaem_icon.png
arquivo. -
Crie e execute o aplicativo AEM Forms no dispositivo Android.
Para personalizar imagens nas páginas de login usando o Visual Studio to-customize-images-on-the-login-pages-using-visual-studio-1
-
Abra o
MWSWindows.sln
projeto no Visual Studio. -
Navegue até o
MWSWindows\www\wsmobile\images
pasta. -
Para alterar o logotipo, substitua o padrão
aem_icon.png
com oaem_icon.png
arquivo. -
Crie e execute o aplicativo AEM Forms no dispositivo Windows.