Lo schermo mostra un grande numero di qualità dell’aria con la categoria, una frase semplice, una scala con un indicatore alla lettura e l’indice UV accanto, dimensionati per essere letti da lontano. Occupa tutto lo schermo, si posiziona al centro, si infila in un angolo, scorre come una riga o si estende come una fascia lungo un bordo. Scegli il luogo delle letture, un titolo o il nome del luogo, se mostrare l’indice UV accanto, come viene scritto il tempo della lettura e se rimane sempre o mostra solo sopra un livello impostato.
Live card
Categoria: Meteo. Tag: Meteo e ambiente, Numeri e metriche.
Layout
Questa scheda core si adatta a ogni layout: schermo intero, centro, ampio, angolo, chip, striscia o qualsiasi rettangolo libero.
Layout: pieno, centrale, ampio, angolo, chip, striscia. Moduli: orizzontale, verticale, quadrato, striscia.
Layout, temi e pubblicazione delle schede. Esplora le schede.
Dati e privacy
Feed: screenrig.airquality/v1.
I documenti del feed riportano l’attribuzione della fonte. Il Player fornisce il feed alla scheda.
Proprietà
Per tema, sfondo, accento e posizione, vedi Proprietà comuni.
Imposta le proprietà statiche nei params della scheda quando la crei. Il suo documento dati contiene solo proprietà dinamiche. Le righe annidate descrivono il contenuto della proprietà genitore.
Proprietà statiche
| Nome | Tipo | Predefinito | Valori e limiti | Descrizione |
|---|---|---|---|---|
title | string | "" | maxLength: 40 | Vuoto usa il nome della località. |
showUv | boolean | true | Mostra l’indice UV accanto all’indice di qualità dell’aria. Senza lettura della qualità dell’aria, l’indice UV è il protagonista. | |
hourCycle | string | "24" | "12", "24", "military" | Come viene scritto l’orario della lettura: 12 ore con AM o PM, 24 ore (13:00) o militare (1300). |
timeZone | stringa, nullo | null | ||
presence | string | "always" | "always", "unhealthy" | sempre: la scheda è sempre mostrata. non salutare: solo mentre l’indice di qualità dell’aria è sopra presenceFrom (una lettura vecchia o mancante la mantiene mostrata). |
presenceFrom | integer | 100 | minimo: 0; massimo: 500 | Con presenza non sana, l’indice oltre il quale la card viene mostrata (100: da non sana per gruppi sensibili). |
location | object | additionalProperties: false | Indica il luogo a cui si riferiscono le letture. Seleziona il feed. | |
location.name | string | maxLength: 40; Obbligatorio | ||
location.latitude | number | minimo: -90; massimo: 90; Obbligatorio | ||
location.longitude | number | minimo: -180; massimo: 180; Obbligatorio | ||
backgroundColor | stringa, nullo | null | modello: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sovrascrive il colore di sfondo e della piastra della scheda con un colore piatto ordinato in CSS. #RRGGBBAA fornisce l’opacità. background none ha la precedenza. |
textColor | stringa, nullo | null | modello: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sovrascrive i colori del testo principale e secondario. I colori di accento e di stato semantico mantengono i loro ruoli. |
Proprietà dinamiche
Questa scheda non ha proprietà dinamiche.
Esempio di canvas
Salva le proprietà statiche come params.json e crea la scheda. Il risultato contiene il suo ID crd_.
{
"theme": "neomustard",
"location": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type air-quality --major 1 --file params.jsonAggiungi questo elemento ai primitives di una pagina playlist, con quell’ID al posto di quello dell’esempio. Pubblica la playlist e assegna uno schermo.
{
"id": "air-quality",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}