Vous êtes sur la page 1sur 65

C# Grficos - UNIP - Professor Ren

Visual C#

Modo Grfico

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico

A partir do conhecimento dos passos anteriores, possvel agora iniciar o aprendizado do modo grfico.

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico


Vamos seguir as aes de chamada:
Execute o comando File/New Project, selecione na caixa de dilogo New Project a opo Windows Form Application, informe no campo Name o nome grfico_1 e acione o boto OK.

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico

Em seguida selecione o boto Toolbar (barra de ferramentas) e posicione a ferramenta Toolbar.

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico


Selecione a guia All Windows Forms na ferramenta Toolbox. Selecione na lista o controle TextBox.

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico


Coloque tambm um controle Button abaixo do controle TextBox, como mostrado na figura a seguir:

C# Grficos - UNIP - Professor Ren

Visual C# - Modo Grfico


Foram escolhidos dois controles como mecanismo de entrada e de ao para apresentar o nome informado.
Falta ainda um terceiro controle para apresentar o nome informado. Neste caso selecione o controle Label inserindo-o no formulrio. A figura abaixo exibe o controle Label com o nome Label1.

C# Grficos - UNIP - Professor Ren

10

Visual C# - Modo Grfico


Para verificar essa ocorrncia, selecione o comando de menu Debug, a opo Start Debugging. Ou acione a tecla F5

C# Grficos - UNIP - Professor Ren

11

Visual C# - Modo Grfico


Um programa em modo grfico desenvolvido em Visual C# a juno de um formulrio, na caso Form1, com o cdigo de programa existente que ser projetado e inserido em local apropriado no ambiente de desenvolvimento.

C# Grficos - UNIP - Professor Ren

12

Visual C# - Modo Grfico


D um duplo clique no controle button1, surgir a janela de cdigo do programa.

C# Grficos - UNIP - Professor Ren

13

Visual C# - Modo Grfico


Na janela de cdigo apresentada escreva como linha de cdigo a seguinte instruo como no exemplo abaixo:
private void button_Click(object sender, EventArgs e) {

Label1.Text = textBox1.Text;
}

Veja o resultado no prximo slide.

C# Grficos - UNIP - Professor Ren

14

Visual C# - Modo Grfico


Nesse momento escreva um nome na campo text1 e d um clique no boto button1.

C# Grficos - UNIP - Professor Ren

15

Visual C# - Modo Grfico


Nosso prximo exemplo ter um programa que pede o nome e o sobrenome de uma pessoa, apresentando em seguida o nome completo. A juno de strings, como ser mostrado, recebe o nome de concatenao.
Seguir os mesmo passos anterior, File/New Project, New Project, opo Windows Form Aplication, informe o nome e tecle OK.

C# Grficos - UNIP - Professor Ren

16

Visual C# - Modo Grfico


Selecione na ferramenta Toolbox o componente Label e insira no formulrio:

C# Grficos - UNIP - Professor Ren

17

Visual C# - Modo Grfico


Em seguida ser trocado o texto de Label1 por Universidade. Selecione na janela Properties a propriedade Text que se encontra com o rtulo label1 e faa a alterao para escrever seu nome.

C# Grficos - UNIP - Professor Ren

18

Visual C# - Modo Grfico


Insira um segundo Label e digite UNIP. Ao lado do Label colocado um controle TextBox, para aceitar digitao.

C# Grficos - UNIP - Professor Ren

19

Visual C# - Modo Grfico


Abaixo dos controles Label e TextBox so colocados dois botes. O primeiro deve ter sua propriedade Text alterado para Concatenar, o segundo alterado para Limpar.

C# Grficos - UNIP - Professor Ren

20

Visual C# - Modo Grfico


O primeiro boto tem a funo de apresentar o nome completo e o segundo remove strings. O Label ser usado pelo boto Concatenar para apresentar o nome completo.

C# Grficos - UNIP - Professor Ren

21

Visual C# - Modo Grfico


