Tutorial - Cadastro de Funcionário Bilíngüe

Veja o Vídeo do Tutorial

Olá neste tutorial estaremos desenvolvendo um programa de Cadastro de Funcionário Bilíngüe.

O que vem ser Bilíngüe?

Alguém que fale duas línguas, no caso é o programa.

Então para desenvolvemos esse programa precisamos criar um novo projeto em c# chamado ProgramaBilingue

Como na imagem:

Neste tutorial não estaremos utilizando nenhum banco de dados porque a idéia neste tutorial é um programa bilíngüe.

Insira quatro labels chamados de

label1 para lbCodigo recebe nome de Código

label2 para lbNome recebe nome de Nome

label3 para lbFuncao recebe nome de Função

label4 para lbTradutor recebe nome de Tradutor

Três Textbox e uma ComboBox chamados de

textBox1 para txCodigo   

textBox2 para txNome

textBox3 para txFuncao

comboBox1 para cbTradutor

Quatro Botões chamados de

button1 para btnTradutor recebe nome de Traduzir

button2 para btnCadastro recebe nome de Cadastrar

button3 para btnSair recebe nome de Sair

button4 para btnLimpar recebe nome de Limpar

Fica uma sugestão para o Design do Formulário como na imagem:

Feito a parte de Design vamos inserir no campo cbTradutor os idiomas suportado pelo programa que são:

Primeiro selecione o cbTradutor vai em propriedade em items e clique no botão ao lado (...)

Deixe a primeira linha vazia

Adicione os idiomas abaixo:

English

Português

Clique em OK

Como na imagem abaixo:

No campo cbTradutor mude a propriedade DropDownStyle para DropDownList com isso o usuário não poderá escreve dentro da cbTradutor.

Agora criaremos um método que ficara responsável por limpar os nomes das labels e os botões clique F7 para ir ao Código do programa feito isso em baixo da chave de fechadura do método Form1() digite o método abaixo que esta com a cor de fundo laranja:

Feito isso volte ao Design ou clique em F7.

Clique duas vezes no botão Traduzir(btnTradutor)

E insira o Código abaixo:

Como podem observar essas instruções serão capazes de traduzir um programa para Inglês é Português.

Agora vamos inserir as instruções no campo btnSair clique duas vezes e digite

Close(); //Sair da Aplicação

Para o botão btnLimpar clique duas vezes sobre ele e digite as instruções abaixo:

txCodigo.Clear();

txFuncao.Clear();

txNome.Clear();

cbTradutor.Text = "";

Com isso todas as Textbox serão limpas e a ComboBox também.

E por último clique duas vezes sobre o botão cadastrar e insirar o código abaixo:

Visualizar

Tela de Splash em C#

O que vem ser uma Tela de Splash?


      É uma tela inicial uma imagem que aparece enquanto um programa de computador está a carregar. Também pode ser usado para descrever uma página de introdução em um website. Tela de Splash, normalmente  não cobrem toda a tela, mas apenas um retângulo perto do centro.
Fonte: Wikipedia


Nesse tutorial estaremos criando nossa Tela de Splash.
Entre no Visual Studio > File > New > Project
No name coloque TelaSplash e OK.
Como na imagem abaixo:

É gerado um formulário chamado form1.cs

Este formulário será o segundo a ser aberto (Form1.cs). Porque o Próximo será a nossa tela de Splash (Tela Inicial)

Então para isso precisamos adicionar outro Windows Form.

Em Solution Explorer clique com o botão direito em TelaSplash > Add> Windows Form.

Como na imagem:

Dê o nome de TelaSplash.cs e OK

Como na imagem:

Agora precisamos inserir a nossa imagem de fundo para isso clique no formulário e vá para suas propriedades procure pela BackgroundImage e clique no botão do lado e insira a foto.

Clique em import e procure pela sua imagem de preferência e clique em OK

Como na imagem:

