Apostil ade programação visual netbeans

Embed Size (px)

DESCRIPTION

Programação JAVA com Netbeans

Text of Apostil ade programação visual netbeans

  • 1. 2013Robson de Lima CarvalhoCentro Paula Souza: ETECs Prof. Fausto Mazzola de Avar e Pref. Jos Esteves de Cerqueira Csar contato: robson.carvalho13@etec.sp.gov.brPublicado: 15/04/2013Apostila Programao Visual com Java e IDE Netbeans

2. SumrioCriando projetos e janelas .................................................................. 2Converso de tipos de dados ............................................................. 9Inserindo figuras/cones ................................................................... 12Renomeando componentes e adicionando legendas .................... 17Menu, itens de menu e navegao entre as janelas. ...................... 19Boto de Rdio e Grupo de Botes ................................................. 22Campo formatado e caixa de seleo .............................................. 27Obras Citadas .................................................................................... 34 3. 1Sobre o autor O professor Robson de Lima Carvalho atua na rea acadmica nas escolas tcnica de Prof. Fausto Mazzola de Avar e Prefeito Jos Esteves de Cerqueira Csar So Paulo. No ano de 2012 ministrou curso de Desenvolvedor de Sistemas pela IFSP de Avar Formao acadmica: Bacharel em Sistema de Informao formado pelo Centro Universitrio Central Paulista (UNICEP) So Carlos-SP; Especialista em Desenvolvimento de Sistema Web pela faculdade Anhanguera de Bauru-SP; Licenciado em informtica pelo Programa Especial de Formao Pedaggica de Docentes para as Disciplinas do Currculo da Educao Profissional de Nvel Mdio.Disciplinas Ministradas: Lgica de Programao (C e Javascript); Desenvolvimento de Software I e II (Com linguagem Java); Tcnicas de Linguagem de Banco de Dados I e II; Planejamento e Desenvolvimento de TCC; Estrutura de dados; Entre outras. 4. Criando projetos e janelasCriando um novo projeto: Para criar um novo projeto no Netbeans clique na aba Arquivo->Novo Projeto, Figura 1- Criando projeto.Figura 1- Criando projetoEm seguida aparecer a tela para escolha do tipo de projeto, Figura 2 - Escolha de Projeto, escolha Categoria->Java e Projetos->Aplicao Java para desenvolver sistemas para Desktop as outras categorias servem para outros tipos de projetos que nestas aulas no sero trabalhadas.Figura 2 - Escolha de Projeto 5. 3Prximo passo definir um nome para o projeto Figura 3 - Atribuir nome ao projeto, neste caso devemos colocar um nome sem acentuao e espaos em branco, normalmente a primeira letra do projeto maiscula. Obs. No inicio no vamos deixar selecionar a opo para Criar Classe Principal.Figura 3 - Atribuir nome ao projetoCriao de uma Janela (JFrame): Clique com boto direito em cima da xcara (Projeto criado) e selecione Novo->FormJFrame, Figura 4 - Criao de Janelas:Figura 4 - Criao de Janelas 6. Agora vamos definir um nome para Janela Figura 5 - Definindo o nome do JFrame no campo pacote, que no pode ficar vazio, temos que colocar dentro de um pacote, no caso vamos escrever janela que ser nossa pasta que ir possuir todos os JFrames/Janelas do sistema.Figura 5 - Definindo o nome do JFrameO programa criar uma nova janela Figura 6 - Nova Janela/JFrame para que possamos adicionar outros componentes visuais.Figura 6 - Nova Janela/JFrame 7. 5Figura 7 - Janela Paleta do NetbeansCom a criao da nova janela Figura 6 - Nova Janela/JFrame o programa abre numa aba do lado direito alguns componentes visuais da Figura 7 - Janela Paleta do Netbeans. Os componentes bsicos da paleta so: JFrame a classe do Swing do Java que responsvel por desenhar uma tela de um programa. (Java Free) JButton um componente para acionar aes dentro do programa, ou aes externas ao programa como salvar em um banco de dados ou salvar em um arquivo entre outros; (DEVMEDIA) JLabel um componente para a criao de formulrios onde necessria a insero de textos fixos ou imagens. (DEVMEDIA) JTextField um componente que recebe a insero dos dados pelo teclado. (DEVMEDIA) JPanel: O painel um componente utilizado para fazer subdivises na tela, ou para separar de forma organizada componentes dispostos na tela. (DEVMEDIA) 8. Vamos arrastar para a janela os componentes demonstrados abaixo Figura 8 - Inserindo componentes.Figura 8 - Inserindo componentesAgora vamos alterar os rtulos que aparecem na tela, para isso devemos selecionar o campo jLabel4, Figura 9 - Alterar aparncia dos componentes, e alterar o valor na aba propriedade escolha a propriedade text e deixe uma palavra ou frase para componentes tipos jLabel e para os Campos de Textos o texto normalmente fica vazio ou limpo, pois o usurio ir adicionar um contedo.Figura 9 - Alterar aparncia dos componentes 9. 7Com o componente selecionado d para alterar aparncia, texto e tamanho dele, abaixo segue uns dos principais atributos que podemos modificar: Background -> cor de fundo; Font-> Tipo de letra e tamanho; Foreground -> Cor da letra; horizontalAlignment -> Se o texto vai ficar no centro, esquerda ou direita icon -> colocar figura text -> O texto que vai aparecer na telaA tela/janela do aplicativo vai ficar parecido com a Figura 10 - Tela final do projeto. Para executar o Projeto pressione F6.Figura 10 - Tela final do projetoAgora vamos partir para criao do cdigo do boto Somar, para acionar o evento s dar dois cliques no boto somar, vai aparecer tela de codificao do projeto. Percorrer a tela e verificar onde o cursor est piscando para adicionar o cdigo abaixo Figura 11 - Cdigo boto somar: 10. Figura 11 - Cdigo boto somarObs.: Todo campo de texto gera ou recebe apenas tipos de dados String e para utilizar os tipos de dados diferentes, como int de Inteiro, nos temos que converter de String para Integer, ou outro tipo que veremos melhor no capitulo Converso de tiposAgora vamos adicionar um novo boto e adicionar alguns comandos para limpar os dados digitados Figura 12 - Cdigo boto Limpar.Figura 12 - Cdigo boto Limpar Importante: nomeComponente.getText( ); ->Esse comando pega um valor, ou retornar um valor, do componente;nomeComponente.setText( texto ) -> Esse comando passa um valor para o componente, altera o valor existente por um novo; 11. 9Converso de tipos de dadosAgora vamos criar um novo projeto Media (Sem acento, pois o nome do arquivo no pode ter acentuao), criar uma nova janela e desenhar a tela colocando os componentes para ficar como na Figura 13 - Tela projeto Mdia.Importante Criando um valor como double ou float (estes valores permitem usar nmeros decimais, ou seja, que possuem casas decimais, famoso nmero aps a vrgula) Estes nmeros possuem a notao americana, ou seja, os nmeros decimais so separados por ponto ( . ) no por vrgula ( , ).Figura 13 - Tela projeto Mdia 12. As figuras abaixo so do mesmo boto, porm em um mtodo nos usamos double Figura 14 - Cdigo boto calcular com double e no outro float Figura 15 - Cdigo boto calcular com float. Basicamente a diferena dos dois o tamanho de casas que cada um suporta, o double muito superior ao float. Porm como a inteno aqui mostra a funcionalidade, por isso, foi demonstrado usando os dois tipos.Figura 14 - Cdigo boto calcular com doubleFigura 15 - Cdigo boto calcular com floatO resultado est sendo mostrado num jLabel6 criado que fica embaixo do boto, mas que na Figura 13 - Tela projeto Mdia no ficou explicita devido ao valor do text que nulo no comeo do programa. 13. 11Novamente vamos adicionar um boto para limpar a tela dos valores antigos a codificao ficar Figura 16 - Cdigo boto limpar de Mdia.Figura 16 - Cdigo boto limpar de Mdia Exerccio1. Crie um novo projeto e uma nova janela conforme Figura 17 - Exerccio Reajuste Salarial o resultado final dever mostrar o nome do funcionrio e seu novo salrio.Figura 17 - Exerccio Reajuste Salarial 14. Inserindo figuras/conesCriar um projeto com o nome ProjetoIcone, tudo junto sem espao ou acentos e caracteres especiais, busque cones em sites especficos nos exemplos desta apostila utilizamos o site: http://www.iconfinder.com. Baixar cones com extenso png ou jpg, escolher o tamanho em pixel para os cones na barra superior direita. (Parece uma rgua o tamanho do cone que voc quer)Figura 18 - Site iconfinderPara buscar um cone digite no campo de busca Figura 18 - Site iconfinder e mude o tamanho dos pixels na rgua que aparece na tela Figura 19 - cone exit, depois s clicar em png, que a extenso do arquivo que voc deseja salvar.Figura 19 - cone exit 15. 13Figura 20 - Pasta do arquivoUma maneira de adicionar figuras em seu projeto irmos para pasta que baixamos o arquivo Figura 21 - Aba projetos com figura depois arrastar essa figura para um pacote do projeto Figura 21 - Aba projetos com figura.Figura 21 - Aba projetos com figura 16. Agora vamos adicionar um componente Boto/jButton na Janela, selecione o boto e v at propriedades campo icon Figura 22 - Propriedade do boto, clique nos trs pontinhos a direita do campo.Figura 22 - Propriedade do botoAgora s selecionar a imagem, primeiro selecione o pacote que a imagem pertence, depois procure nome do arquivo Figura 23 - Selecionando a imagem.Figura 23 - Selecionando a imagem 17. 15Com a imagem selecionada a figura aparece para voc verificar se ela mesmo que voc deseja adicionar no projeto Figura 24 - Imagem selecionadaFigura 24 - Imagem selecionadaO componente boto ir mudar o visual onde ira acrescentar a imagem que voc selecionou Figura 25 - Boto com figura.Figura 25 - Boto com figura 18. Exerccio2. Vamos calcular quanto gastamos com o consumo de combustvel de um determinado veiculo.Gasto = distancia * consumo * preoFigura 26 - Tela Exerccio 2 19. 17Renomeando componentes e adicionando legendasRenomear um componente necessrio para no se perder na notao padro, ou seja, tem um monte de campo de texto jTextField e voc precisa pegar o valor de um, mas qual aquele que tem o dado que voc quer? Ento precisamos dar nomes mais significativos para os componentes.Figura 27 - Renomear componentePara renomear o componente primeiramente precisamos clicar com o boto direi