Java Básico Criação de telas com Swing Marco Antonio, Arquiteto de Software – TJDF [email protected] Novembro/2005

Java Básico

Criação de telas com Swing

Marco Antonio,

Arquiteto de Software – TJDF

[email protected]

Novembro/2005

mailto:[email protected]

JFC – Java Foundation Classes

Swing

Look and feel

Java 2D

Drag and Drop

GUI – Graphical User Interface

As regras de usabilidade e o protótipo de tela devem ser definidos antes do desenvolvimento.

Várias estratégias para implementação.

Valida as entradas do usuário (formatação de campos).

Informa aos usuários sobre problemas no sistema (erros de rede, indisponibilidade dos servidores).

Responde a eventos do usuário (clique do mouse, arrastar e soltar, mudança de campo).

A criação de telas com swing pode ser um trabalho cansativo. É recomendado que se utilize uma ferramenta para a criação de telas profissionais.

Tela de cadastro de pessoa

Para a classe Pessoa (nome, endereco, telefone, cpf) crie um protótipo de tela com as funcionalidades de inclusão, alteração, exclusão e fechamento.

Swing

Container (contém outros componentes)

Telas, painéis

Componentes de controle

Botões, menus, textos, etc.

Componentes de controle

Botões – respondem a cliques do mouse

Rótulos – mostra informações sobre os controles da tela

Texto – recupera dados digitados pelo usuário

Listas – possibilita a seleção de vários itens

Caixas de combinação – possibilita a seleção de um dos itens

Caixas de seleção – funcionalidade de ligado, desligado

JFrame

Ponto inicial para a construção de telas.

Para utilizar, importe o pacote javax.swing.*;

Todas as telas são subclasses de JFrame.

Crie os componentes gráficos e adicione ao conteúdo da tela através do getContentPane().add(novoComponente);

Dimensione a tela através do setSize(???, ???) ou pack();

Torne a tela visível – setVisible(true).

PrimeiraTelaSwing

import javax.swing.*; //pacote obrigatório para usar o swing

public class PrimeiraTelaSwing extends JFrame { //subclasse de JFrame

public PrimeiraTelaSwing() { //utilize o construtor para dimensionar/mostrar a tela

setSize(100,100); //definindo um tamanho inicial

setVisible(true); //torna a tela visível, pois o padrão é invisível

}

}

TestePrimeiraTelaSwing

public class TestePrimeiraTelaSwing { //essa outra classe apenas levanta a tela

public static void main(String[] args) { //torna a classe executável

//chama o construtor da nossa tela

//o construtor irá dimensionar e mostrar a janela

PrimeiraTelaSwing tela = new PrimeiraTelaSwing();

}

}

JButton

Recupera o clique do usuário.

Por padrão, não tem comportamento.

Utilize a estrutura abaixo para criar um JButton:JButton btnGravar = new JButton(“Gravar”);

JButton btnFechar = new JButton(“Fechar”);

PrimeiraTelaSwing + JButton

import java.awt.*; //necessário para o flowlayout

import javax.swing.*;

public class PrimeiraTelaSwing extends JFrame {

JButton btnGravar = new JButton("Gravar"); //declare os objetos no início da classe

JButton btnFechar = new JButton("Fechar");

//utilize o construtor para adicionar os objetos na tela

public PrimeiraTelaSwing() {

setLayout(new FlowLayout()); //*posiciona os componentes um após o outro

getContentPane().add(btnGravar); //adiciona o primeiro botão

getContentPane().add(btnFechar); //adiciona o segundo botão

setVisible(true);

pack(); //dimensiona a tela baseando-se num tamanho padrão

}

}

// *o gerenciamento de layout é discutido em um capítulo a parte.

JTextField

A caixa de texto captura informação digitada pelo usuário.

JTextField txtNome = new JTextField();

JTextField txtEndereco = new JTextField(); Caixas de texto em branco, sem tamanho definido

JTextField txtNome = new JTextField(null, 20);

JTextField txtEndereco = new JTextField(null, 30);O primeiro parâmetro representa o texto (null) e o segundo é o tamanho.

PrimeiraTelaSwing + JButton

import java.awt.*;




JTextField txtEndereco = new JTextField(null, 30);

JButton btnGravar = new JButton("Gravar");



setLayout(new FlowLayout());

//os componentes serão apresentados na tela nessa ordem

getContentPane().add(txtNome);

getContentPane().add(txtEndereco);

getContentPane().add(btnGravar);

getContentPane().add(btnFechar);

setVisible(true);

pack();

}

}

JLabel

O rótulo torna uma tela mais fácil de usar, na medida em que identifica os componentes com um texto explicativo.

Utilize o exemplo abaixo para criar rótulos:JLabel lblNome = new JLabel(“Nome: ”);

JLabel lblEndereco = new JLabel(“Endereço: ”);

PrimeiraTelaSwing + JLabelimport java.awt.*;



JLabel lblNome = new JLabel("Nome");

JLabel lblEndereco = new JLabel("Endereço");






//nesse caso, vamos usar 4 linhas e 2 colunas

setLayout(new GridLayout(4, 2));

getContentPane().add(lblNome);


getContentPane().add(lblEndereco);




setVisible(true);

pack();

}

}

JComboBox

Caixa de combinação onde o usuário pode escolher um item entre vários possíveis.

É criado em duas etapas: primeiro crie os itens que farão parte da combo, depois, crie a combo. Veja o exemplo:

String[] sexos = {“Masculino”, “Feminino”};

JComboBox cboSexo = new JComboBox(sexos);

PrimeiraTelaSwing + JComboBox

import java.awt.*;



JLabel lblNome = new JLabel("Nome");

JLabel lblEndereco = new JLabel("Endereço");

JLabel lblSexo = new JLabel("Sexo");





String [] sexos = {"Masculino", "Feminino"};


PrimeiraTelaSwing + JComboBox


setLayout(new FlowLayout());

getContentPane().add(lblNome);


getContentPane().add(lblEndereco);


getContentPane().add(lblSexo);

getContentPane().add(cboSexo);



setVisible(true);

pack();

}

}

Dúvidas

Exercícios

Implemente a tela de cadastro de pessoa que iniciamos no exemplo.

Crie a classe TelaDeCadastroDePessoa e dentro do pacote com.javabasico.swing

Crie uma classe para testar a tela.

Teste o pack() e o setSize() nas diversas situações que vimos e analise o comportamento da tela.

Altere o gerenciador de layout entre FlowLayout e GridLayout e analise o comportamento da tela.

TelaDeCadastroDePessoa

package com.javabasico.swing;

import java.awt.*;


public class TelaDeCadastroDePessoa extends JFrame {

JLabel lblNome = new JLabel("Nome: ");

JLabel lblEndereco = new JLabel("Endereço: ");

JLabel lblTelefone = new JLabel("Telefone: ");

JLabel lblCpf = new JLabel("Cpf: ");

JLabel lblSexos = new JLabel("Sexo: ");



JTextField txtTelefone = new JTextField(null, 20);

JTextField txtCpf = new JTextField(null, 20);

String[] sexos = {"Masculino", "Feminino"};




TelaDeCadastroDePessoa public TelaDeCadastroDePessoa() {

Container c = getContentPane();


setTitle("Cadastro de Pessoa");

c.add(lblNome);

c.add(txtNome);

c.add(lblEndereco);

c.add(txtEndereco);

c.add(lblTelefone);

c.add(txtTelefone);

c.add(lblCpf);

c.add(txtCpf);

c.add(lblSexos);

c.add(cboSexo);

c.add(btnGravar);

c.add(btnFechar);

setVisible(true);

pack();

}

}

TesteDaTelaDeCadastroDePessoa


public class TesteDaTelaDeCadastroDePessoa {

public static void main(String[] args) {

new TelaDeCadastroDePessoa();

}

}

Exercícios

Implemente uma tela para cadastro de aeronaves.

Utilize todos os componentes mostrados até agora.

Atributos da tela:Finalidade do avião (transporte de carga, passageiros)

Modelo

Quantidade de assentos

Autonomia

TelaDeCadastroDeAeronave


import java.awt.*;


public class TelaDeCadastroDeAeronave extends JFrame {

JLabel lblFinalidade = new JLabel("Finalidade: ");

JLabel lblModelo = new JLabel("Modelo: ");

JLabel lblQuantidadeDeAssentos = new JLabel("Quantidade de assentos: ");

JLabel lblAutonomia = new JLabel("Autonomia: ");

String finalidades[] = {"Carga", "Passageiro"};

JComboBox cboFinalidade = new JComboBox(finalidades);

JTextField txtModelo = new JTextField();

JTextField txtQuantidadeDeAssentos = new JTextField();

JTextField txtAutonomia = new JTextField();



TelaDeCadastroDeAeronave public TelaDeCadastroDeAeronave() {



setTitle("Cadastro de Aeronave");

c.add(lblFinalidade);

c.add(cboFinalidade);

c.add(lblModelo);

c.add(txtModelo);

c.add(lblQuantidadeDeAssentos);

c.add(txtQuantidadeDeAssentos);

c.add(lblAutonomia);

c.add(txtAutonomia);

c.add(btnGravar);

c.add(btnFechar);

setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);

setVisible(true);

pack();

}

}

TesteDaTelaDeCadastroDeAeronave


public class TesteDaTelaDeCadastroDeAeronave {


new TelaDeCadastroDeAeronave();

}

}

Exercícios

Crie uma tela para cadastro de médico com os atributos nome, especialidade (Combo), número do crm.

TelaDeCadastroDeMedico


import java.awt.*;


public class TelaDeCadastroDeMedico extends JFrame {

JLabel lblNome = new JLabel("Nome: ");

JLabel lblEspecialidade = new JLabel("Especialidade: ");

JLabel lblNumeroDoCrm = new JLabel("Número do Crm: ");

String[] especialidade = {"Cardiologia", "Clínica Geral", "Ortopedia"};

JComboBox cboEspecialidade = new JComboBox(especialidade);

JTextField txtNome = new JTextField();

JTextField txtNumeroDoCrm = new JTextField();

TelaDeCadastroDeMedico

public TelaDeCadastroDeMedico() {



setTitle("Cadastro de Médico");

c.add(lblNome);

c.add(txtNome);

c.add(lblEspecialidade);

c.add(cboEspecialidade);

c.add(lblNumeroDoCrm);

c.add(txtNumeroDoCrm);

setVisible(true);

pack();

}

}

TesteDaTelaDeCadastroDeMedico


public class TesteDaTelaDeCadastroDeMedico {


new TelaDeCadastroDeMedico();

}

}

Documents

Java Básico Criação de telas com Swing Marco Antonio, Arquiteto de Software – TJDF [email protected] Novembro/2005