Feito isso mude as propriedades abaixo:

- BackgroundImageLayout para Stretch.

- FormBorderStyle para None

- ShowinTaskbar para false

- Size para o tamanho que você preferir.

- StarPosition para CenterScreen.

Como na imagem:

Agora precisamos inserir uma ProgressBar ele ficara responsável por carregar o Sistema então arraste para o formulário.

Clique em ToolBox > Common Controls > ProgressBar e arraste para o formulário seu formulário ficara assim:

Aproveita para aumentar e/ou diminuir seu ProgressBar, a sua altura enfim você pode personalizar ele.

Mude as propriedades do ProgressBar a seguir:

- MarqueeAnimationSpeed para 1000

- Style para Contínuos.

Arraste para o formulário o campo Timer

Clique sobre ele e mude as propriedades

- Enable para True

- Interval para 32

Clique duas vezes no campo timer1 é gerado um evento:

Como na imagem:

Insira o código a seguir dentro das chaves:

Agora iremos fazer o evento fade in, aquele efeito de opacidade (O formulário inicia com uma opacidade baixa e vai aumentando ate ficar sem transparência).

Volte para o Design do formulário clique duas vezes sobre ele é gerado um evento Load:

Insira o Código a seguir:

A sua tela de Splash está pronta. Agora precisamos informar ao form1.cs que ela ira aparecer primeiro do que ele.

Volte para o form1.cs e clique F7 para ir ao Código.

Importe esta classe

using System.Threading;

e insira o Código abaixo:

no Form1()

    Thread t = new Thread(new ThreadStart(SplashScreen));

            t.Start();

            Thread.Sleep(5000);

            InitializeComponent();

            t.Abort();

        }

           

       //Criar o método SplashCreen

        public void SplashScreen()

        {

            Application.Run(new frmTela());

        }

Como segue a imagem:

Pronto! Sua tela de Splash estará funcionando perfeitamente aperte F5 e execute

Até Logo,

By Natanael.

Comente este Post!

A seguir o vídeo mostrando o programa sendo executado.

Visualizar

Colocando ícone no Formulário C#

Colocando ícone no Formulário.

Para isso iremos criar um novo projeto chamado Ícones.

Entre no menu File> New > Project

Na label name digite : Ícones

Clique em OK.

É gerado um formulário chamado form1.

Clique com o botão direito sobre o formulário e clique em propriedade.

Procure pelo nome icon.

Feito isso clique no botão ao lado.

Vai para o caminho do ícone e quando achar clique em abrir.

Pronto o seu formulário tem um ícone personalizado.

Até a Próxima Galera!

By: Natanael Santos

Visualizar

Tutorial - Sistema para Cadastro de Cliente e Tela de Login com acesso ao Banco de dados SQL Server Final

Tutorial Final– Codificando o formulário Cadastro de Cliente e algumas correções.

Com o formulário aberto mude a

propriedade Size para 542; 447 e

StartPostion para CenterScreen

Agora iremos adicionar um ícone para o nosso formulário.

Clique no botão do lado da da propriedade icon:

Como na imagem

Escolha o arquivo e clique em abrir

 

Pronto o seu formulário tem um ícone. Aproveite agora para fazer no frmLogin(Tela de Login).

Agora estaremos movendo o picturebox, panel as labels e textboxs cada uma.

Vamos adicionar primeiro uma PictureBox há coloque um pouco abaixo do canto superior e que ocupar a largura inteira.

Propriedade Size: 530; 66

Location: 0; 38

Coloque sua imagem de preferência como na imagem:

Agora precisamos inserir um panel para organizar as labels e textboxs:

Arraste para o formulário

Mude a propriedade Size para: 529; 275

Location para: 0; 110

Como na imagem:

 

Agora o c# disponibilizar para nos programadores uma maneira de pegar a textbox do banco de dados e arrastar para o formulário junto com sua label e junto o código.

Funcionar assim.

