PRÁTICA -...

ADS/REDES/ENGENHARIA Prof.CelsoCandido

DESENVOLVIMENTO DE SOFTWARE

AULA 05

1

PRÁTICA



AULA 05

2

CONTROLE CheckBox



AULA 05CheckBox, RadioButton e ListBox

3

PRÁTICA Crie um novo projeto “Visual Basic Windows Forms Application”, como o

nome de “CheckBox”.

Vá para o “Toolbox” e arraste dois objetos “CheckBox” para o formulário.

Alinhe um em cima do outro, como na imagem abaixo:




4

PRÁTICA Vá novamente para o “Toolbox” e arraste dois objetos “PictureBox” para o

formulário.

Alinhe os 4 objetos como na imagem ao lado:

Selecione o primeiro “PictureBox” denominado “PictureBox1” para ativarsua janela de Propriedades.

Entre no site do professor e baixeas imagens “Calculadora.jpg” e“Fotocopiadora.jpg”.




5

PRÁTICA Clique na propriedade “Imagem” da janela Propriedades e clique no

botão de reticências na coluna ao lado.

Na janela “Selecionar Recurso”, clique em “Arquivos de Recursos deprojeto”, botão “Importar” e procure pela imagem“Calculadora.jpg” e confirme em “OK”.

Ainda na janela propriedades, selecione “SizeMode”, abra sua caixade opções e selecione “StretchImage”, assim poderemos ver toda aimagem no objeto “PictureBox1”. Será criada a pasta “Resources” noGerenciador de Soluções contendo o imagem.




6

PRÁTICA O comando “StretchImage”, irá redimensionar as duas imagens para

que fiquem exatamente do mesmo tamanho dos objetos PictureBox1 e 2.

Faça o mesmo com o “PictureBox2” usando a imagem“Fotocopiadora.jpg”.

Com o auxilio do Gerenciador de Soluções temos como saber ocaminho da imagem, para este exemplo o caminho será:

o “C:\Users\Celso\Documents\Visual Studio 2008\Projects\CheckBox\CheckBox\Resources\Calculadora.jpg”

É necessário conhecer o caminho da imagem, por que será precisopara o código fonte.




7

PRÁTICA Mude o nome do texto do primeiro CheckBox1 para “Calculadora” e do

CheckBox2 para “Fotocopiadora” na opção “Text” em suas propriedades.

Se desejar alterar o tamanho das imagens manualmente use a opção“Size” na janela de propriedades.

Mude as propriedades de “Font” para tamanho 14 / Negrito nos doisCheckBox.

Modifique a propriedade do comando “MaximizeBox” para “False”,boqueando o maximizar da janela.

Modifique a propriedade do comando “StarPosition” para “CenterScreen”,assim a janela ficará no centro da tela do monitor ao ser executada.

Modifique a propriedade do comando “FromBorderStyle” para “Fixed3D”para fixar a borda e dar uma impressão de baixo relevo.




8

PRÁTICA Se deseja mudar a cor do formulário use o comando “BackColor” e para

colocar uma imagem de fundo o comando “BackgroundImage”.

Salve todo seu trabalho.

Faça os ajustes finais do designer conforme imagem abaixo:

Selecione “CheckBox1” e em sua janela propriedades, procure pelocomando “Checked” e mude para “True”, para habilitar o botão de seleção.




9

PRÁTICA Dê um duplo clique no primeiro objeto caixa de seleção, “CheckBox1”, para

abrir a janela de edição do código para os procedimentos do evento deexecução “CheckBox1_CheckedChanged” e digite o seguinte código:

Relembrando, o “_” é usado para se quebrar uma extensa linha de código.

