Criação de Aplicações GUI · Java JFC / Swing. JFC ... usando esta framework. https: ......

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

Transcript of Criação de Aplicações GUI · Java JFC / Swing. JFC ... usando esta framework. https: ......

Criação de Aplicações

GUIJava

JFC / Swing

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:

Funcionalidade Descrição

Swing GUI

Components

Inlcui todos os componentes, desde botões, split

panes e tabelas.

Pluggable Look-and-

Feel Support

O aspeto das aplicações em Swing é adaptável.

Accessibility API Permite tecnologias próprias para pessoas com

deficiência, tais como Braile.

Java 2D API 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.

https://docs.oracle.com/javase/tutorial/uiswing/start/about.html

NetBeans IDEJAVA

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.

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

Criação do GUINetBeans IDE

Passo 1 – Criar um novo projeto

Passo 2 – Escolher General -> Java

Application

Passo 3 – Dar um nome ao Projeto

Retire o visto na opção "Create Main Class“.

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

Passo 4 – Adicionar um JFrame

Passo 5 – Dê um nome à GUI class

Quando o IDE terminar de carregar, o lado direito do écran irá conter o

espaço para o “design-time”.

NetBeans IDE Basics

Componentes mais importantes

Palette

Design Area

Property Editor

Inspector

Palette

A Palette contém todos os components

oferecidos pelo Swing API.

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

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.

Property Editor

Permite editar as

propriedades de cada

componente.

O seu uso é intuitivo.

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.

Definição da Lógica da

AplicaçãoNetBeans IDE

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"

Todas as alterações realizadas no Inspector irão

automaticamente ser propagadas dentro do source code.

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.

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.

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.

Passo 3 – escrever o código

Explicação do código

int tempFahr = (int)((Double.parseDouble(tempTextField.getText())) * 1.8

+ 32);

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).

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.

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.