Show Menu
ARGOMENTI×

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:
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.
    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
    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
    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'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. 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'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 <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'app Windows.

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/images cartella.
  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.jpeg file 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/images cartella.
  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.jpeg file 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\images cartella.
  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.jpeg file 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/images cartella.
  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/images cartella.
  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\images cartella.
  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.