Personalizzazione branding

Potete personalizzare l'icona dell'applicazione, il nome dell'applicazione, le immagini di avvio e la pagina di login per fornire un aspetto specifico dell'organizzazione all'app AEM Forms. Ad esempio, potete modificare le immagini per utilizzare i logo aziendali. L'app AEM Forms supporta le seguenti personalizzazioni:

  • Personalizzazione delle immagini dell’icona e dell’avvio dell’applicazione
  • Personalizzazione del nome dell'app
  • Personalizzazione delle immagini nella pagina di login
  • Personalizzazione del logo nel menu dell'app

Personalizzazione delle immagini di icona e lancio

Per personalizzare l’icona dell’app predefinita e l’immagine di avvio dell’app AEM Forms, effettuate le seguenti operazioni:

Nota

Per tutte le icone e immagini, usate il formato PNG non interlacciato.

Per personalizzare le immagini delle icone e del lancio

Per iOS

  1. Apri il Capture.xcodeproj progetto in Xcode.

  2. (Per personalizzare l’icona) Nella vista Navigatore di Capture, passare a Capture > Capture > Supporting Files (Cattura > File di supporto) > Capture-info.plist. Fare clic sul menu a discesa accanto ai file Icona. Specificate il nome del file di icona (.png) e caricate il file in Capture > Capture > Resources > icons (Cattura > Risorse > icone). Le dimensioni attualmente supportate sono: 29x29, 50x50, 58x58, 72x72, 100x100 e 144x144.

  3. (Per personalizzare le immagini del lancio) Accertatevi che i nomi file delle immagini siano:

    • Per verticale: Default-Portrait~ipad.png e Default-Portrait@2x~ipad.png
    • Per orizzontale: Default-Landscape~ipad.png e Default-Landscape@2x~ipad.png

    Caricateli nel progetto Capture per sostituire i file esistenti nel progetto.

    Nota

    Accertatevi che il nome e la risoluzione dell’immagine corrispondano all’immagine sostituita nel progetto.

  4. Creare ed eseguire l'app AEM Forms su un dispositivo iOS o su un simulatore iOS.

Per Android

  1. Denominate i file di icona dell’applicazione come:

    ic_launcher.png

  2. Inserite 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
    Nota

    Accertatevi che il nome e la risoluzione dell’immagine corrispondano all’immagine sostituita nel progetto.

  3. Generate di nuovo l'app AEM Forms.

Per Windows

  1. Sostituisce le icone nel percorso:

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

  2. Sostituisce l’immagine di avvio nel percorso:

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

    Nota

    Accertatevi che il nome e la risoluzione dell’immagine corrispondano all’immagine sostituita nel progetto.

  3. Generate di nuovo l'app AEM Forms.

Personalizzare il nome dell'app

Per iOS

  1. Apri il Capture.xcodeproj progetto in Xcode.

  2. Nella visualizzazione del Navigator di Capture, passa a Capture > Capture > Supporting Files > InfoPlist.strings.

    Aggiornate il valore dell' CFBundleDisplayName attributo al nome che desiderate visualizzare per l'app.

  3. Creare ed eseguire l'app AEM Forms su un dispositivo iOS o su un simulatore iOS.

    Per informazioni dettagliate sulla creazione dell'app per iOS, consultate Configurare il progetto Xcode e creare l'appiOS.

Per Android

  1. Aprite 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

  2. Aggiorna il valore della chiave app_name.

  3. Generate di nuovo l'app AEM Forms.

    Per informazioni dettagliate sulla creazione dell'app per Android, consultate Configurare il progetto Eclipse e creare l'appAndroid.

Per Windows

  1. Aprite il seguente file XML in qualsiasi editor di testo:

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

  2. Aggiornate il valore nel <name>...</name> tag .

  3. Generate di nuovo l'app AEM Forms.

    Per informazioni dettagliate sulla creazione dell'app per Windows, consultate Configurare il progetto Visual Studio e creare l'appWindows.

