Criação de Aplicações GUI. Java JFC / Swing

Transcrição

1 Criação de Aplicações GUI Java JFC / Swing

2 JFC Java Foundation Classes Inclui um conjunto de funcionalidades para desenvolver graphical user interfaces (GUIs) e adicionar funcionalidades gráficas e interativas a aplicações em Java. Contém as funcionalidades apresentadas na tabela seguinte:

3 Funcionalidade Descrição Swing GUI Components Pluggable Look-and- Feel Support Inlcui todos os componentes, desde botões, split panes e tabelas. O aspeto das aplicações em Swing é adaptável. Accessibility API Java 2D API Permite tecnologias próprias para pessoas com deficiência, tais como Braile. Permite incorporar gráficos 2D de alta qualidade. Internationalization Permite que os programadores criem aplicações tendo em conta a língua do seu país, usando esta framework.

4 NetBeans IDE JAVA

5 Caraterísticas Gratuito Open-source Multi plataforma Suporte para a linguagem de programação JAVA Torna a criação de aplicações com GUIs mais fácil, através de drag and drop, uma vez que gera código automaticamente.

6 Como desenvolver uma aplicação no NetBeans IDE 2 etapas: Criação do GUI, com os componentes SWING Definição da lógica da aplicação

7 Criação do GUI NetBeans IDE

8 Passo 1 Criar um novo projeto

9 Passo 2 Escolher General -> Java Application

10 Passo 3 Dar um nome ao Projeto Retire o visto na opção "Create Main Class.

11 Quando o IDE terminar de carregar, aparecerá este écran.

12 Passo 4 Adicionar um JFrame

13 Passo 5 Dê um nome à GUI class

14 Quando o IDE terminar de carregar, o lado direito do écran irá conter o espaço para o design-time.

15 NetBeans IDE Basics

16 Componentes mais importantes Palette Design Area Property Editor Inspector

17 Palette A Palette contém todos os components oferecidos pelo Swing API.

18 Design Area É onde, habitualmente, se constrói o GUI. Tem dois tipos de visualização: source view (código) design view (default) Pode alternar-se entres os 2 tipos de visualização

19 Vista do source view. O IDE criou um metódo privado chamado initcomponents, que inicializa os vários componentes dogui. Este código é Gerado automaticamente pelo NetBeans.

20 Property Editor Permite editar as propriedades de cada componente. O seu uso é intuitivo.

21 Inspector Mostra uma representação gráfica dos componentes da aplicação. Permite, por exemplo, alterar os nomes das variáveis para outros diferentes dos nomes default.

22 Definição da Lógica da Aplicação NetBeans IDE

23 Passo 1 alterar os nomes default das variáveis Os nomes default não são, habitualmente, relevantes para o contexto da aplicação. Por isso, faz sentido alterá-los para nomes sugestivos. Basta clicar nos nomes com o botão direito do rato e escolher a opção "Change variable name"

24 Todas as alterações realizadas no Inspector irão automaticamente ser propagadas dentro do source code.

25 Passo 2 Registar os Event Listeners Quando o utilizador mexe numa aplicação com componentes Swing GUI, cada componente irá gerar um tipo especial de objeto - event object. Que posteriormente ligará a outros objetos que estejam previamente registados como listeners para esse evento. Porém, é necessário registar esse event listener.

26 Como fazer No Design Area clique num button, para o selecionar (verifique se seleciona apenas o botão). De seguida, clique com o botão direito do rato e selecione a opção Events -> Action -> ActionPerformed. Será gerado um método para o event-handling (tratamento do evento), que ficará vazio, de forma a posteriormente se adicionar alguma funcionalidade.

27 Nota: Existem vários tipos de eventos, que representam os vários tipos de ações que um utilizador pode realizar: Clique de rato Escrever no teclado Mover o rato Etc Para já apenas nos interessam os ActionEvent. Mais tarde estudaremos os outros.

28 Passo 3 escrever o código

29 Explicação do código int tempfahr = (int)((double.parsedouble(temptextfield.gettext())) * ); fahrenheitlabel.settext(tempfahr + " Fahrenheit"); Trata-se de converter o que foi inserido no objeto JTextField (temptextfield) para Double. De seguida, utiliza-se a fórmula de conversão para Fahrenheit. Por fim, converte-se para um número inteiro e mostra-se no ecrãn, no elemento Jlabel (fahrenheitlabel).

30 Passo 4 correr a aplicação Escolher a opção Run -> Run Main Project. A primeira vez que se corre a aplicação surge uma caixa de diálogo a perguntar se se pretende definir a classe xyzgui como a main class to projeto. Clica-se em ok. E está terminada a aplicação GUI.

31 Primeiro programa em SWING Crie um pequeno programa no NetBeans IDE, que mostre a mensagem Olá Mundo! Utilize as potencialidades do NetBeans, para alterar cores, tipos de letra, etc.