A partir do momento que o formulrio est preparado, ser definido o cdigo de ao para execuo do boto Concatenar. D um duplo clique no boto Concatenar e escreva na rotina o cdigo seguinte grafado em negrito:
private void button1_Click(object sender, EventArgs {

label3.Text = textBox1Text + + textBox2.Text;


}

Em seguida rode o programa.

C# Grficos - UNIP - Professor Ren

22

Visual C# - Modo Grfico


private void button1_Click(object sender, EventArgs e) {label3.Text = textBox1Text + + textBox2.Text; }

C# Grficos - UNIP - Professor Ren

23

Visual C# - Modo Grfico


Em seguida feche a execuo do formulrio e d um duplo clique no boto Limpar. Digite a rotina abaixo:
private void button2_Click(object sender, EventArgs e) {

textBox1.Clear(); textBox2.Clear(); label3.Text = ; textBox1.Focus();


}

C# Grficos - UNIP - Professor Ren

24

Visual C# - Modo Grfico


Observe que nos componentes TextBox1 e TextBox2 utilizado Clear() para proceder a limpeza dos dados existentes nos componentes.
O Label3 possui um string sem contedo, em brando, para efetivar a limpeza do componente. A instruo text1Box.Focus(), faz com que o cursor seja posicionado no campo TextBox1 aps a ao do boto limpar.

C# Grficos - UNIP - Professor Ren

25

Visual C# - Caixa de Mensagem


Considere um programa que faa a leitura de dois valores inteiros.
O programa deve efetuar a adio, e caso o resultado obtido seja maior ou igual a 10, deve ser apresentado uma caixa de mensagem com o valor calculado acrescido de 5. Caso o valor calculado no seja maior ou igual a 10, dever ser apresentada uma caixa de mensagem com o valor subtrado de 7.

C# Grficos - UNIP - Professor Ren

26

Visual C# - Caixa de Mensagem


Insira no formulrio dois controles Label, dois controles TextBox e um controle Button. Os controles Label devem possuir os textos Entre um valor para <A>: e Entre um valor para <B>:. Para o controle Button altere seu texto para Processar.

Veja a figura no formulrio a seguir:

C# Grficos - UNIP - Professor Ren

27

Visual C# - Caixa de Mensagem


Figura no formulrio

C# Grficos - UNIP - Professor Ren

28

Visual C# - Caixa de Mensagem


Na sequncia acione o boto Processar, para que seja escrito na rotina o cdigo: int R, X, A, B; A = int.Parse(textBox1.Text); B = int.Parse(textBox2.Text); X = A + B; If (X >=10) { R = X + 5; MessageBox.Show(R = + R.ToString() , Resultado V); } else { R = X 7; MessageBox.Show(R = + R.ToString() , Resultado F); } textBox1.Focus();

C# Grficos - UNIP - Professor Ren

29

Visual C# - Caixa de Mensagem


Como fica o cdigo?

C# Grficos - UNIP - Professor Ren

30

Visual C# - Caixa de Mensagem


Se forem fornecidos os valores 4 e 5, o resultado apresentar 2:

C# Grficos - UNIP - Professor Ren

31

Visual C# - Caixa de Mensagem


Se forem fornecidos os valores 5 e 7, o resultado apresentar 17:

C# Grficos - UNIP - Professor Ren

32

Visual C# - Caixa de Mensagem


O programa mostra usa a instruo MessageBox.Show() para apresentar a resposta de sada do programa.
A caixa de mensagem gerada pela instruo MessageBox.Show() apresenta uma mensagem dentro de uma caixa com um boto OK.

Note o uso do mtodo ToString(), que converte um valor numrico em um valor string.

C# Grficos - UNIP - Professor Ren

33

Visual C# - Caixa de Mensagem


A funcionalidade MessageBox.Show() possui as seguintes sintaxe: MessageBox.Show(MSG, TIT, Bot, CO, PAD, ALI); Sendo: MSG: a mensagem de sada que ser exibida dentro da caixa de mensagem. TIT: a mensagem de identificao do ttulo a ser exibida na barra de ttulo da caixa de mensagem. BOT: uma constante interna que identifica os tipos de botes a serem apresentados na caixa de mensagem: veremos na tabela mais adiante.

C# Grficos - UNIP - Professor Ren

34

Visual C# - Caixa de Mensagem


A funcionalidade MessageBox.Show() possui as seguintes sintaxe: MessageBox.Show(MSG, TIT, Bot, CO, PAD, ALI); Sendo: ICO: uma constante interna que identifica os tipos de cones a serem apresentados na caixa de mensagem: veremos na tabela mais adiante. PAD: uma constante interna que identifica qual dos botes apresentados estar selecionado com a execuo de ao padro: veremos na tabela mais adiante. ALI: uma constante interna que permite escrever uma mensagem ao lado direito da caixa. veremos na tabela mais adiante.

C# Grficos - UNIP - Professor Ren

35

Visual C# - Caixa de Mensagem


Tipo de Boto Constante

Apresenta o Boto OK, por padro quando este valor omitido


Mostra os botes OK e Cancelar Apresenta os botes Anular, Repetir e Ignorar Exibe os botes Sim e No. Indica os botes Repetir e Cancelar Apresenta o cone de advertncia. O desenho de um X branco dentro de um circulo vermelho.

MessageBoxButtons. OK

MessageBoxButtons. OK Cancel MessageBoxButtons.AbortRetryIgnore MessageBoxButtons. Yes No MessageBoxButtons. Retry Cancel MessageBoxIcon.Error MessageBoxIcon.Hand MessageBoxIcon.Stop

C# Grficos - UNIP - Professor Ren

36

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox. private void button1_Click(object sender, EventArgs e) { MessageBox.Show("mensagem" ); }

C# Grficos - UNIP - Professor Ren

37

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox. private void button1_Click(object sender, EventArgs e) {
MessageBox.Show("mensagem, "Titulo", MessageBoxButtons.OKCancel ); }

C# Grficos - UNIP - Professor Ren

38

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox.
private void button1_Click(object sender, EventArgs e) { MessageBox.Show("mensagem, MessageBoxButtons.AbortRetryIgnore ); } "Titulo",

C# Grficos - UNIP - Professor Ren

39

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox.
private void button1_Click(object sender, EventArgs e) { MessageBox.Show("mensagem, "Titulo", MessageBoxButtons.YesNoCancel ); }

C# Grficos - UNIP - Professor Ren

40

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox.
private void button1_Click(object sender, EventArgs e) { MessageBox.Show("mensagem, "Titulo", MessageBoxButtons.YesNo); }

C# Grficos - UNIP - Professor Ren

41

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox.
private void button1_Click(object sender, EventArgs e) { MessageBox.Show("mensagem, "Titulo", MessageBoxButtons.RetryCancel); }

C# Grficos - UNIP - Professor Ren

42

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox. private void button1_Click(object sender, EventArgs e) {MessageBox.Show("mensagem,"Titulo", MessageBoxButtons.OK, MessageBoxIcon.Error); }

C# Grficos - UNIP - Professor Ren

43

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox. private void button1_Click(object sender, EventArgs e) {MessageBox.Show("mensagem,"Titulo", MessageBoxButtons.OK, MessageBoxIcon.Question); }

C# Grficos - UNIP - Professor Ren

44

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox. private void button1_Click(object sender, EventArgs e) {MessageBox.Show("mensagem,"Titulo", MessageBoxButtons.OK, MessageBoxIcon.Warning); }

C# Grficos - UNIP - Professor Ren

45

Visual C# - Caixa de Mensagem


Exemplo obtidos com o mtodo Show() da estrutura MessageBox. private void button1_Click(object sender, EventArgs e) {MessageBox.Show("mensagem,"Titulo", MessageBoxButtons.OK, MessageBoxIcon.Information); }

C# Grficos - UNIP - Professor Ren

46

Visual C# - Caixa de Mensagem


Com base nas apresentao de mensagem direita da caixa de mensagem com o cone de advertncia e a existncia dos botes Sim, No e Cancelar, desejando que o terceiro boto possua o foco de ao, o prximo exemplifica esta ocorrncia. Insira no formulrio o controle Button acione-o informe o seguinte cdigo:

C# Grficos - UNIP - Professor Ren

47

Visual C# - Caixa de Mensagem


Com base nas apresentao de mensagem direita da caixa de mensagem com o cone de advertncia e a existncia dos botes Sim, No e Cancelar, desejando que o terceiro boto possua o foco de ao, o prximo exemplifica esta ocorrncia. Insira no formulrio o controle Button acione-o informe o seguinte cdigo:
private void button1_Click(object sender, EventArgs e) { MessageBox.Show ( "Mensagem", "Titulo", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Warning, MessageBoxDefaultButton.Button3, MessageBoxOptions.RightAlign ); }

C# Grficos - UNIP - Professor Ren

48

Visual C# - Caixa de Mensagem


O resultado para esta situao.

C# Grficos - UNIP - Professor Ren

49

Visual C# - Caixa de Mensagem


Insira no formulrio um controle Button, acione com duplo clique e insira o cdigo abaixo:

C# Grficos - UNIP - Professor Ren

50

Visual C# - Caixa de Mensagem


Vamos ver o resultado: clicando no boto button1 ir surgir uma caixinha com a pergunta Voc honesto?

C# Grficos - UNIP - Professor Ren

51

Visual C# - Caixa de Mensagem


Vamos ver o resultado: clicando no boto button1 ir surgir uma caixinha com a pergunta Voc honesto?

C# Grficos - UNIP - Professor Ren

52

Visual C# - Caixa de Mensagem


Vamos ver o resultado: clicando no boto button1 ir surgir uma caixinha com a pergunta Voc honesto?

C# Grficos - UNIP - Professor Ren

53

Visual C# - Caixa de Mensagem


Vamos entender o cdigo:
A funo Show() da estrutura MessageBox usada com a atribuio varivel RESP do tipo enumerado DialogResult.

Ao acionar um dos botes, captura-se o valor da constante. No caso do acionamento Sim (Yes), o valor capturado DialogResult.Yes.
O tipo enumerado DiallogResult tambm disponibiliza os valores, Abort, Cancel, Ignore, No, None, Ok e Retry.

C# Grficos - UNIP - Professor Ren

54

Visual C# - Boto de Rdio


um conjunto de componentes que permite selecionar uma opo da lista. Para demonstrar sua ao, considere um programa de calculadora simples, que faz a leitura de dois valores reais e apresenta o resultado da operao matemtica escolhida.

C# Grficos - UNIP - Professor Ren

55

Visual C# - Boto de Rdio


Para montar o formulrio que deve ter a sua propriedade Text com o texto CalSim Calculadora Simples, tome o cuidado de inserir os dois controles TextBox superiores um ao lado do outro.
Observe tambm que o tamanho do formulrio do programa foi um pouco diminudo. Acrescente um controle TextBox no canto inferior direito. Veja o formulrio a seguir:

C# Grficos - UNIP - Professor Ren

56

Visual C# - Boto de Rdio


Veja o formulrio a seguir:

C# Grficos - UNIP - Professor Ren

57

Visual C# - Boto de Rdio


Calculadora simples No formulrio ser usado um controlador denominado RaioButton.
novo,

Insira quatro controles desse tipo de forma que controle radioButton1 tenha seu Text alterado para o texto Adio, o controle radioButton2 tenha seu Text alterado para Subtrao, o controle radioButton3 tenha seu Text alterado para o texto Multiplicao e o controle radioButton4 tenha seu Text alterado para o texto Diviso. O outro controle um Button alterado para Calcular no canto inferior esquerdo.

C# Grficos - UNIP - Professor Ren

58

Visual C# - Boto de Rdio


Calculadora simples
Veja como ficou o formulrio:

C# Grficos - UNIP - Professor Ren

59

Visual C# - Boto de Rdio


Calculadora simples
Em relao ao terceiro controle TextBox (textBox3), sero feitas alteraes em suas propriedades. Properties Locket, altere para True. (no permite alterao) Properties TabStop, altere para False.(TAB inibida)

Vamos adicionar o cdigo no button1. Veja no proximo slide:

C# Grficos - UNIP - Professor Ren

60

Visual C# - Boto de Rdio


Calculadora simples

C# Grficos - UNIP - Professor Ren

61

Visual C# - Boto de Rdio


Calculadora simples veja os testes com os valores 5 e 4

C# Grficos - UNIP - Professor Ren

62

Visual C# - Boto de Rdio


Calculadora simples veja os testes com os valores 5 e 4

C# Grficos - UNIP - Professor Ren

63

Visual C# - Boto de Rdio


Abre um formulrio e acrescente este cdigo:

C# Grficos - UNIP - Professor Ren

64

Visual C# - Boto de Rdio


Resultado: (clique em Me Acione)

C# Grficos - UNIP - Professor Ren

65

Visual C# - Boto de Rdio

FIM DUVIDAS!

Vous aimerez peut-être aussi