Personalizzazione branding branding-customization
Puoi personalizzare l’icona dell’applicazione, il nome dell’applicazione, le immagini di avvio e la pagina di accesso per fornire all’app AEM Forms un aspetto specifico per l’organizzazione. Ad esempio, puoi modificare le immagini per utilizzare i loghi della tua organizzazione. L’app AEM Forms supporta le seguenti personalizzazioni:
- Personalizzazione dell’icona dell’applicazione e delle immagini di lancio
- Personalizzazione del nome dell’app
- Personalizzazione delle immagini nella pagina di accesso
- Personalizzazione del logo nel menu dell’app
Personalizzazione delle immagini icona e lancio customizing-icon-and-launch-images
Per personalizzare l’icona dell’app predefinita e l’immagine di avvio dell’app AEM Forms, effettua le seguenti operazioni:
Personalizzazione delle immagini icona e lancio to-customize-icon-and-launch-images
Per iOS for-ios
-
Apri
Capture.xcodeproj
progetto in Xcode. -
(Icona per personalizzare) Nella visualizzazione Navigatore di Capture, passare a Cattura > Cattura > File di supporto > Capture-info.plist. Fai clic sull’elenco a discesa accanto ai file Icona . Specifica il nome del file di icona (.png) e carica il file in Cattura > Cattura > Risorse > icone. Le dimensioni attualmente supportate sono: 29x29, 50x50, 58x58, 72x72, 100x100 e 144x144.
-
(Per personalizzare le immagini di lancio) Assicurati che i nomi dei file delle immagini siano:
- Per verticale:
Default-Portrait~ipad.png
eDefault-Portrait@2x~ipad.png
- Per orizzontale:
Default-Landscape~ipad.png
eDefault-Landscape@2x~ipad.png
Caricali nel progetto Capture per sostituire i file esistenti nel progetto.
note note NOTE Assicurati che il nome e la risoluzione dell'immagine corrispondano all'immagine sostituita nel progetto. - Per verticale:
-
Crea ed esegui l’app AEM Forms sul dispositivo iOS o sul simulatore iOS.
Per Android for-android
-
Denomina i file delle icone dell'applicazione come:
ic_launcher.png
-
Posiziona i file di icona corrispondenti nelle seguenti directory:
[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 Assicurati che il nome e la risoluzione dell'immagine corrispondano all'immagine sostituita nel progetto. -
Rigenera l’app AEM Forms.
Per Windows for-windows
-
Sostituisci le icone nel percorso:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\icons\windows
-
Sostituisci l’immagine del modulo di avvio nel percorso:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\res\screens\windows
note note NOTE Assicurati che il nome e la risoluzione dell'immagine corrispondano all'immagine sostituita nel progetto. -
Rigenera l’app AEM Forms.
Personalizzare il nome dell’app customize-the-app-name
Per iOS for-ios-1
-
Apri
Capture.xcodeproj
progetto in Xcode. -
Nella visualizzazione Navigatore di Capture, passare a Cattura > Cattura > File di supporto > InfoPlist.strings.
Aggiorna il valore per
CFBundleDisplayName
Attributo a un nome che desideri visualizzare per l'app. -
Crea ed esegui l’app AEM Forms sul dispositivo iOS o sul simulatore iOS.
Per informazioni dettagliate sulla creazione dell’app per iOS, vedi Configurare il progetto Xcode e creare l'app iOS.
Per Android for-android-1
-
Apri il seguente file XML in qualsiasi editor di testo o XML:
[User_Home]/Projects/[your-project]/src/android/res/values/strings.xml and android/res/values-en/strings.xml
-
Aggiorna il valore della chiave
app_name
. -
Rigenera l’app AEM Forms.
Per i dettagli sulla creazione dell'app per Android, vedi Configurare il progetto Eclipse e creare l’app Android.
Per Windows for-windows-1
-
Apri il seguente file XML in qualsiasi editor di testo:
%HOMEPATH%\adobe-lc-mobileworkspace-src-<version>\src\windows\MWSWindows\config.xml
-
Aggiorna il valore in
<name>...</name>
tag . -
Rigenera l’app AEM Forms.
Per informazioni dettagliate sulla creazione dell'app per Windows, vedi Configurare il progetto Visual Studio e creare l'app Windows.
Personalizzazione delle immagini nella pagina di accesso customizing-images-on-the-login-page
La pagina di accesso dell’app AEM Forms dispone di logo e immagini di sfondo. Il logo si trova sopra la finestra di dialogo di accesso e l’immagine di sfondo si trova sotto la finestra di dialogo di accesso. Esegui i seguenti passaggi per personalizzare l’immagine predefinita nella pagina di accesso:
Prima di iniziare
Assicurati di avere le seguenti immagini:
Per personalizzare le immagini nella pagina di accesso utilizzando Xcode
-
Apri
Capture.xcodeproj
progetto in Xcode. -
Passa a
www/wsmobile/images
cartella. -
Per modificare il logo, sostituisci il predefinito
LC-logo.png
con il file personalizzatoLC-logo.png
file. -
Per modificare lo sfondo, sostituisci il valore predefinito
Landing_bg.jpeg
con il file personalizzatoLanding_bg.jpeg
file. -
Crea ed esegui l’app AEM Forms sul dispositivo iOS o sul simulatore iOS.
Per personalizzare le immagini nelle pagine di login utilizzando Eclipse to-customize-images-on-the-login-pages-using-eclipse
-
Apri il progetto Android in Eclipse.
-
Passa a
assets/www/wsmobile/images
cartella. -
Per modificare il logo, sostituisci il predefinito
LC-logo.png
con il file personalizzatoLC-logo.png
file. -
Per modificare lo sfondo, sostituisci il valore predefinito
Landing_bg.jpeg
con il file personalizzatoLanding_bg.jpeg
file. -
Crea ed esegui l’app AEM Forms sul dispositivo Android.
Personalizzazione di immagini nelle pagine di accesso tramite Visual Studio to-customize-images-on-the-login-pages-using-visual-studio
-
Apri
MWSWindows.sln
progetto in Visual Studio. -
Passa a
MWSWindows\www\wsmobile\images
cartella. -
Per modificare il logo, sostituisci il predefinito
LC-logo.png
con il file personalizzatoLC-logo.png
file. -
Per modificare lo sfondo, sostituisci il valore predefinito
Landing_bg.jpeg
con il file personalizzatoLanding_bg.jpeg
file. -
Crea ed esegui l’app AEM Forms sul dispositivo Windows.
Personalizzazione del logo nel menu dell’app customizing_images_on_the_login_page-1
Dopo aver effettuato l’accesso all’app AEM Forms e aver toccato il pulsante del menu , puoi vedere il logo sopra il menu. Per personalizzare il logo predefinito, effettua le seguenti operazioni:
Prima di iniziare
Assicurati di avere la seguente immagine:
Per personalizzare le immagini nella pagina di accesso utilizzando Xcode
-
Apri
Capture.xcodeproj
progetto in Xcode. -
Passa a
www/wsmobile/images
cartella. -
Per modificare il logo, sostituisci l’impostazione predefinita
aem_icon.png
con il file personalizzatoaem_icon.png
file. -
Crea ed esegui l’app AEM Forms sul dispositivo iOS o sul simulatore iOS.
Per personalizzare le immagini nelle pagine di login utilizzando Eclipse to-customize-images-on-the-login-pages-using-eclipse-1
-
Apri il progetto Android in Eclipse.
-
Passa a
assets/www/wsmobile/images
cartella. -
Per modificare il logo, sostituisci l’impostazione predefinita
aem_icon.png
con il file personalizzatoaem_icon.png
file. -
Crea ed esegui l’app AEM Forms sul dispositivo Android.
Personalizzazione di immagini nelle pagine di accesso tramite Visual Studio to-customize-images-on-the-login-pages-using-visual-studio-1
-
Apri
MWSWindows.sln
progetto in Visual Studio. -
Passa a
MWSWindows\www\wsmobile\images
cartella. -
Per modificare il logo, sostituisci l’impostazione predefinita
aem_icon.png
con il file personalizzatoaem_icon.png
file. -
Crea ed esegui l’app AEM Forms sul dispositivo Windows.