Upload
regiano-andrade
View
22
Download
0
Tags:
Embed Size (px)
Citation preview
Visual C#
Modo Grfico
C# Grficos - UNIP - Professor Ren 1
Visual C# - Modo Grfico
A partir do conhecimento dos passos anteriores,
possvel agora iniciar o aprendizado do modo grfico.
C# Grficos - UNIP - Professor Ren 2
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 3
Visual C# - Modo Grfico
Em seguida selecione o boto Toolbar (barra de
ferramentas) e posicione a ferramenta Toolbar.
C# Grficos - UNIP - Professor Ren 4
Visual C# - Modo Grfico
C# Grficos - UNIP - Professor Ren 5
Visual C# - Modo Grfico
C# Grficos - UNIP - Professor Ren 6
Visual C# - Modo Grfico
Selecione a guia All Windows Forms na
ferramenta Toolbox. Selecione na lista o controle
TextBox.
C# Grficos - UNIP - Professor Ren 7
Visual C# - Modo Grfico
Coloque tambm um controle Button abaixo do
controle TextBox, como mostrado na figura a
seguir:
C# Grficos - UNIP - Professor Ren 8
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 9
Visual C# - Modo Grfico
C# Grficos - UNIP - Professor Ren 10
Para verificar essa
ocorrncia, selecione
o comando de menu
Debug, a opo Start
Debugging.
Ou acione a tecla F5
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 11
Visual C# - Modo Grfico
D um duplo clique
no controle button1,
surgir a janela de
cdigo do programa.
C# Grficos - UNIP - Professor Ren 12
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 13
Visual C# - Modo Grfico
Nesse momento escreva um nome na campo text1 e d um clique no boto button1.
C# Grficos - UNIP - Professor Ren 14
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 15
Visual C# - Modo Grfico
Selecione na ferramenta Toolbox o componente
Label e insira no formulrio:
C# Grficos - UNIP - Professor Ren 16
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 17
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 18
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 19
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 20
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 21
Visual C# - Modo Grfico
private void button1_Click(object sender, EventArgs e)
{label3.Text = textBox1Text + + textBox2.Text; }
C# Grficos - UNIP - Professor Ren 22
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 23
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 24
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 25
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 : e Entre um valor para :.
Para o controle Button altere seu texto para Processar.
Veja a figura no formulrio a seguir:
C# Grficos - UNIP - Professor Ren 26
Visual C# - Caixa de Mensagem
Figura no formulrio
C# Grficos - UNIP - Professor Ren 27
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 28
Visual C# - Caixa de Mensagem
Como fica o cdigo?
C# Grficos - UNIP - Professor Ren 29
Visual C# - Caixa de Mensagem
Se forem fornecidos os valores 4 e 5, o resultado
apresentar 2:
C# Grficos - UNIP - Professor Ren 30
Visual C# - Caixa de Mensagem
Se forem fornecidos os valores 5 e 7, o resultado
apresentar 17:
C# Grficos - UNIP - Professor Ren 31
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 32
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 33
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 34
Visual C# - Caixa de Mensagem
C# Grficos - UNIP - Professor Ren 35
Tipo de Boto Constante
Apresenta o Boto OK, por
padro quando este valor
omitido
MessageBoxButtons. OK
Mostra os botes OK e Cancelar MessageBoxButtons. OK Cancel
Apresenta os botes Anular,
Repetir e Ignorar
MessageBoxButtons.AbortRetryIgnore
Exibe os botes Sim e No. MessageBoxButtons. Yes No
Indica os botes Repetir e
Cancelar
MessageBoxButtons. Retry Cancel
Apresenta o cone de
advertncia. O desenho de um X
branco dentro de um circulo
vermelho.
MessageBoxIcon.Error
MessageBoxIcon.Hand
MessageBoxIcon.Stop
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 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, "Titulo", MessageBoxButtons.OKCancel ); }
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.AbortRetryIgnore ); }
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, "Titulo", MessageBoxButtons.YesNoCancel ); }
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.YesNo); }
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.RetryCancel); }
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.OK, MessageBoxIcon.Error); }
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.Question); }
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.Warning); }
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.Information); }
C# Grficos - UNIP - Professor Ren 45
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 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:
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 47
Visual C# - Caixa de Mensagem O resultado para esta situao.
C# Grficos - UNIP - Professor Ren 48
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 49
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 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 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 53
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 54
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 55
Visual C# - Boto de Rdio Veja o formulrio a seguir:
C# Grficos - UNIP - Professor Ren 56
Visual C# - Boto de Rdio Calculadora simples
No formulrio ser usado um controlador novo,
denominado RaioButton.
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 57
Visual C# - Boto de Rdio Calculadora simples
Veja como ficou o formulrio:
C# Grficos - UNIP - Professor Ren 58
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 59
Visual C# - Boto de Rdio Calculadora simples
C# Grficos - UNIP - Professor Ren 60
Visual C# - Boto de Rdio
Calculadora simples veja os testes com os valores 5 e 4
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
Abre um formulrio e acrescente este cdigo:
C# Grficos - UNIP - Professor Ren 63
Visual C# - Boto de Rdio
Resultado: (clique em Me Acione)
C# Grficos - UNIP - Professor Ren 64
Visual C# - Boto de Rdio
FIM
DUVIDAS!
C# Grficos - UNIP - Professor Ren 65