Barve in teme v Kirigamiju
Kirigami ima barvno paleto, ki sledi sistemskim barvam, za boljšo integracijo na platformi, kjer se izvaja (npr. Plasma Desktop, Plasma Mobile, GNOME, Android itd.).
Vse QML komponente Kirigamija in vse Qt Quick Controls bodo že privzeto sledile tej paleti, tako da običajno ni treba barvanja po meri za vse kontrolnike.
Primitivne komponente, kot je Rectangle , morajo biti vedno obarvane z barvno paleto, ki jo Kirigami zagotavlja prek priložene lastnosti Kirigami.Theme .
Običajno se je treba izogibati v trdo kodiranim barvam v QML, kot sta #32b2fa
ali red
(za rdečo); če je res potrebno imeti elemente z barvami po meri, bi to moralo biti območje, na katerem se koristi samo barve po meri (običajno v območju vsebine programa, nikoli pa v orodnem delu, npr. drsnikih, orodnih vrsticah in pogovornih oknih). Tako na primer trdo določenega črnega ozadja black
ni mogoče uporabiti prek ozadja
Kirigami.Theme.backgroundColor
, če platforma uporablja shemo temnih barv, saj bo rezultat videti slabo kontrastno (črna prek skoraj črne). To je vprašanje dostopnosti, ki se mu je treba izogibati.
Opomba
Če že res morate uporabljati barve po meri, si oglejte Kontrast, da zagotovite, da izbrane barve ustrezajo priporočilom WCAG.Tema
Kirigami.Theme je priložena lastnost, zato je na voljo za uporabo v vsakem QML predmetu. Vsebuje kot lastnosti vse barve, ki so na voljo v paleti in katere palete uporabiti kot lastnost ' colorSet .
Primer:
import QtQuick 2.15
import org.kde.kirigami 2.20 as Kirigami
Rectangle {
color: Kirigami.Theme.backgroundColor
}
Kirigami Gallery ponuja primer kode, ki prikazuje vse barve, ki so na voljo za Kirigami prek Kirigami.Theme . To vključuje vsa njihova stanja: Če kliknete zunaj okna, se barve spremenijo v njihovo neaktivno stanje in če svoj sistem preklopite na temno temo, bi se sproti pojavile temne različice barv.

Komponenta barv v Galeriji Kirigami
Barvni nabor
Glede na to, kje se nahaja kontrolnik, bi moral uporabiti drugačen nabor barv. Primer (s temo svetlih barv Breeze/Sapica): v pogledih Views je navadno ozadje skoraj belo, medtem ko je v drugih območjih kot so orodne vrstice ali pogovorna okna, navadno barva ozadja siva.
Če nastavite nabor barv za element, ga bodo vsi njegovi podrejeni predmeti samodejno rekurzivno podedovali (razen če je lastnost
inherit
izrecno nastavljena na false
, kar je vedno treba storiti, ko želi razvijalec vsiliti določen nabor barv), tako da je enostavno spremeniti barve za celotno hierarhijo elementov, ne da bi se dotaknili enega samega elementa.
Kirigami.Theme podpira 5 različnih barvnih naborov:
- Pogled (View): barvni nabor za poglede elementov, običajno najsvetlejši od vseh (v svetlih barvnih temah)
- Okno (Window): Nabor barv za območja oken in krome (to je tudi privzeti nabor barv)
- Gumb (Button): nabor barv, ki ga uporabljajo gumbi
- Izbira (Selection): nabor barv, ki ga uporabljajo izbrana območja
- Namig (Tooltip): nabor barv, ki ga uporabljajo namigi orodij
- Komplementarni (Complementary): nabor barv, ki naj bi bil komplementaren z oknom: ponavadi temno tudi v svetlobnih temah. Se lahko uporablja za poudarek na majhnih območjih aplikacije
Tu je primer, ki prikazuje, kako se podedujejo nabori barv in jih je mogoče uporabiti za razlikovanje različnih komponent. Dodana je velika obroba za kontrast barvam.
|
|

Kako se nabori barv razlikujejo v Sapici/Breeze

Kako se nabori barv razlikujejo v Temni sapici/Breeze Dark
Uporaba barv po meri
Čeprav odsvetujemo uporabo trdo določenih barv, ponuja Kirigami način za lažje vzdrževanje za dodeljevanje v kodi določene palete po meri elementu in vsem njegovim podrejenim, kar omogoča, da opredelite takšne barve po meri na enem samem mestu:
|
|

Primer z barvami po meri