Vous pouvez personnaliser l’icône et le nom de l’application, les images de lancement et la page de connexion pour donner à l’application AEM Forms une apparence différente et spécifique de l’entreprise. Vous avez, par exemple, la possibilité de remplacer les images par des logos de votre société. L’application AEM Forms prend en charge les personnalisations suivantes :
Exécutez les étapes suivantes pour personnaliser l’icône par défaut et l’image de lancement de l’application AEM Forms :
Pour toutes les icônes et les images, utilisez le format PNG non entrelacé.
Ouvrez le projet Capture.xcodeproj
dans Xcode.
(Pour la personnalisation des icônes) En mode navigateur de Capture, accédez à Capturer > Capture > Fichiers pris en charge > Capture-info.plist. Cliquez sur la liste déroulante à côté des fichiers d’icônes. Spécifiez le nom du fichier d’icône (.png) et chargez le fichier sur Capturer > Capture > Ressources > icônes. Les dimensions actuellement prises en charge sont : 29x29, 50x50, 58x58, 72x72, 100x100 et 144x144.
(Pour la personnalisation des images de lancement) Vérifiez que les noms de fichiers de vos images sont les suivantes :
Default-Portrait~ipad.png
et Default-Portrait@2x~ipad.png
Default-Landscape~ipad.png
et Default-Landscape@2x~ipad.png
Chargez-les sur le projet de capture pour remplacer les fichiers existants du projet.
Vérifiez que le nom et la résolution de votre image correspondent à l’image que vous remplacez dans le projet.
Générez et exécutez l’application AEM Forms sur un périphérique ou un simulateur iOS.
Nommez les fichiers d’icône de l’application en tant que :
ic_launcher.png
Placez les fichiers d’icône correspondants dans les répertoires suivants :
[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
Vérifiez que le nom et la résolution de votre image correspondent à l’image que vous remplacez dans le projet.
Régénérez l’application AEM Forms.
Remplacez les icônes dans le chemin d’accès :
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
Remplacez l’image de lancement dans le chemin d’accès :
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
Vérifiez que le nom et la résolution de votre image correspondent à l’image que vous remplacez dans le projet.
Régénérez l’application AEM Forms.
Ouvrez le projet Capture.xcodeproj
dans Xcode.
Dans la vue Navigateur de Capture, accédez à Capture > Capture > Fichiers pris en charge > InfoPlist.strings.
Mettez à jour la valeur de l’attribut CFBundleDisplayName
avec un nom que vous souhaitez afficher pour l’application.
Générez et exécutez l’application AEM Forms sur un périphérique ou un simulateur iOS.
Pour en savoir plus sur la création de l’application pour iOS, consultez la section Configurer le projet Xcode et créer l’application iOS.
Ouvrez le code XML suivant dans un fichier texte ou éditeur XML quelconque :
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
Mettez à jour la valeur pour la clé app_name
.
Régénérez l’application AEM Forms.
Pour en savoir plus sur la création de l’application pour Android, consultez la section Configuration du projet Eclipse et génération de l’application Android.
Ouvrez le code XML suivant dans un éditeur de texte quelconque :
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
Mettez à jour la valeur dans la balise <name>...</name>
.
Régénérez l’application AEM Forms.
Pour en savoir plus sur la création de l’application pour Windows, consultez la section Configuration du projet Visual Studio et génération d’une application Windows.
La page de connexion de l’application AEM Forms dispose d’un logo et d’images d’arrière-plan. Le logo est situé au-dessus de la boîte de dialogue de connexion, tandis que l’image d’arrière-plan se trouve en dessous de celle-ci. Effectuez la procédure suivante pour personnaliser l’image par défaut sur la page de connexion :
Avant de commencer
Vérifiez que vous disposez des images suivantes :
Description |
Taille |
Nom de fichier |
---|---|---|
Logo |
72 x 72 pixels |
LC-logo.png |
Image d’arrière-plan (portrait) |
1280 x 989 pixels |
Landing_bg.jpeg |
Personnalisation des images de la page de connexion à l’aide de Xcode
Ouvrez le projet Capture.xcodeproj
dans Xcode.
Accédez au dossier www/wsmobile/images
.
Pour changer le logo, remplacez le fichier LC-logo.png
par défaut par le fichier LC-logo.png
personnalisé.
Pour changer l’arrière-plan, remplacez le fichier par défaut Landing_bg.jpeg
par le fichier personnalisé Landing_bg.jpeg
.
Générez et exécutez l’application AEM Forms sur un périphérique ou un simulateur iOS.
Ouvrez le projet Android dans Eclipse.
Accédez au dossier assets/www/wsmobile/images
.
Pour changer le logo, remplacez le fichier LC-logo.png
par défaut par le fichier LC-logo.png
personnalisé.
Pour changer l’arrière-plan, remplacez le fichier par défaut Landing_bg.jpeg
par le fichier personnalisé Landing_bg.jpeg
.
Générez et exécutez l’application AEM Forms sur un périphérique Android.
Ouvrez le projet MWSWindows.sln
dans Visual Studio.
Accédez au dossier MWSWindows\www\wsmobile\images
.
Pour changer le logo, remplacez le fichier LC-logo.png
par défaut par le fichier LC-logo.png
personnalisé.
Pour changer l’arrière-plan, remplacez le fichier par défaut Landing_bg.jpeg
par le fichier personnalisé Landing_bg.jpeg
.
Générez et exécutez l’application AEM Forms sur un périphérique Windows.
Après vous être connecté à l’application AEM Forms et avoir appuyé sur le bouton de menu, vous verrez le logo au-dessus du menu. Effectuez les étapes suivantes pour personnaliser le logo par défaut :
Avant de commencer
Vérifiez que vous disposez de l’image suivante :
Description |
Taille |
Nom de fichier |
---|---|---|
Logo |
72 x 72 pixels |
aem_icon.png |
Personnalisation des images de la page de connexion à l’aide de Xcode
Ouvrez le projet Capture.xcodeproj
dans Xcode.
Accédez au dossier www/wsmobile/images
.
Pour changer le logo, remplacez le fichier par défaut aem_icon.png
par le fichier personnalisé aem_icon.png
.
Générez et exécutez l’application AEM Forms sur un périphérique ou un simulateur iOS.
Ouvrez le projet Android dans Eclipse.
Accédez au dossier assets/www/wsmobile/images
.
Pour changer le logo, remplacez le fichier par défaut aem_icon.png
par le fichier aem_icon.png
personnalisé.
Générez et exécutez l’application AEM Forms sur un périphérique Android.
Ouvrez le projet MWSWindows.sln
dans Visual Studio.
Accédez au dossier MWSWindows\www\wsmobile\images
.
Pour changer le logo, remplacez le fichier par défaut aem_icon.png
par le fichier personnalisé aem_icon.png
.
Générez et exécutez l’application AEM Forms sur un périphérique Windows.