linguagem de programação i · linguagem de programação i formulários . introdução ... estilo...

22
Linguagem de Programação I Formulários

Upload: dinhkhanh

Post on 11-Feb-2019

254 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Linguagem de

Programação I Formulários

Page 2: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Introdução

Formulários são interfaces visuais de um programa com o usuário;

Dentro de um formulário podem ser inseridos diversos componentes que podem facilitar a interação entre o usuário e o programa;

Os formulários possuem diversas propriedades e eventos que podem caracterizar seu comportamento.

Page 3: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Introdução

O lazarus fornece um construtor de

formulários visual que agiliza bastante o

processo de construção de interfaces;

Quando criamos um formulário no

Lazarus, estamos, na verdade

modificando e criando uma instância de

uma classe de formulário padrão

exeistente na LCL.

Page 4: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

ActiveControl

Componente focado quando o formulário

é criado

AutoScroll

Bassas de rolagens automáticas se os

componentes não couberem na área

visível do formulário;

Page 5: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

BorderIcons

Ícones visíveis na borda do formulário. Seu

funcionamento efetivo defende das

propriedades WindowState e BorderStyle

Page 6: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades BorderStyle

Estilo da borda do formulário. Depende de WindowState.

Principais valores:

bsDialog: Estilo de caixa de diálogo

bsNone: Sem bordas

bsSingle: Simples;

bsSizeable: Redimensionável;

BorderWidth: Largura da borda do formulário;

Page 7: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

WindowState

Estado do formulário.

Principais valores:

wsNormal: A propriedade BorderStyle não é afetada;

wsMaximized: A propriedade BorderStyle é

afetada

Page 8: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

Caption: Título do formulário;

Color: Cor do formulário;

Cursor: Cursor do mouse;

Icon: Ícone do formulário;

Page 9: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

Enabled: Habilita ou desabilita os formulários (O usuário não pode interagir com um formulário desabilitado);

Hint: Dica a ser exibida quando o cursor do mouse é posicionado sobre o formulário;

ShowHint: Indica se a Hint será exibida;

Page 10: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

Name: Nome do formulário (Será usado na classe do formulário e em sua instância)

Position: Posição do formulário na tela.

Principais valores:

poDesigned: Posição de edição;

poScreenCenter: No centro da tela

Page 11: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Propriedades

Left: Posição esquerda;

Top: Posição superior;

Height: Altura do formulário;

Width: Largura do formulário;

Page 12: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Eventos

Click: Clique do mouse;

DlbClick: Duplo clique;

MouseDown: descida do botão do mouse

MouseMove: Movimentação do mouse

MouseUp: Soltar o botão pressionado do

mouse

Page 13: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Eventos

Activate: Ativação (exibição)

Deactivate: Desativação;

Close: Fechamento;

CloseQuery: Antes do fechamento;

Create: Criação;

Page 14: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Eventos

Hide: Ocultação;

Show: Exibição (quando o formulário

estava oculto)

Resize: Redimensionamento;

Page 15: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Principais Eventos

KeyDown: Pressionamento de uma tecla,

na descida;

KeyPress: Pressionar uma tecla (descina e

subida)

KeyUp: Soltar uma tecla pressionada;

Page 16: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Multiplos formulários

Em muitos programas são necessários

vários formulários;

Para controlar a exibição destes,

podemos utilizar os seguintes métodos:

Show: Exibe um formulário;

Hide: Oculta um formulário;

ShowModal: Exibe um formulário de forma

“modal” (não é possivel alternar com outro

formulário do programa);

Page 17: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Multiplos formulários

Para definir o formulário inicial basta

acessar as “Opções do Prjeto” no menu

Project > Project Options

Na aba forms podemos mudar a ordem

de criação dos formulários

O primeiro formulário criado será o

formulário inicial.

Page 18: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Exercícios

Crie um projeto com um formulário,

aumente o seu tamanho, insira diversos

componentes, reduza o tamanho do

form e configure para apresentar barras

de rolagem de forma que todos os

componentes possam ser acessados.

Page 19: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Exercícios

Modifique o formulário para que o

mesmo não possa ser redimensionado

Astere o título do formulário para “teste”

Altere a cor e o cursor do mouse para o

formulário

Configure o formulário para que seja

exibida a dica “testando...”;

Page 20: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Exercícios

Renomeie o formulário para

frmTestePropriedades;

Faça com que o formulário seja exibido

no centro da tela em sua inicialização.

Page 21: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Exercícios

Altere o título do formulário para o nome

do evento acionado:

Activate

Click

Create

DblClick

Deactivate

KeyDown

Page 22: Linguagem de Programação I · Linguagem de Programação I Formulários . Introdução ... Estilo da borda do formulário. Depende de WindowState

Exercícios

KeyUp

MouseDown

MouseMove

MouseUp

Resize

Show