16
Desenvolvendo Máscaras de entrada Um dos recursos muito interessantes no desenvolvimento de aplicativos para desktop é a possibilidade de colocar uma máscara de entrada em uma determinada caixa para que essa venha a ter os locais certos para preenchimento, evitando assim possíveis erros no preenchimento de um formulário. Essa forma de trabalho é muito comum em entradas de CEP, TELEFONE, FAX, CELULAR e ESTADO (isso quando esse não se encontra em uma lista). O Objetivo dessa parte do tutorial é ensiná-lo como fazer um aplicativo simples usando a plataforma Eclipse, junto com seu plug-in Visual Editor a desenvolver máscaras de entrada. Criando o projeto O Eclipse usado aqui na elaboração desse tutorial é o 3.1. Vá ao menu File em New clique em Project. Na caixa de diálogo selecione o item Java Project e clique em Next. Na etapa seguinte, digite em Project Name o nome do projeto que desejar. No caso coloquei TrabComMascaras. Clique no botão Finish para terminar. Integrator Technology And Design 1 www.integrator.com.br [email protected]

M_scara de Entrada Com Eclipse

Embed Size (px)

Citation preview

Page 1: M_scara de Entrada Com Eclipse

Desenvolvendo Máscaras de entrada Um dos recursos muito interessantes no desenvolvimento de aplicativos para desktop é a possibilidade de colocar uma máscara de entrada em uma determinada caixa para que essa venha a ter os locais certos para preenchimento, evitando assim possíveis erros no preenchimento de um formulário. Essa forma de trabalho é muito comum em entradas de CEP, TELEFONE, FAX, CELULAR e ESTADO (isso quando esse não se encontra em uma lista). O Objetivo dessa parte do tutorial é ensiná-lo como fazer um aplicativo simples usando a plataforma Eclipse, junto com seu plug-in Visual Editor a desenvolver máscaras de entrada.

Criando o projeto O Eclipse usado aqui na elaboração desse tutorial é o 3.1. Vá ao menu File em New clique em Project. Na caixa de diálogo selecione o item Java Project e clique em Next.

Na etapa seguinte, digite em Project Name o nome do projeto que desejar. No caso coloquei TrabComMascaras. Clique no botão Finish para terminar.

Integrator Technology And Design 1 [email protected]

Page 2: M_scara de Entrada Com Eclipse

Na view Package Explorer, mantenha o projeto recém criado selecionado e no menu File novamente, em New clique no item Package. Coloque o nome desejado no pacote e clique em Finish.

Integrator Technology And Design 2 [email protected]

Page 3: M_scara de Entrada Com Eclipse

Com o pacote selecionado, clique novamente no menu File, selecione New e clique em Other. Na caixa de diálogo New selecione o item Visual Class expandindo Java. Clique no botão Next para prosseguir.

Integrator Technology And Design 3 [email protected]

Page 4: M_scara de Entrada Com Eclipse

Na próxima etapa do assistente, digite em Name o nome que deseja dar a classe do seu aplicativo. No meu caso coloquei Aplicativo. Na lateral esquerda, no item Style, expanda Swing e selecione o item Application. Verifique se o pacote criado anteriormente está sendo mostrado em Package. Se não estiver, clique no botão Browse e selecione-o. Clique no botão Finish para concluir o assistente.

Integrator Technology And Design 4 [email protected]

Page 5: M_scara de Entrada Com Eclipse

Visualize a view Java Beans se selecione o componente jContentPane ou simplesmente clique no centro do seu aplicativo visual.

Integrator Technology And Design 5 [email protected]

Page 6: M_scara de Entrada Com Eclipse

Na view Properties selecione a propriedade layout e a altere para null.

Na Palette selecione o componente JLabel e clique sobre o aplicativo. Na caixa de diálogo digite lEstado e confirme no OK.

Integrator Technology And Design 6 [email protected]

Page 7: M_scara de Entrada Com Eclipse

Dê um clique apenas sobre o componente criado no seu aplicativo e digite Estado:. Para confirmar, tecle ENTER.

Adicione agora mais 2 JLabel’s e chame-os de lTelefone e lCep respectivamente. Faça depois o mesmo procedimento do lEstado e coloque o rótulo Telefone e CEP, ficando sua aparência conforme imagem mostrada a seguir:

Na Palette clique em Choose Bean.

Integrator Technology And Design 7 [email protected]

Page 8: M_scara de Entrada Com Eclipse

Na caixa de diálogo Choose a Bean na caixa de entrada Select a type to open... comece digitando JFor que logo aparecerá o resultado em Matching types. Selecione o item resultante JFormattedTextField e clique no botão OK para confirmar:

Coloque ao lado do rótulo Estado e digite em seu nome tfEstado.

Integrator Technology And Design 8 [email protected]

Page 9: M_scara de Entrada Com Eclipse