O C# identificar qual campo do banco de dados ele vai ser. Como assim?

Exemplo no nosso banco de dados existe o campo nome então o C# mostrar que ele pode ser uma textbox e caso não for podemos modificá-lo.

Clique para aparecer Data Sources e clique F7 para ir ao Design, caso estejam não e necessário sair.

 

Como na Imagem:

 

 

Atenção agora vem à parte mais fácil do programa que é arrasta os campos e deixá-los alinhados. Preste atenção em alguns detalhes.

Antes de tudo precisamos configurar o campo codigo para ser auto incremento. O que é isso?

Por exemplo, quando fomos adicionar um registro o campo código o programa digita o número do código automático.

Então clique embaixo da data Sources no ícone Edit Dataset with Designer como segue a imagem:

Feito isso clique no campo codigo e nas suas propriedades ative a propriedade AutoIncrement para True isso ira incrementar o campo código. Agora salve. (CTRL+S):

Como segue a imagem: 

 

Voltamos para o formulário Cadastro de Cliente.

Arraste o campo codigo para o nosso formulário. Coloque-o na panel no canto superior esquerdo. 
Como na imagem:

Observe que ele também incluiu o menu de atalho com as funções.

Voltar para o primeiro

Voltar

Mostrar o numero do cadastro atual

Mostrar o total de cadastro

Primeiro

Ir para o ultimo

Adicionar

Excluir

Salvar

Bela ajuda do C#!

Agora clique apenas no campo codigo e depois nas suas propriedades mude a propriedade text para Código:

Como na imagem:

Faça isso também para o Nome.

Agora para o campo CPF iremos inserir Mascaras.

Para isso precisamos mudar o campo cpf que esta textbox para MaskedTextBox.

Para fazer isso abra a data Sources>bdcdcDataSet>tbCliente>CPF clique em Customize.

Clique na seta com o sentido para baixo e clique em Customize. Como segue a imagem:

 

Feito isso escolha o MaskedTextBox e aperte OK.

 

Agora selecione o MaskedTextBox. Como na imagem:

Observe que agora mudou a figura do lado. Para “#_” Agora ela esta como MaskedTextBox

E observe também a figura do campo estado esta como uma lista agora ela é uma ComboBox

OK agora precisamos inserir a mascara no campo cpf.

Arraste o campo cpf para o formulário. Clique apenas na MaskedTexBox em cima aparecera um seta para o lado direito clique nela e em Set Mask ou propriedades e procure pelo nome mask e clique no botão do lado.

 

Observe que existe vária mascaras pré-definidas. Mas não existe a do CPF então precisamos inserir a do CPF.

Clique em<Custom>

Na label Mask: Digite a mascara: 000,000,000-00.

Observe que foi colocada a vírgula invés de ponto. Assim ele Le o ponto.

Na label Preview: é informado como o label ficara no formulário.

E aperte OK.  

 Veja como ficou a mascara na propriedade e no formulário

 

Observe que a o campo mudou e a propriedade Mask também.

Coloque mascaras também no telefone: (00)0000-0000

Quando chegar ao campo estado que te comboBox precisamos inserir as siglas dos Estados e a Distrito Federal.

Para isso clique no campo estado e na seta clique em Edit Items ou procure nas propriedades o items e clique no botão do lado.

 

Procure as siglas dos estados do Brasil.

Lembre-se de deixar a Primeira linha vazia.

Agora precisamos inserir uma imagem no canto inferior do lado direito.

Então insira uma PictureBox e adicione uma imagem.

Como no exemplo:

 

Clique no campo código e na propriedade RewadOnly coloque True com isso o Usuário não poderá digitar no campo.

Veja o video do Sistema:

Termina agora o meu primeiro tutorial no site nstutoriais, espero que as maiorias das pessoas gostem, pois foi feito com muita dedicação.

