![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/1d5c7aae6357ab911c481c9b49237191.jpg\")
<\/center> <\/p>\nA biblioteca libadwaita \u00e9 usada em conjunto com o GTK4 e inclui componentes do tema Adwaita utilizado no GNOME, que foram extra\u00eddos do GTK para se tornarem uma biblioteca separada. O c\u00f3digo da libadwaita \u00e9 baseado na biblioteca libhandy e \u00e9 posicionado como um substituto para essa biblioteca, que foi originalmente criada para construir interfaces adaptativas em plataformas m\u00f3veis com tecnologias do GNOME, tendo sido aprimorada no ambiente GNOME Phosh para o smartphone Librem 5. <\/p>\n
A biblioteca inclui widgets padronizados que abrangem v\u00e1rios elementos da interface, como listas, pain\u00e9is, blocos de edi\u00e7\u00e3o, bot\u00f5es, guias, formul\u00e1rios de pesquisa, janelas de di\u00e1logo, etc. Os widgets propostos permitem a cria\u00e7\u00e3o de interfaces universais que funcionam de forma org\u00e2nica tanto em grandes telas de PCs e laptops quanto em pequenas telas sens\u00edveis ao toque de smartphones. A interface das aplica\u00e7\u00f5es muda dinamicamente, dependendo do tamanho da tela e dos dispositivos de entrada dispon\u00edveis. A biblioteca tamb\u00e9m inclui um conjunto de estilos Adwaita, que ajustam a apar\u00eancia de acordo com as diretrizes do GNOME, sem a necessidade de adapta\u00e7\u00e3o manual. <\/p>\n
Extrair elementos de estiliza\u00e7\u00e3o do GNOME para uma biblioteca separada permite desenvolver as mudan\u00e7as necess\u00e1rias para o GNOME independentemente do GTK, dando assim a oportunidade aos desenvolvedores do GTK de se concentrarem no b\u00e1sico, enquanto os desenvolvedores do GNOME podem promover as altera\u00e7\u00f5es de estilo necess\u00e1rias mais rapidamente e de forma mais flex\u00edvel, sem afetar o pr\u00f3prio GTK. No entanto, essa abordagem cria dificuldades para desenvolvedores de ambientes de usu\u00e1rio independentes baseados em GTK, que s\u00e3o for\u00e7ados a usar a libadwaita e se adaptar \u00e0s caracter\u00edsticas do GNOME, repetindo sua estiliza\u00e7\u00e3o, ou a desenvolver sua pr\u00f3pria vers\u00e3o da biblioteca de estilos para o GTK, aceitando que os aplicativos do GNOME parecer\u00e3o heterog\u00eaneos em ambientes baseados em bibliotecas de estilos de terceiros. <\/p>\n
A principal insatisfa\u00e7\u00e3o dos desenvolvedores de ambientes de terceiros diz respeito aos problemas com a redefini\u00e7\u00e3o das cores dos elementos da interface. No entanto, os desenvolvedores do libadwaita est\u00e3o trabalhando para fornecer uma API para gerenciar as cores de forma flex\u00edvel, que ser\u00e1 inclu\u00edda em uma das pr\u00f3ximas vers\u00f5es. Outra quest\u00e3o n\u00e3o resolvida \u00e9 o funcionamento correto dos widgets de controle de gestos apenas em telas sens\u00edveis ao toque \u2014 a funcionalidade para touchpads ser\u00e1 garantida mais tarde, pois requer altera\u00e7\u00f5es no GTK. <\/p>\n
As principais mudan\u00e7as na libadwaita em compara\u00e7\u00e3o com a libhandy: <\/p>\n
- \n
- Um conjunto de estilos completamente reformulado. O tema de design Adwaita, utilizado no GNOME, foi separado do GTK e modernizado, enquanto o antigo tema foi mantido no GTK sob o nome de \u2018Default\u2019. Entre as diferen\u00e7as mais not\u00f3rias entre o libadwaita e o tema \u2018Default\u2019, destaca-se a altera\u00e7\u00e3o do visual dos cabe\u00e7alhos das janelas.
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/6960229b38e19ea226d08487c3c9408d.jpg\")
<\/center>\n- Os mecanismos de vincula\u00e7\u00e3o de cores aos elementos e de mudan\u00e7a de cores durante a opera\u00e7\u00e3o do aplicativo foram alterados (os problemas est\u00e3o relacionados ao fato de que o libadwaita passou a usar SCSS, que exige recomposi\u00e7\u00e3o para a troca de cor). Para mudar as cores dos elementos, o que por exemplo \u00e9 necess\u00e1rio no GNOME Web para marcar a transi\u00e7\u00e3o para o modo de navega\u00e7\u00e3o an\u00f4nima, foi aplicado um m\u00e9todo proposto no elementary OS e baseado na defini\u00e7\u00e3o de uma lista fixa de cores nomeadas atrav\u00e9s de \u2018@define-color\u2019. Com isso, as cores de muitos elementos da interface agora s\u00e3o calculadas em rela\u00e7\u00e3o \u00e0 cor base do texto e mudam automaticamente, o que impede que os aplicativos tenham controle total sobre o esquema de cores (os desenvolvedores est\u00e3o trabalhando para eliminar essa limita\u00e7\u00e3o).
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/50a103ab6890ae4ce6cdd250b82e0338.jpg\")
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/0645ee9a0017e92a8983dc5cf0a1aead.jpg\")
<\/center>\n- A qualidade de exibi\u00e7\u00e3o com temas escuros foi aumentada por meio de um destaque mais contrastante dos elementos. A cor de destaque (accent) foi tornada mais brilhante, e uma nova cor de destaque foi adicionada, que pode variar entre os temas escuros e claros.
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/8009aeeff3000ec8530f5187686edf18.jpg\")
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/c1c041923b1a57f6f7cdc5f3ad4ccbf5.jpg\")
<\/center>\n- Adicionou-se uma grande quantidade de novas classes de estilo para uso em aplicativos. Por exemplo, \u2018.pill\u2019 para bot\u00f5es grandes com cantos arredondados, a possibilidade de usar \u2018.flat\u2019 em GtkHeaderBar, \u2018.accent\u2019 para definir a cor de destaque em r\u00f3tulos, \u2018.numeric\u2019 para tipografia tabular, e \u2018.card\u2019 para usar fundo e sombra como em listas.
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/54802fb4306097976024f1e2e9f3513b.jpg\")
<\/center>\n- Grandes arquivos SCSS monol\u00edticos foram divididos em uma cole\u00e7\u00e3o de pequenos arquivos de estilo.\n
- Uma API para personalizar o estilo escuro e o modo de alto contraste foi adicionada.
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/bca15cadda8bf5670456eec5440cb2e8.jpg\")
<\/center>\n- A documenta\u00e7\u00e3o foi reestruturada, agora utilizando a ferramenta gi-docgen para sua gera\u00e7\u00e3o.
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/bd458f9627f4018f441f81e942ad7017.jpg\")
<\/center>\n- Uma API para anima\u00e7\u00e3o foi adicionada, permitindo criar efeitos de transi\u00e7\u00e3o ao substituir um estado por outro, bem como criar efeitos de mola (spring animation).
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/ea7e5a0d7ecee8d53248a53d893a5d9e.jpg\")
<\/center>\n- Para as abas baseadas no AdwViewSwitcher, foi adicionada a capacidade de exibir r\u00f3tulos com o n\u00famero de notifica\u00e7\u00f5es n\u00e3o lidas.
![\"Lan\u00e7amento](\"\/wp-content\/uploads\/2022\/01\/52d441efd9b5b2d049468ef33a06086f.jpg\")
<\/center>\n- Foi adicionada a classe AdwApplication (subclasse de GtkApplication) para a inicializa\u00e7\u00e3o autom\u00e1tica do Libadwaita e o carregamento de estilos.\n
- Foi adicionada uma cole\u00e7\u00e3o de widgets para simplificar opera\u00e7\u00f5es t\u00edpicas: AdwWindowTitle para definir o t\u00edtulo da janela, AdwBin para facilitar a cria\u00e7\u00e3o de subclasses filhas, AdwSplitButton para bot\u00f5es combinados e AdwButtonContent para bot\u00f5es com \u00edcone e etiqueta.\n
- Foi realizada uma limpeza na API. <\/ul>\n
- Os mecanismos de vincula\u00e7\u00e3o de cores aos elementos e de mudan\u00e7a de cores durante a opera\u00e7\u00e3o do aplicativo foram alterados (os problemas est\u00e3o relacionados ao fato de que o libadwaita passou a usar SCSS, que exige recomposi\u00e7\u00e3o para a troca de cor). Para mudar as cores dos elementos, o que por exemplo \u00e9 necess\u00e1rio no GNOME Web para marcar a transi\u00e7\u00e3o para o modo de navega\u00e7\u00e3o an\u00f4nima, foi aplicado um m\u00e9todo proposto no elementary OS e baseado na defini\u00e7\u00e3o de uma lista fixa de cores nomeadas atrav\u00e9s de \u2018@define-color\u2019. Com isso, as cores de muitos elementos da interface agora s\u00e3o calculadas em rela\u00e7\u00e3o \u00e0 cor base do texto e mudam automaticamente, o que impede que os aplicativos tenham controle total sobre o esquema de cores (os desenvolvedores est\u00e3o trabalhando para eliminar essa limita\u00e7\u00e3o).