Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos
-
Upload
landerson-gomes -
Category
Software
-
view
1.852 -
download
0
Transcript of Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos
![Page 1: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/1.jpg)
Como Aplicar Estilos em Suas Aplicações comEstilos VCLs CustomizadosLanderson Gomes dos Santos
Embarcadero MVP
![Page 2: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/2.jpg)
2
Agenda
• O que são Estilos VCL? (Skin VCL Style)
• Utilizando Estilos em uma aplicação VCL
• Personalizando Estilos VCL
• Questões e Contato
![Page 3: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/3.jpg)
3
O que são Estilos? (Styles Skin)
• Definição:Um estilo é um conjunto de detalhes gráficos que definem a
aparência de umaaplicação VCL.
• Onde estão localizados?C:\Users\Public\Documents\Embarcadero\Studio\17.0\Styles
Nota O recurso VCL Style é incorporado nativamente ao Delphi a partir da
versão XE2, o RAD Studio 10 Seattle corresponde a versão 17.0.
![Page 4: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/4.jpg)
4
Utilizando Estilos em uma aplicação VCL – Estaticamente
• Como definir estilos em sua aplicação?Project > Options > Application > Appearance
• Exemplo
![Page 5: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/5.jpg)
5
Utilizando Estilos em uma aplicação VCL – Dinamicamente
• Quem comanda?TStyleManager em Vcl.Themes
• Como é feito?Propriedade StyleNames
Métodos SetStyle
• Exemplo
![Page 6: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/6.jpg)
6
Personalizando Estilos VCL
• Como fazer?
Tools > Bitmap Style Designer
• Definições possíveisImagens para representar os elementos estilizados ( normalmente PNG)
Configurações dos Elementos / Objetos
Fontes e Cores para acesso via código
• Exemplo
![Page 7: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/7.jpg)
7
Links
• VCL Styles
http://docwiki.embarcadero.com/RADStudio/Seattle/en/VCL_Styles_Overview
• Bitmap Style Designerhttp://docwiki.embarcadero.com/RADStudio/Seattle/en/Bitmap_Style_Designer
• Postagem no meu blog
http://vivaitaocara.com.br/landersongomes/embarcadero/delphi/aplicando-estilos-vcl-customizados
![Page 8: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/8.jpg)
8
Questões e Contato
@landersongomes
landersongomes6
+LandersonGomes6
vivaitaocara.com.br/landersongomes
![Page 9: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos](https://reader036.fdocumentos.tips/reader036/viewer/2022083106/5871aed81a28abda6a8b632b/html5/thumbnails/9.jpg)
Obrigado!