Passa al contenuto principale

πŸ—“οΈ Date & Time

Il livello Date & Time è utile per mostrare data e ora in modo dinamico. È ideale per aggiungere al tuo progetto orologi, marcature temporali o date programmate, con pieno controllo su formato, lingua, fuso orario e stile del testo.

Funziona offline

Il livello legge l'orologio del dispositivo stesso, quindi continua a mostrare la data e l'ora corrette anche senza connessione di rete.

Aggiunta del livello date and time nell'editor di progetto

Campi​

  • Language: imposta la lingua usata quando il formato contiene parti non numeriche.
  • Timezone: imposta automatic per usare il fuso orario interno del dispositivo, oppure inserisci un fuso specifico (ad esempio Europe/Rome).
  • Format: il formato di data e ora da mostrare. Opzioni disponibili:
    • 07/07/2015
    • 7/7/2015
    • Jul 7, 2015
    • July 7, 2015
    • July 7, 2015 5:11 PM
    • Tue, Jul 7, 2015
    • Tuesday, July 7, 2015
    • Tuesday, July 7, 2015 5:11 PM
    • 8:30
    • 8:30:25
    • Custom (ad esempio DD/MM/YYYY HH:mm:ss)
  • Font Family: il font da usare (ad esempio Montserrat, News Cycle, Open Sans).
  • Font Size: dimensione del font in pixel (px).
  • Line Height: spazio tra le righe di testo (px).
  • Font Color: colore del testo in formato esadecimale (ad esempio #FFFFFF).
  • Font Weight: spessore del font.
    • normal
    • bold
    • bolder
    • lighter
  • Font Style: stile del font.
    • normal
    • italic
  • Vertical Align: allineamento verticale all'interno del livello (Top, Center, Bottom).
  • Horizontal Align: allineamento orizzontale all'interno del livello (Left, Center, Right, Justify).
  • Text Shadow: aggiunge un'ombra al testo (ad esempio 8px 10px rgba(0, 0, 0, 0.75)).
  • Text Transform: controlla il maiuscolo e minuscolo del testo.
    • Inherit: mantiene il testo cosΓ¬ come Γ¨ scritto.
    • lower case
    • UPPER CASE
    • Capitalize
  • Bg Color: colore di sfondo in formato esadecimale (ad esempio #FFFFFF).
  • Bg Opacity: trasparenza dello sfondo, da 0 a 1.
  • Fr Color: colore della cornice (bordo) in formato esadecimale (ad esempio #FFFFFF).
  • Fr Border: spessore della cornice, in percentuale.
  • Font Padding: spazio intorno al testo, in pixel.