Sovrapposizione testo text-overlay
Questa sezione tratta i seguenti argomenti:
- Panoramica
- Utilizzo della sovrapposizione testo
- Informazioni sulle proprietà di sovrapposizione testo
- Utilizzo dei valori ContextHub nella sovrapposizione testo
Panoramica overview
La sovrapposizione testo è una funzione disponibile in AEM Screens. Ti consente di creare un’esperienza coinvolgente in un canale di sequenza fornendo un titolo o una descrizione sovrapposta su un’immagine.
Per informazioni su come creare un componente personalizzato, consulta Estensione di un componente AEM Screens.
In questa sezione viene illustrato solo come utilizzare e applicare il componente poster in un progetto AEM Screens. Mostra anche come utilizzarlo come sovrapposizione di testo in uno dei canali della sequenza.
Utilizzo della sovrapposizione testo using-text-overlay
La sezione seguente descrive l’utilizzo della sovrapposizione di testo in un progetto AEM Screens.
Prerequisiti
Prima di implementare questa funzionalità, accertati di aver impostato un progetto come prerequisito per iniziare a implementare la sovrapposizione di testo. Ad esempio:
-
Crea un progetto AEM Screens (in questo esempio, TextOverlayDemo)
-
Crea un canale di sequenza con titolo TextSample nella cartella Channels
-
Aggiungi contenuto al tuo canale TextSample
L'immagine seguente mostra il progetto TextOverlayDemo con il canale TextSample nella cartella Channels.
Per utilizzare la sovrapposizione di testo in un canale AEM Screens, effettua le seguenti operazioni:
-
Passa a TextOverlayDemo > Canali > TextSample e fai clic su Modifica nella barra delle azioni.
-
Fai clic sull'immagine e fai clic su Configura (icona chiave inglese) per aprire la finestra di dialogo delle proprietà.
-
Fare clic sull'opzione Sovrapposizione testo nella barra di navigazione della finestra di dialogo, come illustrato nella figura riportata di seguito.
Informazioni sulle proprietà di sovrapposizione testo understanding-text-overlay-properties
Utilizzando le proprietà Sovrapposizione testo, puoi aggiungere testo a qualsiasi componente del progetto Screens. La sezione seguente fornisce una panoramica delle proprietà disponibili in Sovrapposizione testo:
È possibile aggiungere un testo alla casella di testo e aggiungere enfasi tipografiche quali grassetto, corsivo e sottolineato.
Variante colore Questa opzione consente di impostare il testo come Scuro (testo in nero) o Chiaro (testo in bianco).
Ridimensionamento e posizionamento Questa opzione consente all'utente di allineare il testo orizzontalmente o verticalmente oppure di utilizzare strumenti granulari per l'allineamento del testo.
Utilizzo dei valori ContextHub nella sovrapposizione testo using-text-overlay-context-hub
La sezione seguente descrive l’utilizzo di valori provenienti da un archivio dati, ad esempio i fogli Google nel componente di sovrapposizione testo.
Prerequisiti
Configura le configurazioni ContextHub per il progetto AEM Screens.
Per informazioni su come impostare e gestire le modifiche delle risorse basate sui dati utilizzando un archivio dati, consulta Configurazione di ContextHub in AEM Screens.
Dopo aver impostato le configurazioni richieste per il progetto, segui i passaggi seguenti per utilizzare i valori dei fogli di Google:
-
Passa a TextOverlayDemo > Canali > TextSample e fai clic su Proprietà nella barra delle azioni.
-
Fai clic sulla scheda Personalization per configurare le configurazioni di ContextHub.
-
Fai clic sul percorso ContextHub come libs > settings > cloudsettings > default > Configurazioni ContextHub e fai clic su Select.
-
Fai clic su Percorso segmenti come conf > schermate > impostazioni > wcm > segmenti e fai clic su Seleziona.
-
Fai clic su Salva e chiudi.
note note NOTE Utilizza ContextHub e il percorso Segmenti, dove hai inizialmente salvato le configurazioni e i segmenti dell’hub di contesto. 
-
-
Passa a TextOverlayDemo > Canali > TextSample e fai clic su Modifica nella barra delle azioni.
-
Aggiungi un componente di sovrapposizione immagine e testo all'immagine come descritto nella sezione Utilizzo della sovrapposizione testo di questa pagina.
-
Fai clic su Configura (icona chiave inglese) per aprire la finestra di dialogo Immagine.
-
Dalla finestra di dialogo Immagine, accedi alla scheda ContextHub. Fare clic su Aggiungi.
note note NOTE Se non hai configurato la configurazione ContextHub, questa opzione è disabilitata per il progetto. -
Immetti Valore nel campo Segnaposto. Fare clic sulla riga per ottenere il valore dal foglio Google in Variabile ContextHub. In questo caso, il valore viene recuperato dalla riga 2 e dalla colonna 1 dai fogli di Google. Immetti il valore predefinito come 20, come illustrato nella figura seguente. Al termine, fai clic sul segno di spunta.
note note NOTE Per riferimento, l’immagine seguente mostra il valore recuperato dai fogli di Google: 
-
Tornare alla scheda Sovrapposizione testo dalla finestra di dialogo Immagine e aggiungere il testo Temperatura corrente {Value}, come illustrato nella figura seguente.
-
Fare clic su Anteprima.
