Curso a distância Skin em Delphi

Este curso a distância foi criado, pelo Prof. Nelson Fabbri

Gerbelli da ETEC Diadema, e disponibilizado em maio de 2009.

Para participar deste curso é necessário que tenha o

programa Delphi instalado em sua máquina. Qualquer versão a partir do

Delphi 5.

Objetivo: Aprender a instalar, utilizar e criar Skins para Delphi.

Duração: 30 horas.

Conteúdo:

Aula Descrição

Introdução O que é SKIN e como baixá-lo

Aula 1 Instalando a barra de componentes do VCLSkin

Aula 2 Alterando a aparência de um programa em Delphi

Atividade Atividade.

Introdução

O que é SKIN e como baixá-lo

Skin ou Pele ou ainda Máscaras é um visual alternativo dado a um

programa computacional. Dessa forma, todo software que tem seu

visual padrão, poderá ter sua aparência alterada por meio de skins

pré-construídos.

O componente que utilizaremos para alterar a aparência de programas

desenvolvidos em Delphi será o VCLSkin. O VCLSkin é um

componente pago, e poderá ser baixado uma versão demo aqui

Após terminado o Download , descompacte-o em uma pasta de sua

preferência. Atenção não apague esta pasta.

Usaremos como nosso padrão a pasta: C:\Skin_Delphi. Descompacte

todo o conteúdo do arquivo ZIP nesta pasta.

Aula 1 - Instalando os componentes do VCLSkin

Precisamos instalar os componentes do VCLSkin, no Delphi, para isso

siga os passos abaixo:

1.Abra o Delphi. Vá até o menu Tools clique em Enviroment

Options e selecione a guia Library.

Clique no botão "..." para abrir a janela de adição. Na nova janela que

surgiu, clique novamente no botão "..." para localizar a pasta que

iremos acrescentar. Selecione a pasta C:\skin

delphi\Vclskin\package e pressione o botão OK .

Feito isso, você voltará à tela anterior. Basta clicar em ADD. Repita os

mesmos passos para adicionar todos as pastas contidas na pasta src,

ou seja:

C:\skin delphi\Vclskin\package

C:\skin delphi\Vclskin\source

Após ter adicionado as duas pastas, pressione OK em todas as

janelas e abra o Menu File, Open.

Localize a pasta do C:\skin delphi\Vclskin\packages, e selecione o

arquivo referente a sua versão do Delphi . Pressione o botão OK.

Após ter aberta a Package, será aberto o Project Manager do Delphi

contendo os Arquivos conforme imagem abaixo (Mas atenção os

arquivos podem variar dependendo da versão que se está utilizando

do Delphi):

Seguindo a ordem de cima para baixo, clique com o botão direito do

mouse sobre o primeiro arquivo e selecione a

opção Compile. Aguarde uns instantes enquanto é compilado o pacote

(package). Após o término, clique novamente com o botão direito do

mouse sobre esta opção e então selecione INSTALL.

Após o clique em INSTALL, será exibido a mensagem abaixo,

indicando que o componente foi instalado com sucesso.

Cliqu

e em <ok> na janela acima e observe que uma nova guia estará

incluída na sua paleta de Componentes, chamada VCL SKIN.

Veja a figura abaixo da nova guia de componentes instalada. Esta

guia terá apenas dois componentes.

Uma dica importante que sempre dou, é a de fechar o Delphi antes de

fazer o uso dos novos componentes. Ao fechar o Delphi, ele

perguntará (várias vezes) se você deseja salvar as packages do

VCLSKin que acabou de Instalar. Selecione a opção Não em todas

elas.

Estamos prontos para começar a utilizar o componente VCLSkin.

Então vamos para a próxima aula.

Aula 2 – Alterando a aparência de um programa em Delphi

Agora iremos alterar a máscara de um programa em Delphi, colocarei alguns

componentes no formulário, mas não iremos programar os componentes,

utilizaremos apenas para verificar sua aparência após a inserção do

componente VCLSkin.

Então vamos lá, abra uma nova aplicação e deixe-a com a aparência abaixo:

Você poderá inserir outros componentes, como já falamos não iremos

programar os objetos e sim alterar as aparências com o componente VCLSkin.

Após esta fase de criação do leiaute do seu programa, vamos finalmente

inserir um Skin. Selecione a guia VCLSkin e adicione um

componente SKINDATA em seu formulário.

Deixe o componente SKINDATA1 selecionado para realizarmos suas devidas

configurações.

Na propriedade SKINSTORE no object inspector, clique no símbolo

conforme figura abaixo:

Surgirá uma caixa de diálogo para selecionarmos os skins para a nossa

aplicação. O VCLSkin, já vem com alguns exemplos prontos, então

selecionaremos na pasta C:\skin delphi\Les SKIN\skins o modelo ITunes.skn,

conforme demonstrado na figura abaixo. Clique em Abrir para confirmar o

Skin.

Ainda com o SkinData1 selecionado, altere a

propriedade ACTIVE para TRUE.

Execute seu programa para a verificação do resultado. Seu programa deverá

ficar com a seguinte tela:

Viu como é fácil? O uso de Skins em programas muda completamente o

visual de sua aplicação, mas vale lembrar que nada é mais importante do que a

funcionalidade do mesmo.

Você poderá escolher outro arquivo no lugar do Itunes.skn – teste as

possibilidades e veja as diferenças.

Atividades para conclusão do curso a distância

1. Crie o programa abaixo no Delphi:

Rosy é uma talentosa professora do Ensino Médio que já ganhou muitos

prêmios pela qualidade de sua aula. Seu reconhecimento foi tamanho que

foi convidada a dar aulas em uma escola da Inglaterra. Mesmo falando

bem inglês, Rosy ficou um pouco apreensiva com a responsabilidade, mas

resolveu aceitar a proposta e encará-la como um bom desafio.

Tudo ocorreu bem para Rosy até o dia da prova. Acostumada a dar notas

de zero (zero) a 100 (cem), ela fez o mesmo na primeira prova dos alunos

da Inglaterra. No entanto, os alunos acharam estranhos, pois na Inglaterra

o sistema de notas é diferente: as notas devem ser dadas como conceitos

de A e E. O conceito A é o mais alto, enquanto o conceito E é o mais

baixo.

Conversando com outros professores, ela recebeu a sugestão de utilizar a

seguinte tabela, relacionando as notas numéricas com as notas de

conceitos:

O problema é que Rosy já deu as

notas no sistema numérico, e terá

que converter as notas para o

sistema de letras. Porém, Rosy

precisa preparar as próximas aulas

(para manter a qualidade que a

tornou reconhecida), e não tem

tempo suficiente para fazer a

conversão das notas manualmente.

Tarefa

Nota Conceito

0 E

1 a

35

D

36 a

60

C

61 a

85

B

86 a

100

A

Você deve escrever um programa que recebe uma nota no sistema

numérico e determina o conceito correspondente.

Entrada

A entrada contém um único conjunto de testes, que deve ser lido do

dispositivo de entrada padrão (normalmente o teclado). A entrada contém

uma única linha com um número inteiro, representando uma nota de

prova no sistema numérico

Saída

Seu programa deve imprimir na saída padrão, uma letra (A, B, C, D, ou E

em maiúsculas) representando o conceito correspondente à nota dada na

entrada.

2. Insira uma máscara em seu programa.

3. Repita o item 1 e coloque outra máscara.