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 a '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.

Personalizzazione delle immagini di icona e lancio

Per iOS

  1. Apri il progetto Capture.xcodeproj in Xcode.

  2. (Per personalizzare l'icona) Nella visualizzazione del Navigator di Capture, passare a Capture > Capture > Supporting Files > 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. 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. Create ed eseguite 'app AEM Forms sul dispositivo iOS o sul 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. Rigenerate 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. Rigenerate l'app AEM Forms.

Personalizzare il nome dell'app

Per iOS

  1. Apri il progetto Capture.xcodeproj in Xcode.

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

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

  3. Create ed eseguite 'app AEM Forms sul dispositivo iOS o sul simulatore iOS.

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

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. Aggiornare il valore della chiave app_name.

  3. Rigenerate l'app AEM Forms.

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

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 tag <name>...</name>.

  3. Rigenerate l'app AEM Forms.

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

Personalizzazione delle immagini nella pagina di login

La pagina di accesso dell'app AEM Forms ha logo e immagini di sfondo. 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 progetto Capture.xcodeproj in Xcode.

  2. Individuate la cartella www/wsmobile/images.

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

  4. Per modificare lo sfondo, sostituire il file Landing_bg.jpeg predefinito con il file Landing_bg.jpegpersonalizzato.

  5. Create ed eseguite 'app AEM Forms sul dispositivo iOS o sul simulatore iOS.

Per personalizzare le immagini nelle pagine di login utilizzando Eclipse

  1. Apri il progetto Android in Eclipse.

  2. Individuate la cartella assets/www/wsmobile/images.

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

  4. Per modificare lo sfondo, sostituire il file Landing_bg.jpeg predefinito con il file Landing_bg.jpegpersonalizzato.

  5. Creare ed eseguire 'app AEM Forms sul dispositivo Android.

Per personalizzare le immagini nelle pagine di login utilizzando Visual Studio

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

  2. Individuate la cartella MWSWindows\www\wsmobile\images.

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

  4. Per modificare lo sfondo, sostituire il file Landing_bg.jpeg predefinito con il file Landing_bg.jpegpersonalizzato.

  5. Creare ed eseguire app AEM Forms sul 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 progetto Capture.xcodeproj in Xcode.

  2. Individuate la cartella www/wsmobile/images.

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

  4. Create ed eseguite 'app AEM Forms sul dispositivo iOS o sul simulatore iOS.

Per personalizzare le immagini nelle pagine di login utilizzando Eclipse

  1. Apri il progetto Android in Eclipse.

  2. Individuate la cartella assets/www/wsmobile/images.

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

  4. Creare ed eseguire 'app AEM Forms sul dispositivo Android.

Per personalizzare le immagini nelle pagine di login utilizzando Visual Studio

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

  2. Individuate la cartella MWSWindows\www\wsmobile\images.

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

  4. Creare ed eseguire app AEM Forms sul dispositivo Windows.

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now