Personalizzazione delle immagini nella pagina di login

La pagina di accesso dell'app AEM Forms include immagini di sfondo e logo. Il logo si trova sopra la finestra di dialogo di login e l’immagine di sfondo si trova sotto la finestra di dialogo di login. Per personalizzare l’immagine predefinita nella pagina di login, effettuate le seguenti operazioni:

Prima di iniziare

Assicuratevi di disporre delle immagini seguenti:

Descrizione

Dimensione

Nome file

Logo

72 x 72 pixel

LC-logo.png

Immagine di sfondo (verticale)

1280 x 989 pixel

Landing_bg.jpeg

Per personalizzare le immagini nella pagina di login utilizzando Xcode

  1. Apri il Capture.xcodeproj progetto in Xcode.

  2. Passate alla www/wsmobile/imagescartella.

  3. Per modificare il logo, sostituite il LC-logo.png file predefinito con il LC-logo.png file personalizzato.

  4. Per cambiare lo sfondo, sostituite il Landing_bg.jpeg file predefinito con il Landing_bg.jpegfile personalizzato.

  5. Creare ed eseguire l'app AEM Forms su un dispositivo iOS o su un simulatore iOS.

Per personalizzare le immagini nelle pagine di login utilizzando Eclipse

  1. Apri il progetto Android in Eclipse.

  2. Passate alla assets/www/wsmobile/imagescartella.

  3. Per modificare il logo, sostituite il LC-logo.png file predefinito con il LC-logo.png file personalizzato.

  4. Per cambiare lo sfondo, sostituite il Landing_bg.jpeg file predefinito con il Landing_bg.jpegfile personalizzato.

  5. Creazione ed esecuzione dell'app AEM Forms su dispositivo Android.

Personalizzazione di immagini nelle pagine di login mediante Visual Studio

  1. Aprire il MWSWindows.sln progetto in Visual Studio.

  2. Passate alla MWSWindows\www\wsmobile\imagescartella.

  3. Per modificare il logo, sostituite il LC-logo.png file predefinito con il LC-logo.png file personalizzato.

  4. Per cambiare lo sfondo, sostituite il Landing_bg.jpeg file predefinito con il Landing_bg.jpegfile personalizzato.

  5. Creare ed eseguire l'app AEM Forms su un dispositivo Windows.

Personalizzazione del logo nel menu dell'app

Dopo aver effettuato l'accesso all'app AEM Forms e aver toccato il pulsante del menu, il logo è visibile sopra il menu. Per personalizzare il logo predefinito, effettuate le seguenti operazioni:

Prima di iniziare

Accertatevi di disporre della seguente immagine:

Descrizione

Dimensione

Nome file

Logo

72 x 72 pixel

aem_icon.png

Per personalizzare le immagini nella pagina di login utilizzando Xcode

  1. Apri il Capture.xcodeproj progetto in Xcode.

  2. Passate alla www/wsmobile/imagescartella.

  3. Per modificare il logo, sostituite il aem_icon.png file predefinito con il aem_icon.png file personalizzato.

  4. Creare ed eseguire l'app AEM Forms su un dispositivo iOS o su un simulatore iOS.

Per personalizzare le immagini nelle pagine di login utilizzando Eclipse

  1. Apri il progetto Android in Eclipse.

  2. Passate alla assets/www/wsmobile/imagescartella.

  3. Per modificare il logo, sostituite il aem_icon.png file predefinito con il aem_icon.png file personalizzato.

  4. Creazione ed esecuzione dell'app AEM Forms su dispositivo Android.

Personalizzazione di immagini nelle pagine di login mediante Visual Studio

  1. Aprire il MWSWindows.sln progetto in Visual Studio.

  2. Passate alla MWSWindows\www\wsmobile\imagescartella.

  3. Per modificare il logo, sostituite il aem_icon.png file predefinito con il aem_icon.png file personalizzato.

  4. Creare ed eseguire l'app AEM Forms su un dispositivo Windows.

In questa pagina