Proceda fazendo o mesmo para os restantes dando em seus nomes tfTelefone e tfCep respectivamente. Ajuste suas larguras e posicionamentos de forma similar ao mostrado na imagem a seguir (se desejar):

Indo até o Source, crie o método mostrado a seguir: private MaskFormatter setMascara(String mascara){ } Você notará que a palavra MaskFormatter surgirá com um sublinhado vermelho abaixo. Vá até a lateral esquerda onde aparece uma lâmpada e dê um clique.

Integrator Technology And Design 9 [email protected]

Page 10: M_scara de Entrada Com Eclipse

Ao surgir uma pequena caixa de seleção, dê um duplo clique sobre o item Import 'MaskFormatter' (javax.swing.text).

Complete o código mostrado a seguir em destaque: private MaskFormatter setMascara(String mascara){ MaskFormatter mask = null; try { mask = new MaskFormatter(mascara); mask.setPlaceholderCharacter('_'); } catch (java.text.ParseException exc) { } return mask; } Volte selecione o componente tfEstado e altere em seu código como mostrado em destaque a seguir: private JFormattedTextField getTfEstado( ) { if (tfEstado == null) { tfEstado = new JFormattedTextField(setMascara("UU")); tfEstado.setBounds(new java.awt.Rectangle(80,22,43,20)); } return tfEstado; }

Integrator Technology And Design 10 [email protected]

Page 11: M_scara de Entrada Com Eclipse

Selecione o componente tfTelefone e altere o seu código como mostrado em destaque a seguir: private JFormattedTextField getTfTelefone() { if (tfTelefone == null) { tfTelefone = new JFormattedTextField(setMascara("(##)####-####")); tfTelefone.setBounds(new java.awt.Rectangle(80,55,138,20)); } return tfTelefone; } E em tfCep, altere também como mostrado a seguir: private JFormattedTextField getTfCep() { if (tfCep == null) { tfCep = new JFormattedTextField(setMascara("#####-###")); tfCep.setBounds(new java.awt.Rectangle(80,85,105,20)); } return tfCep; } A classe MaskFormatter é usada para formatar e editar Strings. O comportamento da classe MaskFormatter é controlado por um tipo de máscara de String que especifica os caracteres válidos que podem ser digitados naquele campo. A seguir você tem uma tabela com os tipos de caracteres que podem ser especificados.

Caractere Descrição

# Qualquer número válido, usa Character.isDigit.

' Caractere de escape, usado para o escape de qualquer caractere de formato especial.

U Qualquer caractere(Character.isLetter). Todas as letras minúsculas são transformadas em maiúsculas.

L Qualquer caractere(Character.isLetter). Todas as letras são transformadas para minúsculas.

A Qualquer caractere ou número (Character.isLetter ou Character.isDigit).

? Qualquer caractere.

* Qualquer coisa.

H Qualquer caractere hexadecimal (0-9, a-f ou A-F). O que você viu foi o uso da classe para trabalhar com a máscara de uma entrada de CEP.

Integrator Technology And Design 11 [email protected]

Page 12: M_scara de Entrada Com Eclipse

O objeto MaskFormatter deve ser criado dentro de um bloco try{ }, fora dele o código não compila. Com isso, no trecho a seguir você define, por exemplo como seria a entrada do dados: mask = new MaskFormatter("#####-###"); E com o método setPlaceholderCharacter você define qual seria o caractere que seria mostrado ao usuário na hora de preencher o formulário: mask.setPlaceholderCharacter('_'); Ao usar o método setMascara você possibilitou de colocar a máscara desejada em cada caixa de entrada conforme a necessidade. Rode o aplicativo e veja como ele se comporta:

Integrator Technology And Design 12 [email protected]

Page 13: M_scara de Entrada Com Eclipse

Comprar

Dominando Eclipse: Tudo que o Desenvolvedor Java Precisa para Criar Aplicativos p/Desktop Autor: Edson Gonçalves ISBN 8573934867 334 páginas – 1.ª edição – 2006 – Editora Ciência Moderna Resumo: Esta obra apresenta as principais características da plataforma de desenvolvimento Eclipse, utilizando a linguagem Java, voltada para aplicações desktop; desde os conceitos básicos, incluindo instalações nas plataformas Linux e Windows, até o desenvolvimento de sofisticadas aplicações com geração de relatórios e acesso a banco de dados. O texto aborda conceitos básicos da linguagem Java e SQL, voltado para desenvolvedores iniciantes. § Aprenda a desenvolver aplicativos em Java Swing, desde a utilização dos seus componentes mais simples até a utilização dos mais sofisticados layouts. § Conheça o Java SWT, a linguagem que está revolucionando o desenvolvimento para desktops. § Crie aplicações rapidamente utilizando o Visual Editor, o plug-in mais utilizado para o desenvolvimento de aplicações visuais no estilo WYSIWYG para desktop na plataforma Eclipse. § Desenvolva uma agenda completa, tanto em Swing como em SWT, utilizando passo-a-passo o Visual Editor, com acesso a banco de dados MySQL. § Depure seus programas rapidamente usando o poderoso depurador da IDE. § Construa poderosos relatórios utilizando a biblioteca JasperReports, com uma abordagem inédita da utilização do plug-in JasperAssistant. § E mais, os principais assuntos do livro abordados em vídeos, incluso no CD, mostrando do desenvolvimento básico à distribuição do seu aplicativo.

