Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos

9
Como Aplicar Estilos em Suas Aplicações com Estilos VCLs Customizados Landerson Gomes dos Santos Embarcadero MVP

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

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

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

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

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

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

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

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 9: Code Rage X - Como aplicar estilos VCL em suas aplicações e customizar seus próprios estilos

Obrigado!