If CheckBox1.CheckState = 1 ThenPictureBox1.Image = System.Drawing.Image.FromFile _("C:\Users\Celso\Documents\Visual Studio

2008\Projects\CheckBox\CheckBox\Resources\Calculadora.jpg")PictureBox1.Visible = True

ElsePictureBox1.Visible = False

End If




10

PRÁTICA Clique na aba de “Designer” do formulário e dê um clique duplo no

“CheckBox2” para abrir a edição de código e digite o que está abaixo:

Igual ao procedimento anterior, só muda:o Endereço da imagem;o Checkbox2 e PictureBox2.

If CheckBox2.CheckState = 1 ThenPictureBox2.Image = System.Drawing.Image.FromFile _("C:\Users\Celso\Documents\Visual Studio

2008\Projects\CheckBox\CheckBox\Resources\Fotocopiadora.jpg")PictureBox2.Visible = True

ElsePictureBox2.Visible = False

End If




11

PRÁTICA

Compile seu projeto.

Salve todo o projeto em seu Pendriver e feche o programa.

Uma outra forma de salvar o projeto no Pendriver, é copiandotoda a pasta do projeto de seu local original.




12

PRÁTICA – Como montar um Instalador Abra o projeto “CheckBox”;

No Gerenciador de Soluções dê um duplo clique em “My Project”;

No campo “Local da Pasta de Publicação ...” digite ou aponte ocaminho da pasta que terá os arquivos de instalação;

No campo “Versão da Publicação” preencha conforme sua versão;

Mantenha a opção “Revisão de incrementos automaticamente emcada publicação” habilitado;

Clique no botão “Publicar Agora”;

Se desejar poderá usar o “Assistente de Publicação”;



AULA 05

13

CONTROLE RadioButton




14

PRÁTICA Crie um novo projeto “Visual Basic Windows Forms Application”,

como o nome de “RadioButton”.

Vá para o “Toolbox” e arraste o objeto “GrupBox” para o formulário.

Alinhe como na imagem ao lado:




15

PRÁTICA Vá novamente para o “Toolbox” e arraste três objetos “RadioButton”

para o formulário.

Alinhe os objetos como naimagem ao lado:

É mais prático clicar duas vezes nocontrole “RadioButton” para criaros botões de opção.

Observe que cada botão tem oseu próprio número, que poderáser usado para configurar aspropriedades.




16

PRÁTICAUsando o controle “PictureBox”, crie um objeto caixa de figura quadradoabaixo do “GrupBox” no formulário:

Vá para o “Toolbox” e arraste o objeto “PictureBox” para o formulário.

Alinhe como na imagem abaixo:




17

PRÁTICA Configure suas propriedades a seguir para os objetos caixa de grupo, botão

de opção e caixa de figura, conforme tabela:

Objeto Propriedades ConfiguraçõesGroupBox1 Text “Selecionar tipo do computador”

RadioButton1Checked True

Text “Desktop PC”

RadioButton2 Text “Desktop Mac”

RadioButton3 Text “Laptop”

PictureBox1Image Configure o caminho da imagem.

SizeMode StretchImage

Se observamos o estado do botão de opção inicial está sendo controladopela propriedade “Checked”, aparecendo selecionado na IDE o botão daopção “Desktop PC”.




18

PRÁTICAAdicione também os comandos de formulário a seguir: “Name” = opcao; “BackColor” = Web = Teal; “Text” = RadioButton; “FormBordStyle” = FixedSingle; “Language” = Português (Brasil); “MaximizeBox” = False; “MinimizeBox” = False; “StarPosition” = CenterScreen.

Selecione no formulário o “GrupBox” e em propriedades no item “BackColor”mude para Web = Transparent e na propriedade “Font” = 12 / Negrito.

Selecione no formulário o “PictureBox” e em propriedades no item“BackColor” mude para Web = Transparent.




19

PRÁTICASeu designer deverá estar parecido como este:




20

PRÁTICAAgora vamos definir os códigos para execução do programa:

Clique duas vezes no objeto “RadioButton1” no formulário para abrir o“Editor de Código”.

Digite o código de programa abaixo para o opção 01:PictureBox1.Image = System.Drawing.Image.FromFile _

("C:\Users\Celso\Documents\Visual Studio 2008\Projects\RadioButton\RadioButton\Resources\Desktop_Pc.jpg")

Volte ao designer do formulário, clique duas vezes no objeto “RadioButton2” e digite o código de programa abaixo para o opção 02:PictureBox1.Image = System.Drawing.Image.FromFile _

("C:\Users\Celso\Documents\Visual Studio 2008\Projects\RadioButton\RadioButton\Resources\Desktop_Mac.jpg")




21

PRÁTICA Volte ao designer do formulário, clique duas vezes no objeto

“RadioButton3” e digite o código de programa abaixo para o opção 03:PictureBox1.Image = System.Drawing.Image.FromFile _

("C:\Users\Celso\Documents\Visual Studio 2008\Projects\RadioButton\RadioButton\Resources\ Laptop.jpg")

Compile o código; Salve todo o código em seu Pendriver; Monte o instalador do programa, vide slide 11. Interfaces finais:



AULA 05

22

CONTROLE ListBox




23

PRÁTICA Crie um novo projeto “Visual Basic Windows Forms Application”, como o

nome de “ListBox”.

Vá para o “Toolbox” e arraste o objeto “ListBox” para oformulário.

Alinhe como na imagem ao lado:




24

PRÁTICA Vá novamente para o “Toolbox” e arraste o objeto “PictureBox” para o

formulário. Alinhe os objetos como na

imagem ao lado:

Configure a propriedades a seguir para o objeto caixa de figura:

Objeto Propriedade ConfiguraçãoPictureBox SizeMode StretchImage




25

PRÁTICAAdicione também os comandos de formulário a seguir: “Name” = CaixaListen; “BackColor” = Web = CadetBlue; “Text” = ListBox; “FormBordStyle” = Fixed3D; “Language” = Português (Brasil); “MaximizeBox” = False; “MinimizeBox” = False; “StarPosition” = CenterScreen.

Baixe da Web três imagens no formato “jpg” que serão usadas no programa: Hard Disk; Impressora; Satélite.




26

PRÁTICA

Objeto Propriedade Configuração

PictureBox Image Clique no botão resistências para importar as imagens

Para importar: Abra a janela “Selecionar recurso”; Clique no botão “Importar” para localizar a imagem; Repita a importação para as demais três imagens; Confirme em com o botão “OK”.

Importe as imagens que serão apresentadas no “PictureBox”, através da opção“Image” em propriedades da caixa de imagens, conforme tabela:




27

PRÁTICA

'Comentando o Case:'O item de caixa de listagem selecionado (de 0 até 2) é mantido na

propriedade "SelectedIndex“.Select Case ListBox1.SelectedIndexCase 0PictureBox1.Image = System.Drawing.Image.FromFile _("C:\Users\Celso\Documents\Visual Studio

2008\Projects\ListBox\ListBox\Resources\HardDisk.jpg")Case 1

PictureBox1.Image = System.Drawing.Image.FromFile _("C:\Users\Celso\Documents\Visual Studio

2008\Projects\ListBox\ListBox\Resources\Printer.jpg")

Duplo clique no objeto “ListBox1” no formulário para abrir a Ediçãodo Código e digite o código do programa a seguir:

Continua...




28

PRÁTICACase 2

PictureBox1.Image = System.Drawing.Image.FromFile _("C:\Users\Celso\Documents\Visual Studio

2008\Projects\ListBox\ListBox\Resources\Satelite.jpg")End Select

Duplo clique no objeto “Form1” no formulário para abrir a Edição doCódigo e digite o código do programa a seguir:

'Adicionando itens à caixa de listagem (ListBox).ListBox1.Items.Add("Disco rígido extra")ListBox1.Items.Add("Impressora de tinta")ListBox1.Items.Add("Satélite da NASA")

Compile o código; Salve todo o código em seu Pendriver; Monte o instalador do programa, vide slide 11.



AULA 05

29

CONTROLE ComboBox



AULA 05

30



AULA 05

31

AULAS DE APOIO

Estarão disponibilizadas nos descritos a baixo para downloads osarquivos nos formatos: PowerPoints ou Word das aulas. Algunsestarão disponíveis para impressão, outros, somente para leitura,mas não para edição. Em alguns casos em que se fizer necessário aimpressão, o professor estará liberando para um melhordesenvolvimento dos trabalhos a ser solicitados.

www.aulasprof.6te.net ou www.profcelso.orgfree.com/

Contato: [email protected]



AULA 05

32

FIM

PRÁTICA -...

Documents

Transcript of PRÁTICA -...