DESENVOLVIMENTO DE SOFTWARE AULA 05 PRÁTICA. Prof. Celso Candido ADS / REDES / ENGENHARIA

Transcrição

1 AULA 05 1

2 AULA 05 CONTROLE CheckBox 2

3 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: 3

4 Vá novamente para o Toolbox e arraste dois objetos PictureBox parao formulário. Alinhe os 4 objetos como na imagem ao lado: Selecione o primeiro PictureBox denominado PictureBox1 paraativar sua janela de Propriedades. Entrenositedoprofessorebaixe as imagens Calculadora.jpg e Fotocopiadora.jpg. 4

5 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 de projeto, botão Importar e procure pela imagem Calculadora.jpg econfirmeem OK. Ainda na janela propriedades, selecione SizeMode, abra sua caixa de opções e selecione StretchImage, assim poderemos ver toda a imagem no objeto PictureBox1. Será criada a pasta Resources no Gerenciador de Soluções contendo o imagem. 5

6 O comando StretchImage, irá redimensionar as duas imagens para que fiquem exatamente do mesmo tamanho dos objetos PictureBox 1e2. Com o auxilio do Gerenciador de Soluções temos como saber o caminho 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á preciso para o código fonte. Faça o mesmo com o PictureBox2 usando a imagem Fotocopiadora.jpg. 6

7 Mude o nome do texto do primeiro CheckBox1 para Calculadora e do CheckBox2 para Fotocopiadora na opção Text em suas propriedades. Mude as propriedades de Font paratamanho 14 / Negrito nos dois CheckBox. 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. Se desejar alterar o tamanho das imagens manualmente use a opção Size na janela de propriedades. 7

8 Se deseja mudar a cor do formulário use o comando BackColor epara colocar uma imagem de fundo o comando BackgroundImage. Selecione CheckBox1 e em sua janela propriedades, procure pelo comando Checked e mude para True, para habilitar o botão de seleção. Faça os ajustes finais do designer conforme imagem abaixo: Salve todo seu trabalho. 8

9 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 de execução CheckBox1_CheckedChanged e digite o seguinte código: If CheckBox1.CheckState = 1 Then PictureBox1.Image = System.Drawing.Image.FromFile _ ("C:\Users\Celso\Documents\Visual Studio 2008\Projects\CheckBox\CheckBox\Resources\Calculadora.jpg") PictureBox1.Visible = True Else PictureBox1.Visible = False End If Relembrando, o _ é usado para se quebrar uma extensa linha de código. 9

10 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: If CheckBox2.CheckState = 1 Then PictureBox2.Image = System.Drawing.Image.FromFile _ ("C:\Users\Celso\Documents\Visual Studio 2008\Projects\CheckBox\CheckBox\Resources\Fotocopiadora.jpg") PictureBox2.Visible = True Else PictureBox2.Visible = False End If Igual ao procedimento anterior, só muda: o Endereço da imagem; o Checkbox2 e PictureBox2. 10

11 AULA 05 Compile seu projeto. Salve todo o projeto em seu Pendriver e feche o programa. Uma outra forma de salvar o projeto no Pendriver, é copiando toda a pasta do projeto de seu local original. 11

12 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 o caminho 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 em cada publicação habilitado; Clique no botão Publicar Agora ; Se desejar poderá usar o Assistente de Publicação ; 12

13 AULA 05 CONTROLE RadioButton 13

14 Crie um novo projeto Visual Basic Windows Forms Application, comoonomede RadioButton. Vá para o Toolbox e arraste o objeto GrupBox para o formulário. Alinhe como na imagem ao lado: 14

15 Vá novamente para o Toolbox earrastetrêsobjetos RadioButton para o formulário. Alinhe os objetos como na imagem ao lado: É mais prático clicar duas vezes no controle RadioButton paracriar os botões de opção. Observe que cada botão tem o seu próprio número, que poderá ser usado para configurar as propriedades. 15

16 Usando o controle PictureBox, crie um objeto caixa de figura quadrado abaixo do GrupBox no formulário: Vá para o Toolbox earrasteoobjeto PictureBox para o formulário. Alinhe como na imagem abaixo: 16

17 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ções GroupBox1 Text Selecionar tipo do computador RadioButton1 Checked Text True Desktop PC RadioButton2 Text Desktop Mac RadioButton3 Text Laptop PictureBox1 Image SizeMode Configure o caminho da imagem. StretchImage Se observamos o estado do botão de opção inicial está sendo controlado pela propriedade Checked, aparecendo selecionado na IDE o botão da opção Desktop PC. 17

18 Adicione 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. Selecionenoformulárioo 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. 18

19 Seu designer deverá estar parecido como este: 19

20 Agora vamos definir os códigos para execução do programa: Clique duas vezes no objeto RadioButton1 noformulárioparaabriro 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") 20

21 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: 21

22 AULA 05 CONTROLE ListBox 22

23 Crie um novo projeto Visual Basic Windows Forms Application, como o nome de ListBox. Vá para o Toolbox earrasteoobjeto ListBox parao formulário. Alinhe como na imagem ao lado: 23

24 Vá novamente para o Toolbox earrasteoobjeto PictureBox parao formulário. Alinhe os objetos como na imagem ao lado: Configure a propriedades a seguir para o objeto caixa de figura: Objeto Propriedade Configuração PictureBox SizeMode StretchImage 24

25 Adicione 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. 25

26 AULA 05 Importeas imagens que serãoapresentadasno PictureBox, através da opção Image em propriedades da caixa de imagens, conforme tabela: 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. 26

27 AULA 05 Duplo clique no objeto ListBox1 noformulárioparaabriraedição do Código e digite o código do programa a seguir: 'Comentando o Case: 'O item de caixa de listagem selecionado (de 0 até 2) é mantido na propriedade "SelectedIndex. Select Case ListBox1.SelectedIndex Case 0 PictureBox1.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") Continua... 27

28 AULA 05 Case 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 do Có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

29 AULA 05 CONTROLE ComboBox 29

30 AULA 05 30

31 AULA 05 AULAS DE APOIO Estarão disponibilizadas nos descritos a baixo para downloads os arquivos nos formatos: PowerPoints ou Word das aulas. Alguns estarã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 a impressão, o professor estará liberando para um melhor desenvolvimento dos trabalhos a ser solicitados. ou Contato: celsocan@gmail.com 31

32 AULA 05 FIM 32