![\"Publication](\"\/wp-content\/uploads\/2022\/01\/1d5c7aae6357ab911c481c9b49237191.jpg\")
<\/center> <\/p>\nLa biblioth\u00e8que libadwaita est utilis\u00e9e en conjonction avec GTK4 et inclut les composants du th\u00e8me Adwaita utilis\u00e9 dans GNOME, qui ont \u00e9t\u00e9 extraits de GTK dans une biblioth\u00e8que s\u00e9par\u00e9e. Le code de libadwaita est bas\u00e9 sur la biblioth\u00e8que libhandy et est positionn\u00e9 comme un successeur, initialement cr\u00e9\u00e9 pour construire une interface adaptable sur les plateformes mobiles utilisant les technologies GNOME, et a \u00e9t\u00e9 perfectionn\u00e9 dans l'environnement GNOME Phosh pour le smartphone Librem 5. <\/p>\n
La biblioth\u00e8que comprend des widgets standards couvrant divers \u00e9l\u00e9ments d'interface, tels que des listes, des panneaux, des zones de texte, des boutons, des onglets, des formulaires de recherche, des bo\u00eetes de dialogue, etc. Les widgets propos\u00e9s permettent de cr\u00e9er des interfaces polyvalentes qui fonctionnent harmonieusement tant sur les grands \u00e9crans des PC et ordinateurs portables que sur les petits \u00e9crans tactiles des smartphones. L'interface des applications s'adapte dynamiquement en fonction de la taille de l'\u00e9cran et des dispositifs d'entr\u00e9e disponibles. La biblioth\u00e8que inclut \u00e9galement un ensemble de styles Adwaita, alignant l'apparence avec les recommandations GNOME, sans n\u00e9cessiter d'adaptation manuelle. <\/p>\n
Le fait de sortir les \u00e9l\u00e9ments de mise en forme visuelle de GNOME dans une biblioth\u00e8que distincte permet de d\u00e9velopper les changements n\u00e9cessaires pour GNOME s\u00e9par\u00e9ment de GTK, ce qui donne aux d\u00e9veloppeurs de GTK la possibilit\u00e9 de se concentrer sur les \u00e9l\u00e9ments fondamentaux, tandis que les d\u00e9veloppeurs de GNOME peuvent promouvoir plus rapidement et plus facilement les modifications de mise en forme qui leur sont n\u00e9cessaires, sans toucher \u00e0 GTK lui-m\u00eame. Cependant, cette approche cr\u00e9e des difficult\u00e9s pour les d\u00e9veloppeurs d'environnements utilisateur tiers bas\u00e9s sur GTK, qui doivent soit utiliser libadwaita et s'adapter aux caract\u00e9ristiques de GNOME et reproduire son style, soit d\u00e9velopper leur propre version de la biblioth\u00e8que de styles pour GTK, tout en acceptant que les applications GNOME apparaissent de mani\u00e8re h\u00e9t\u00e9rog\u00e8ne dans des environnements bas\u00e9s sur des biblioth\u00e8ques de styles tierces. <\/p>\n
Le principal m\u00e9contentement des d\u00e9veloppeurs d'environnements tiers concerne les probl\u00e8mes de red\u00e9finition des couleurs des \u00e9l\u00e9ments de l'interface. Cependant, les d\u00e9veloppeurs de libadwaita travaillent \u00e0 la fourniture d'une API pour une gestion flexible des couleurs, qui sera incluse dans l'une des prochaines versions. Parmi les probl\u00e8mes non r\u00e9solus, on mentionne \u00e9galement le bon fonctionnement des widgets de contr\u00f4le gestuel uniquement sur les \u00e9crans tactiles \u2014 pour les pav\u00e9s tactiles, le bon fonctionnement de ces widgets sera assur\u00e9 ult\u00e9rieurement, car cela n\u00e9cessite des modifications dans GTK. <\/p>\n
Les principaux changements dans libadwaita par rapport \u00e0 libhandy : <\/p>\n
- \n
- Ensemble de styles enti\u00e8rement repens\u00e9. Le th\u00e8me graphique Adwaita utilis\u00e9 dans GNOME a \u00e9t\u00e9 extrait de GTK et modernis\u00e9, tandis que l'ancien th\u00e8me a \u00e9t\u00e9 fig\u00e9 dans GTK sous le nom de \u00ab Default \u00bb. Parmi les diff\u00e9rences les plus remarquables, libadwaita pr\u00e9sente des modifications dans l'apparence des en-t\u00eates de fen\u00eatre.
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/6960229b38e19ea226d08487c3c9408d.jpg\")
<\/center>\n- Les m\u00e9canismes de liaison des couleurs aux \u00e9l\u00e9ments et le changement de couleurs pendant l'ex\u00e9cution de l'application ont \u00e9t\u00e9 modifi\u00e9s (les probl\u00e8mes sont li\u00e9s au fait que libadwaita est pass\u00e9 \u00e0 SCSS, qui n\u00e9cessite une recompilation pour changer de couleur). Pour modifier les couleurs des \u00e9l\u00e9ments, ce qui est n\u00e9cessaire par exemple dans GNOME Web pour marquer le passage en mode incognito, la m\u00e9thode propos\u00e9e dans elementary OS a \u00e9t\u00e9 appliqu\u00e9e, bas\u00e9e sur la d\u00e9finition d'une liste fixe de couleurs nomm\u00e9es via \u00ab @define-color \u00bb. De plus, les couleurs de nombreux \u00e9l\u00e9ments de l'interface sont d\u00e9sormais calcul\u00e9es par rapport \u00e0 la couleur de base du texte et changent automatiquement, ce qui emp\u00eache les applications de contr\u00f4ler compl\u00e8tement le sch\u00e9ma de couleurs (les d\u00e9veloppeurs travaillent \u00e0 lever cette restriction).
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/50a103ab6890ae4ce6cdd250b82e0338.jpg\")
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/0645ee9a0017e92a8983dc5cf0a1aead.jpg\")
<\/center>\n- La qualit\u00e9 d'affichage a \u00e9t\u00e9 am\u00e9lior\u00e9e lors de l'utilisation de th\u00e8mes sombres gr\u00e2ce \u00e0 un contraste plus marqu\u00e9 des \u00e9l\u00e9ments. La couleur d'accentuation (accent) a \u00e9t\u00e9 rendue plus vive, et une autre couleur d'accentuation a \u00e9t\u00e9 ajout\u00e9e, qui peut varier pour les th\u00e8mes sombres et clairs.
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/8009aeeff3000ec8530f5187686edf18.jpg\")
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/c1c041923b1a57f6f7cdc5f3ad4ccbf5.jpg\")
<\/center>\n- Une grande quantit\u00e9 de nouvelles classes de styles a \u00e9t\u00e9 ajout\u00e9e pour une utilisation dans les applications. Par exemple, \u00ab .pill \u00bb pour de grands boutons arrondis, la possibilit\u00e9 d'utiliser \u00ab .flat \u00bb dans GtkHeaderBar, \u00ab .accent \u00bb pour d\u00e9finir la couleur accentu\u00e9e dans les \u00e9tiquettes, \u00ab .numeric \u00bb pour la typographie tabulaire, et \u00ab .card \u00bb pour utiliser un fond et une ombre comme dans les listes.
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/54802fb4306097976024f1e2e9f3513b.jpg\")
<\/center>\n- De grands fichiers SCSS monolithiques ont \u00e9t\u00e9 divis\u00e9s en une collection de petits fichiers de styles.\n
- Une API a \u00e9t\u00e9 ajout\u00e9e pour configurer le style sombre et le mode haute visibilit\u00e9.
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/bca15cadda8bf5670456eec5440cb2e8.jpg\")
<\/center>\n- La documentation a \u00e9t\u00e9 revue, pour laquelle un nouvel outil, gi-docgen, est d\u00e9sormais utilis\u00e9 pour la g\u00e9n\u00e9rer.
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/bd458f9627f4018f441f81e942ad7017.jpg\")
<\/center>\n- Une API pour l'animation a \u00e9t\u00e9 ajout\u00e9e, pouvant \u00eatre utilis\u00e9e pour cr\u00e9er des effets de transition lors du remplacement d'un \u00e9tat par un autre, ainsi que pour des effets de ressort (spring animation).
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/ea7e5a0d7ecee8d53248a53d893a5d9e.jpg\")
<\/center>\n- Pour les onglets bas\u00e9s sur AdwViewSwitcher, la possibilit\u00e9 d'afficher des \u00e9tiquettes avec le nombre de notifications non lues a \u00e9t\u00e9 ajout\u00e9e.
![\"Publication](\"\/wp-content\/uploads\/2022\/01\/52d441efd9b5b2d049468ef33a06086f.jpg\")
<\/center>\n- Une classe AdwApplication (sous-classe de GtkApplication) a \u00e9t\u00e9 ajout\u00e9e pour une initialisation automatique de Libadwaita et le chargement des styles.\n
- Une s\u00e9lection de widgets a \u00e9t\u00e9 ajout\u00e9e pour simplifier les op\u00e9rations courantes : AdwWindowTitle pour d\u00e9finir le titre de la fen\u00eatre, AdwBin pour faciliter la cr\u00e9ation de sous-classes, AdwSplitButton pour les boutons combin\u00e9s, AdwButtonContent pour les boutons avec une ic\u00f4ne et une \u00e9tiquette.\n
- Nettoyage de l'API effectu\u00e9. <\/ul>\n
- Les m\u00e9canismes de liaison des couleurs aux \u00e9l\u00e9ments et le changement de couleurs pendant l'ex\u00e9cution de l'application ont \u00e9t\u00e9 modifi\u00e9s (les probl\u00e8mes sont li\u00e9s au fait que libadwaita est pass\u00e9 \u00e0 SCSS, qui n\u00e9cessite une recompilation pour changer de couleur). Pour modifier les couleurs des \u00e9l\u00e9ments, ce qui est n\u00e9cessaire par exemple dans GNOME Web pour marquer le passage en mode incognito, la m\u00e9thode propos\u00e9e dans elementary OS a \u00e9t\u00e9 appliqu\u00e9e, bas\u00e9e sur la d\u00e9finition d'une liste fixe de couleurs nomm\u00e9es via \u00ab @define-color \u00bb. De plus, les couleurs de nombreux \u00e9l\u00e9ments de l'interface sont d\u00e9sormais calcul\u00e9es par rapport \u00e0 la couleur de base du texte et changent automatiquement, ce qui emp\u00eache les applications de contr\u00f4ler compl\u00e8tement le sch\u00e9ma de couleurs (les d\u00e9veloppeurs travaillent \u00e0 lever cette restriction).