![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/1d5c7aae6357ab911c481c9b49237191.jpg\")
<\/center> <\/p>\nBiblioteka libadwaita jest u\u017cywana w po\u0142\u0105czeniu z GTK4 i zawiera komponenty u\u017cywane w motywie Adwaita GNOME, kt\u00f3re zosta\u0142y przeniesione z GTK do osobnej biblioteki. Kod libadwaita bazuje na bibliotece libhandy i jest pozycjonowany jako zast\u0119pca tej biblioteki, kt\u00f3ra by\u0142a pierwotnie stworzona do budowy adaptacyjnego interfejsu na platformach mobilnych opartych na technologiach GNOME i by\u0142a doskonalona w \u015brodowisku GNOME Phosh dla smartfona Librem 5. <\/p>\n
Biblioteka zawiera typowe wid\u017cety obejmuj\u0105ce r\u00f3\u017cne elementy interfejsu, takie jak listy, panele, pola edycji, przyciski, zak\u0142adki, formularze wyszukiwania, okna dialogowe itp. Proponowane wid\u017cety pozwalaj\u0105 na tworzenie uniwersalnych interfejs\u00f3w, kt\u00f3re sprawnie dzia\u0142aj\u0105 zar\u00f3wno na du\u017cych ekranach komputer\u00f3w i laptop\u00f3w, jak i na ma\u0142ych ekranach dotykowych smartfon\u00f3w. Interfejs aplikacji dynamicznie zmienia si\u0119 w zale\u017cno\u015bci od rozmiaru ekranu i dost\u0119pnych urz\u0105dze\u0144 wej\u015bciowych. Biblioteka zawiera r\u00f3wnie\u017c zestaw styl\u00f3w Adwaita, kt\u00f3re dostosowuj\u0105 wygl\u0105d do wytycznych GNOME, bez konieczno\u015bci r\u0119cznej adaptacji. <\/p>\n
Wydzielenie element\u00f3w wizualnych GNOME do osobnej biblioteki pozwala rozwija\u0107 niezb\u0119dne zmiany dla GNOME niezale\u017cnie od GTK, co daje mo\u017cliwo\u015b\u0107 deweloperom GTK skoncentrowania si\u0119 na podstawowych rzeczach, a deweloperom GNOME szybszego i elastycznego wprowadzania wymaganych zmian w stylizacji, nie dotykaj\u0105c samego GTK. Niemniej jednak takie podej\u015bcie stwarza trudno\u015bci dla deweloper\u00f3w zewn\u0119trznych \u015brodowisk u\u017cytkowych opartych na GTK, kt\u00f3rzy musz\u0105 albo u\u017cywa\u0107 libadwaita i dostosowywa\u0107 si\u0119 do szczeg\u00f3\u0142\u00f3w GNOME i powtarza\u0107 jego styl, albo rozwija\u0107 w\u0142asn\u0105 wersj\u0119 biblioteki styl\u00f3w dla GTK, godz\u0105c si\u0119 z tym, \u017ce aplikacje GNOME b\u0119d\u0105 wygl\u0105da\u0107 niejednorodnie w \u015brodowiskach opartych na zewn\u0119trznych bibliotekach styl\u00f3w. <\/p>\n
G\u0142\u00f3wne niezadowolenie programist\u00f3w zewn\u0119trznych \u015brodowisk dotyczy problem\u00f3w z nadpisywaniem kolor\u00f3w element\u00f3w interfejsu, ale programi\u015bci libadwaita pracuj\u0105 nad udost\u0119pnieniem API do elastycznego zarz\u0105dzania kolorami, kt\u00f3re znajdzie si\u0119 w jednym z nast\u0119pnych wyda\u0144. W\u015br\u00f3d nierozwi\u0105zanych problem\u00f3w wskazuje si\u0119 r\u00f3wnie\u017c na poprawn\u0105 prac\u0119 widget\u00f3w do sterowania gestami tylko na ekranach dotykowych \u2014 dla pad\u00f3w dotykowych ich poprawna praca b\u0119dzie zapewniona p\u00f3\u017aniej, poniewa\u017c wymaga zmian w GTK. <\/p>\n
G\u0142\u00f3wne zmiany w libadwaita w por\u00f3wnaniu do libhandy: <\/p>\n
- \n
- Ca\u0142kowicie przekszta\u0142cony zestaw styl\u00f3w. U\u017cywana w GNOME motywy Adwaita zosta\u0142a wyodr\u0119bniona z GTK i unowocze\u015bniona, a stary motyw graficzny zosta\u0142 zachowany w GTK jako \u201eDefault\u201d. W\u015br\u00f3d najbardziej zauwa\u017calnych r\u00f3\u017cnic libadwaita od motywu \u201eDefault\u201d wyr\u00f3\u017cnia si\u0119 zmiana wygl\u0105du nag\u0142\u00f3wk\u00f3w okien.
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/6960229b38e19ea226d08487c3c9408d.jpg\")
<\/center>\n- Zmodyfikowano mechanizmy przypisywania kolor\u00f3w do element\u00f3w oraz zmiany kolor\u00f3w w trakcie pracy aplikacji (problemy s\u0105 zwi\u0105zane z tym, \u017ce libadwaita przeszed\u0142 na SCSS, co wymaga ponownego zbudowania w celu zmiany koloru). Aby zmieni\u0107 kolory element\u00f3w, co na przyk\u0142ad jest potrzebne w GNOME Web do oznaczenia przej\u015bcia w tryb incognito, zastosowano metod\u0119 zaproponowan\u0105 w elementary OS opart\u0105 na okre\u015blonym, sta\u0142ym zestawie nazwanych kolor\u00f3w za pomoc\u0105 \u201e@define-color\u201d. Przy tym kolory wielu element\u00f3w interfejsu s\u0105 teraz obliczane w odniesieniu do podstawowego koloru tekstu i zmieniaj\u0105 si\u0119 automatycznie, co nie pozwala aplikacjom w pe\u0142ni kontrolowa\u0107 schematu kolor\u00f3w (programi\u015bci pracuj\u0105 nad usuni\u0119ciem tego ograniczenia).
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/50a103ab6890ae4ce6cdd250b82e0338.jpg\")
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/0645ee9a0017e92a8983dc5cf0a1aead.jpg\")
<\/center>\n- Zwi\u0119kszona jako\u015b\u0107 wy\u015bwietlania podczas korzystania z ciemnych motyw\u00f3w dzi\u0119ki bardziej kontrastowemu wyr\u00f3\u017cnieniu element\u00f3w. Kolor akcentuj\u0105cy (accent) sta\u0142 si\u0119 ja\u015bniejszy, a tak\u017ce dodano jeszcze jeden kolor do wyr\u00f3\u017cnienia, kt\u00f3ry mo\u017ce si\u0119 zmienia\u0107 w zale\u017cno\u015bci od ciemnego lub jasnego motywu.
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/8009aeeff3000ec8530f5187686edf18.jpg\")
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/c1c041923b1a57f6f7cdc5f3ad4ccbf5.jpg\")
<\/center>\n- Dodano du\u017c\u0105 dawk\u0119 nowych klas styl\u00f3w do wykorzystania w aplikacjach. Na przyk\u0142ad, \u201e.pill\u201d dla du\u017cych zaokr\u0105glonych przycisk\u00f3w, mo\u017cliwo\u015b\u0107 wykorzystania \u201e.flat\u201d w GtkHeaderBar, \u201e.accent\u201d do ustawiania koloru akcentu w etykietach, \u201e.numeric\u201d dla typografii tabelarycznej, \u201e.card\u201d do wykorzystania t\u0142a i cienia w listach.
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/54802fb4306097976024f1e2e9f3513b.jpg\")
<\/center>\n- Du\u017ce monolityczne pliki SCSS zosta\u0142y podzielone na zbi\u00f3r mniejszych plik\u00f3w ze stylami.\n
- Dodano API do dostosowania ciemnego stylu graficznego oraz trybu wysokiego kontrastu.
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/bca15cadda8bf5670456eec5440cb2e8.jpg\")
<\/center>\n- Przebudowano dokumentacj\u0119, do jej generacji teraz wykorzystywane jest narz\u0119dzie gi-docgen.
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/bd458f9627f4018f441f81e942ad7017.jpg\")
<\/center>\n- Dodano API do animacji, kt\u00f3r\u0105 mo\u017cna wykorzysta\u0107 do tworzenia efekt\u00f3w przej\u015bcia przy zmianie jednego stanu na inny, a tak\u017ce do tworzenia efekt\u00f3w spr\u0119\u017cynowych (spring animation).
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/ea7e5a0d7ecee8d53248a53d893a5d9e.jpg\")
<\/center>\n- Dla zak\u0142adek zbudowanych na bazie AdwViewSwitcher dodano mo\u017cliwo\u015b\u0107 wy\u015bwietlania etykiet z liczb\u0105 nieprzeczytanych powiadomie\u0144.
![\"Wydanie](\"\/wp-content\/uploads\/2022\/01\/52d441efd9b5b2d049468ef33a06086f.jpg\")
<\/center>\n- Dodano klas\u0119 AdwApplication (podklasa GtkApplication) do automatycznej inicjalizacji Libadwaita i \u0142adowania styl\u00f3w.\n
- Dodano zestaw\u00f3w widget\u00f3w u\u0142atwiaj\u0105cych typowe operacje: AdwWindowTitle s\u0142u\u017c\u0105cy do ustalania tytu\u0142u okna, AdwBin do uproszczenia tworzenia podklas, AdwSplitButton dla przycisk\u00f3w kombinowanych, AdwButtonContent dla przycisk\u00f3w z ikon\u0105 i etykiet\u0105.\n
- Przeprowadzono czyszczenie API. <\/ul>\n
- Zmodyfikowano mechanizmy przypisywania kolor\u00f3w do element\u00f3w oraz zmiany kolor\u00f3w w trakcie pracy aplikacji (problemy s\u0105 zwi\u0105zane z tym, \u017ce libadwaita przeszed\u0142 na SCSS, co wymaga ponownego zbudowania w celu zmiany koloru). Aby zmieni\u0107 kolory element\u00f3w, co na przyk\u0142ad jest potrzebne w GNOME Web do oznaczenia przej\u015bcia w tryb incognito, zastosowano metod\u0119 zaproponowan\u0105 w elementary OS opart\u0105 na okre\u015blonym, sta\u0142ym zestawie nazwanych kolor\u00f3w za pomoc\u0105 \u201e@define-color\u201d. Przy tym kolory wielu element\u00f3w interfejsu s\u0105 teraz obliczane w odniesieniu do podstawowego koloru tekstu i zmieniaj\u0105 si\u0119 automatycznie, co nie pozwala aplikacjom w pe\u0142ni kontrolowa\u0107 schematu kolor\u00f3w (programi\u015bci pracuj\u0105 nad usuni\u0119ciem tego ograniczenia).