Links para o Tutorial Sistema para Cadastro de Cliente e Tela de Login com acesso ao Banco de dados SQL Server

Tutorial - Criando o Banco de Dados Parte 1  

Tutorial - Criando a Tela de Login Parte 2
 
Tutorial - Conectando com o Banco de Dados SQL Server Parte 3
 
Tutorial - Codificando o formulário frmLogin(Tela de Login) Parte 4
 

Abraços.

Natanael.

Visualizar

Tutorial - Sistema para Cadastro de Cliente e Tela de Login com acesso ao Banco de dados SQL Server Parte 4

Tutorial IV – Codificando o formulário frmLogin(Tela de Login)

Seguindo com o nosso projeto,

Modifique os nomes(name) da
textbox1 para txUsuario,
textbox2 para txSenha,
Button 1 para btnSair,
Button2 para btnConectar.

Agora você deve esta se perguntando como e que eu faço isso?

Primeiro você clicar no campo depois no botão direito em propriedade e procurar pela propriedade Name, então você apagar o que estava escrito no campo e renomei os campos e aperte Enter.
Pronto os campos estão renomeado.

Obs. E importante deixa os nomes dos campos como foi solicitado porque senão pode da erro. Um dos erros é que eles não vão encontrar os campos e, portanto o projeto vai ter falha.
E atenção o C# diferencia maiúscula de minúscula, portanto conectar e diferente de CONECTAR.

Agora temos que pegar a nossa string de conexão. O que é isso?

Esse é o endereço do banco de dados é onde o programa ser conectar é a base, o centro das operações do programa.

Para isso teremos que visualizar o Show Data Source ser não tiver aparecendo vai para o menu data> Show Data Sources ou clique Shift+Alt +D.
Clique em Configure DataSet with Wizard

Aperte Previous e aperte no botao mais,  copie a string de conexão.

Agora precisamos inserir os códigos nos botões para eles fazerem alguma coisa!

Clique duas vezes no botão Sair é gerado um código.

Copie o Código que ira fechar o formulário

Close(); //Este Método Fechar a Aplicação.

Agora precisamos importar Duas Classes a Primeira e a Classe Sql


contém classes que suportam funcionalidades específicas do servidor SQL.

a Segunda é a SqlClient
descreve uma coleção de classes usadas para acessar um banco de dados SQL Server


Declare ela como na figura abaixo

Agora voltamos para o Design do formulário frmLogin ou clique F7.
E aperte duas vezes no botão Conectar e implemente o código:

1º Bloco de Instruções:

Declarar a string de conexão.

2º Bloco de Instruções:

Representa uma conexão aberta para um banco de dados SQL Server

3º Bloco de Instruções:

Testa a conexão caso a conexão seja estabelecida é aberta.

Se não e gerado uma mensagem contendo o erro.

 4º Bloco de Instruções:

Criar duas variaveis para receber usuario e a senha

5º Bloco de Instruções:

Executar uma consulta no banco de dados

6º Bloco de Instruções:

Fornece uma maneira de ler um fluxo das linhas de uma base de dados SQL Server

7º Bloco de Instruções:

Testa a validade das informações inserida pelo usuário.

Caso o usuario e/ou senha estejam corretos é aberto o formulário Cliente

8º Bloco de Instruções:

Caso o usuario e/ou senha estejam incorreto e gerado uma mensagem de erro.

Termina agora o Quarto Tutorial. No próximo tutorial estaremos criando a tela de cadastro de cliente e codificando-la.

Links para o Tutorial Sistema para Cadastro de Cliente e Tela de Login com acesso ao Banco de dados SQL Server

Tutorial - Criando o Banco de Dados Parte 1  

Tutorial - Criando a Tela de Login Parte 2
 
Tutorial - Conectando com o Banco de Dados SQL Server Parte 3 

Tutorial - Codificando o formulário frmCliente(Cadastro de Cliente) Final  

Até Logo,

By: Natanael.

Visualizar