Recentemente, temos trabalhado em um projeto que requer a criação de uma interface de usuário totalmente personalizada. O objetivo deste projeto era criar uma interface de usuário que se assemelhasse muito a uma aplicação web moderna.
O DevExpress tem sido excepcionalmente útil neste processo. Temos sido capazes de modificar muitos componentes usando uma skin personalizada que criamos através do editor de skin DevExpress. É uma ferramenta que permite ao usuário customizar quase todos os aspectos dos componentes padrão Delphi e DevExpress.
Vou rever a customização de um único componente como um exemplo de utilização do editor de skin.
Com sua licença DevExpress, você tem acesso ao dxSkinEditor. O SkinEditor está localizado em sua pasta de instalação do DevExpress. Após abri-la, você pode criar um novo projeto usando qualquer um dos modelos padrão DevExpress. Para este exemplo, o botão básico será modificado para um estilo personalizado de modo escuro.
No painel lateral no lado esquerdo, você encontrará os grupos de produtos. Estes contêm os componentes que podem ser editados ordenados em grupos. O botão estará em Comum >Botão. Após selecionar o botão, você será atendido com estas configurações:
Aqui você tem todas as propriedades habituais que tem em Delphi, mas também podemos mudar a imagem. Isto permitirá que você tenha cantos arredondados nos botões, por exemplo. No primeiro dropdown à esquerda, você verá todos os estados que precisam ser preenchidos. Para o botão, estes estados são: Normal, Quente, Apertado, Deficiente, Ativo e Checado. Para este exemplo, estarei usando a seguinte imagem para preencher estes estados.
Depois de fazer suas mudanças, você deve construir sua skin personalizada. O SkinEditor salvará o projeto nos seguintes arquivos:
Para usar a Skin personalizada em seu próprio projeto, você deve fazer o seguinte:
Written by Vincent Adkin
Desenvolvedor Delphi
Contato