Sumário: Capítulo 1 – O que é Java? Capítulo 2 – Instalando o Eclipse Capítulo 3 – Conhecendo o Eclipse Capítulo 4 – Criando seu primeiro projeto Capítulo 5 – Aprendendo um pouco sobre Java Capítulo 6 – Conhecendo a interface do Eclipse Capítulo 7 – Trabalhando com o Editor Visual do Eclipse Capítulo 8 – Trabalhando com layouts Capítulo 9 – Trabalhando com componentes Capítulo 10 – Criando interfaces gráficas com SWT no Visual Editor Capítulo 11 – Conectando seus programas a um banco de dados Capítulo 12 – Programando um aplicativo mais complexo Capítulo 13 – A agenda em SWT Capítulo 14 – Depurando seu código Capítulo 15 – Desenvolvendo relatórios para seus aplicativos Apêndice A: O que é MySQL Apêndice B: Referências dos controles do SWT

Integrator Technology And Design 13 [email protected]

Page 14: M_scara de Entrada Com Eclipse

Comprar

Dominando o BORLAND JBUILDER X Autor: Edson Gonçalves ISBN 8573934360 288 páginas – 1.ª edição – 2005 – Editora Ciência Moderna Dominando JBuilder X Resumo: Este livro apresenta um amplo panorama no desenvolvimento de programas utilizando a linguagem Java no programa JBuilder X, passando do desenvolvimento de aplicativos básicos à elaboração de programas mais sofisticados com a utilização de bancos de dados. O leitor aprenderá a utilizar componentes Java Swing dos mais diversos tipos, a desenvolver tanto layouts como eventos em seus aplicativos, e a utilizar o banco de dados MySQL e se desenvolver na linguagem SQL. Descobrirá ainda como os componentes do JBuilder, no desenvolvimento com bancos de dados ou arquivos de texto, podem facilitar o seu trabalho na criação de aplicativos. Desenvolva uma agenda com acesso a um arquivo de texto para armazenar dados simples e distribuir seu aplicativo no sistema operacional desejado. Crie páginas dinâmicas em Java utilizando Servlets e JSP, conectando ao banco de dados MySQL e utilizando Java Beans. Esse livro aborda conceitos básicos de Java para desenvolvedores iniciantes que desejam ingressar nessa fascinante linguagem. Sumário: Capítulo 1 – O que é Java Capítulo 2 – Fundamentos de Java Capítulo 3 – O que é o JBuilder Capítulo 4 – Desenhando no JBuilder Capítulo 5 – Trabalhando com layouts Capítulo 6 – Trabalhando com componentes Capítulo 7 – Trabalhando com outros componentes swing Capítulo 8 – Caixas de verificação e botões de rádio Capítulo 9 – Caixas de combinação Capítulo 10 – Criando um editor de texto mais complexo Capítulo 11 – Trabalhando com componentes do JBuilder Capítulo 12 – Trabalhando com banco de dados Capítulo 13 – Conectando seu programa Java a um banco de dados Capítulo 14 – Desenvolvendo um aplicativo mais complexo Capítulo 15 – Desenvolvendo Web com Servlets e JSP Capítulo 16 – Criando um Servlet com acesso a dados Capítulo 17 – Criando JSP com InternetBeans Express Apêndice: A – Uma introdução à linguagem HTML Apêndice B – Instalando o banco de dados

Integrator Technology And Design 14 [email protected]

Page 15: M_scara de Entrada Com Eclipse

Em breve nas melhores Livrarias Conheça a IDE NetBeans aproveitando ao máximo sua capacidade de desenvolvimento tanto de aplicativos como para desenvolvimento Web. Desenvolva aplicativos complexos utilizando a IDE, criando desde layouts avançados até a geração de códigos com a ajuda do programa.

Crie máscaras em campos facilmente, internacionalize seus aplicativos, acesse banco de dados tanto em desktop como em aplicações Web.

Integrator Technology And Design 15 www.integrator.com.br

[email protected]

Page 16: M_scara de Entrada Com Eclipse

Crie uma agenda completa com acesso a banco de dados utilizando completamente a IDE.

Desenvolva com JavaServer Pages, Servlets, Struts, JSTL e JavaServer Faces com a IDE, uma abordagem totalmente completa, com acesso a banco de dados e internacionalização do site.

Depure seus programas de forma eficiente.

Integrator Technology And Design 16 [email protected]