Criando Uma GUI Swing No NetBeans IDE - Tutorial

  • View
    90

  • Download
    0

Embed Size (px)

Transcript

14/05/2011

Criando uma GUI Swing no NetBeans I

Search: Choose page language English Japanese Russian Simplified Chinese HOME / Docs & Support / NetBeans IDE 6.7 / Basic Java Programming

Criando uma GUI Swing no NetBeans IDE

Baixe quickstart-gui.zip como um arquivo zip de leitura offline Esse tutorial o conduzir no processo de criao da interface grfica do usurio (GUI) de uma aplicao denominada ContactEditor por meio do Construtor de GUIs do NetBeans IDE. No processo, voc far o layout de uma GUI inicial que possibilita exibir e editar informaes de contato dos indivduos includos em um banco de dados de funcionrios. Nesse tutorial, voc aprender a: Usar a interface do Construtor de GUI Criar um continer de GUIs Adicionar componentes Redimensionar componentes Alinhar componentes Ajustar a ancoragem dos componentes Definir o comportamento de redimensionamento automtico dos componentes Editar as propriedades dos componentes Esse tutorial demora aproximadamente 30 minutos para ser concludo. cone for mostrado, voc poder clicar para visualizar uma Observao: sempre que o demonstrao interativa detalhada da funcionalidade do Construtor de GUIs. Para concluir este tutorial, voc precisa dos seguintes recursos e softwares. Software ou recurso NetBeans IDE Java Development Kit (JDK) Verso necessria verso 6.5, 6.1 ou 6.0 verso 6 ou verso 5

Guia de introduoO Construtor de GUIs do IDE torna possvel construir GUIs de aparncia profissional sem um conhecimento profundo dos gerenciadores de layout. Voc pode criar formulrios, simplesmente colocando componentes onde desejar. Para obter descries sobre os comentrios visuais do Construtor de GUIs, voc pode usar a Legenda de comentrios visuais do Construtor de GUIs.

Criando um projetonetbeans.org//quickstart-gui_pt_BR.h

Como todo o desenvolvimento em Java no IDE ocorre dentro dos projetos, precisamos

1/21

14/05/2011

Como todo o desenvolvimento em Java no IDE ocorre dentro dos projetos, precisamos primeiro criar um projeto ContactEditor para armazenar as fontes e outros arquivos do projeto. Um projeto do IDE um grupo de arquivos de Cdigos-fonte Java e metadados associados que inclui arquivos de propriedades especficos do projeto, um script de construo Ant que controla as configuraes de construo e execuo e um arquivo project.xml que mapeia destinos Ant para comandos do IDE. Embora as aplicaes Java geralmente consistam em vrios projetos do IDE, para o objetivo desse tutorial, construiremos uma aplicao simples, inteiramente armazenada em um nico projeto. Para criar um novo projeto de aplicao ContactEditor: 1. Escolha Arquivo > Novo projeto. Como alternativa, voc pode clicar no cone Novo projeto na barra de ferramentas do IDE. 2. No painel Categorias, selecione o n Java e no painel Projetos, escolha Aplicao Java. Clique em Prximo. 3. Insira ContactEditor no campo Nome do projeto e especifique o local do projeto. 4. Deixe desmarcada a caixa de verificao Usar pasta dedicada para armazenar bibliotecas. (Se voc estiver usando o NetBeans IDE 6.0, essa opo no est disponvel.) 5. Verifique se a caixa de verificao Definir como projeto principal est marcada e limpe o campo Criar classe principal. 6. Clique em Terminar. O IDE criar a pasta ContactEditor no sistema no local designado. Essa pasta contm todos os arquivos associados ao projeto, como o script Ant, pastas para armazenamento de fontes e testes e uma pasta para os metadados especficos do projeto. Para exibir a estrutura do projeto, use a janela Arquivos do IDE.

Criando uma GUI Swing no NetBeans I

Criar um continer de GUIsAps criar a nova aplicao, voc pode ter percebido que a pasta Pacotes de cdigos-fonte na janela Projetos contm um n vazio. Para prosseguir com a construo da nossa interface, precisamos criar um continer Java no qual colocaremos os outros componentes requeridos da GUI. Nessa etapa criaremos um continer usando o componente JFrame e o colocaremos em um novo pacote. Para criar um continer JFrame: 1. Na janela Projetos, clique com o boto direito do mouse no n ContactEditor e selecione Novo > Formulrio JFrame. 2. Insira ContactEditorUI como Nome da classe. 3. Insira my.contacteditor como nome do pacote. 4. Clique em Terminar. O IDE criar o formulrio ContactEditorUI e a classe ContactEditorUI na aplicao ContactEditorUI.java e abrir o formulrio ContactEditorUI no Construtor de GUIs. Observe que o pacote my.contacteditor substitui o pacote padro.

incio

Familiarizando-se com o Construtor de GUIsAgora que j configuramos o novo projeto para a aplicao, vamos nos familiarizar com a interface do Construtor de GUIs. Para explorar a interface do Construtor de GUIs com uma demonstrao interativa, clique no cone Exibir demonstrao.netbeans.org//quickstart-gui_pt_BR.h 2/21

14/05/2011

Criando uma GUI Swing no NetBeans I

Exibir demonstrao Quando adicionamos o continer JFrame, o IDE abriu o formulrio ContactEditorUI recm-criado em uma aba do Editor com uma barra de ferramentas que contm vrios botes, como mostra a ilustrao anterior. O formulrio ContactEditor aberto na exibio Design do Construtor de GUIs e trs janelas adicionais apareceram automaticamente ao longo das margens do IDE, permitindo navegar, organizar e editar formulrios de GUI medida que voc os constri. As vrias janelas do Construtor de GUIs incluem: rea de design. Janela principal do Construtor de GUIs para a criao e edio de formulrios de GUI Java. Os botes de alternncia Fonte e Design da barra de ferramentas permitem exibir o cdigo-fonte de uma classe ou uma exibio grfica dos seus componentes de GUI. Os botes adicionais da barra de ferramentas oferecem acesso conveniente aos comandos comuns, como escolher entre os modos Seleo e Conexo, alinhamento de componentes, definio do comportamento de dimensionamento automtico e exibio de formulrios. Inspetor. Fornece uma representao de todos os componentes, tanto visuais como no visuais, na aplicao como uma hierarquia em rvore. O Inspetor tambm oferece comentrios visuais sobre qual componente da rvore est sendo editado no Construtor de GUIs, bem como permite organizar componentes nos painis disponveis. Paleta. Uma lista personalizvel dos componentes disponveis contendo abas para os componentes JFC/Swing, AWT e JavaBeans, bem como gerenciadores de layout. Alm disso, possvel criar, remover e reorganizar as categorias exibidas na Paleta usando o personalizador. Janela Propriedades. Exibe as propriedades do componente atualmente selecionado no Construtor de GUIs ou nas janelas Inspetor, Projetos ou Arquivos. Se voc clicar no boto Fonte, o IDE exibir o cdigo-fonte Java da aplicao no Editor com sees de cdigo geradas automaticamente pelo Construtor de GUIs e indicadas por reas azuis, denominadas Blocos protegidos. Blocos protegidos so rea protegidas que no so editveis na exibio Fonte. S possvel editar o cdigo exibido nas reas brancas do Editor na exibio Fonte. Se for necessrio fazer alteraes no cdigo em um Bloco protegido, clicar no boto Design far com que o Editor do IDE volte ao Construtor de GUIs, onde voc poder fazer os ajustes necessrios ao formulrio. Quando voc salvar as alteraes, o IDE atualizar as fontes do arquivo. Observao: para os desenvolvedores avanados, est disponvel um Personalizador de paleta e permite adicionar componentes personalizados de JARs, bibliotecas ou projetos Paleta.netbeans.org//quickstart-gui_pt_BR.h 3/21

14/05/2011

Criando uma GUI Swing no NetBeans I

incio

Conceitos-chaveO Construtor de GUIs do IDE resolve o problema central da criao de GUIs Java otimizando o fluxo de dados da criao de interfaces grficas, liberando os desenvolvedores das complexidades dos gerenciadores de layout do Swing. Ele faz isso estendendo o Construtor de GUIs atual do NetBeans para dar suporte ao paradigma claro "Design livre" com regras simples de layout, fceis de compreender e usar. medida que voc faz o layout do formulrio, o Construtor de GUIs fornece linhas de guia visuais sugerindo espaamento e alinhamento timo dos componentes. Em segundo plano, o Construtor de GUIs converte as decises de design em uma IU funcional implementada com o uso de um gerenciador de layouts GroupLayout e outras construes do Swing. Como ele usa um modelo de layout dinmico, as GUIs construdas com o Construtor de GUIs se comportam como o esperado em tempo de execuo, ajustando para acomodar as alteraes feitas sem alterar os relacionamentos definidos entre os componentes. Quando voc redimensionar o formulrio, alterar locais ou especificar aparncia diferente, a GUI se ajustar automaticamente para respeitar a aparncia das inseres e dos deslocamentos.

Desenho livreNo Construtor de GUIs do IDE, voc pode construir formulrios simplesmente colocando os componentes onde quiser, como se estivesse usando posicionamento absoluto. O Construtor de GUIs descobre quais gerenciadores de layout so obrigatrios e gera o cdigo para voc automaticamente. Voc no precisa se preocupar com inseres, ncoras, preenchimentos e etc.

Posicionamento automtico dos componentes (Encaixe) medida que voc adiciona componentes a um formulrio, o Construtor de GUIs fornece comentrios visuais que auxiliam no posicionamento dos componentes de acordo com a aparncia do seu sistema operacional. O Construtor de GUIs oferece dicas in-line teis e outros comentrios visuais em relao ao local no qual os componentes devem ser colocados no formulrio, encaixando automaticamente os componentes na posio ao longo das linhas de guia. Ele faz essas sugestes de acordo com a posio dos componentes j colocados no formulrio, enquanto permite que o enchimento permanea flexvel, de maneira que a aparncia diferente do destino seja processada corretamente em tempo de execuo.

Comentrio visualO Construtor de GUIs tambm oferece comentrios visuais sobre as relaes de ancoragem e encadeamento de componentes. Esses indicadores permitem identificar