Interfaces Gráficas em Java

Interfaces Gráficas em Java

Interfaces Gráficas em Java

Netbeanse Access–Projeto Agenda Descobrindo o Netbeans

Autor: Samuel Santos ProgramaçãoOrientada à Objetos Interfaces e conexãocom Bancos de Dados Parte I–A interface e o Ambiente Netbeans

Interfaces Gráficas em Java Objetivo:

•Aprender a usar a IDE Netbeans Basicamente as principal funções

•Construir conexão com Banco de DadosAccess e conectar a aplicação.

•Vamos desenvolver um Aplicativo simples, uma Agenda de Contatosusando JAVA, em seguida, vamos desenvolver uma interface Gráfica e por Fim umBanco de Dados Para conectar através de uma classe Conexãocom o Aplicativo.

A IDE Netbeans Tela Principal

•projetos recentes •arquivos abertos

A IDE Netbeans Novo Projeto

•Arquivo -> Novo Projeto

3 Atalho = ( Ctrl+ Shift+ N )

A IDE Netbeans Novo Projeto

•Java-> Aplicativo Java-> Próximo

A IDE Netbeans Novo Projeto

•1 -Coloque o nome do projeto;

•2 –Desmarque os 2 campos marcados;

•3 –Clique em Finalizar.

A IDE Netbeans Visualizando o Projeto

•1 –clique no + em cada diretório do projeto;

•2 –Veja que estão vazios;

A IDE Netbeans Criando um JFrame (Formulário)

•Clique com botão direito sobre o Projeto :

Novo -> Formulário JFrame

A IDE Netbeans Criando uma Classe e um Pacote

1 -Nome da Classe: crie uma nova classe, coloque o nome da classe.

2 –Pacote: crie um pacote, colocando um nome no campo pacote.

3 –Clique em finalizar!

A IDE Netbeans Resultado:

9 * Temos agora um novo pacote “Gui” e uma nova Classe “Agenda.java”.

A IDE Netbeans Aba Projeto

* Na Aba projeto teremos um visualização do Componentes da nossa Interface.

JFrame Aba Projeto

A IDE Netbeans Aba Código Fonte

* Na Aba projeto teremos um visualização do Componentes da nossa Interface.

Código da Interface e comandos de Actions eventos

Aba código fonte

A IDE Netbeans Conhecendo a Paleta de Componentes Swing

* Na Paleta estão todos os componentes que usaremos na Interface, Labels, TextFilds JPanel, Buttonse outros .

Selecione : Aba Projeto para podermos visualizar paleta

A IDE Netbeans Menus Swing

* Vamos inserir uma barra de Menu, primeiro componente de nossa aplicação.

Selecione : Menus Swing

Selecione : [ + ] para ver componentes

A IDE Netbeans Menus Swing

* Vamos inserir uma barra de Menu, primeiro componente de nossa aplicação.

Selecione : Menus Swing

Selecione : [ file] Barra de menu

A IDE Netbeans Menus Swing

* Arraste e solte dentro do Jframe

Essa é a forma de inserir componentes... Escolha o componente arraste até o local e solte.

A IDE Netbeans Editando a Barra de Menu

* Formas para editar a barra de Menu: Clique com o Botão direito sobre o campo Filee em

Seguida Editar Texto 1

A IDE Netbeans Editando a Barra de Menu

* Visualizando a Guia Inspetor: Será importante renomear todas as variáveis dos componentes em nosso projeto!

A IDE Netbeans Editando a Barra de Menu

* Visualizando a Guia Inspetor:

Ela tratará os componentes com sendo variáveis, a opção alterar nome das variáveis .

jMenuBar= Barra de menus jMenu1= Agenda jMenu2= Edit

A IDE Netbeans Editando a Barra de Menu

* Alterando o nome das Variáveis:

Clique com o botão direito sobre a barra de menus e em seguida selecione Alterar o nome da variável .

Renomeie para menuPrincipal e observe novamente a Guia INSPETOR.

A IDE Netbeans Editando a Barra de Menu

* Visualizando a Guia Inspetor:

Ela tratará os componentes com sendo variáveis, a opção alterar nome das variáveis . Antes Depois

A IDE Netbeans Editando a Barra de Menu

* Outra forma de altera nome da variável diretamente pela guia Inspetor.

Selecionar Componente, apertar F2 remoneare apertar Enter. Antes Depois

A IDE Netbeans Editando a Barra de Menu

Faça o mesmo com o segundo item de Menu Clique com o Botão direito sobre o campo Filee em

Seguida Editar Texto 1

A IDE Netbeans Editando a Barra de Menu

Faça o mesmo com o segundo item de Menu Clique com o Botão direito sobre o campo Filee em

Seguida Editar Texto 1

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel. Todos os Componentes de Nossa Aplicação devem Ficar dentro de um Painel.

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel. Clique, Segure e Arraste para Dentro do Jframe e depois solte.

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel. Redimensione e ajuste ao centro

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel. Clique com o Botão direito e vá em Propriedades

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel.

Clique com o Botão direito e vá em Propriedades Vamos colocar uma borda de título.

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel. Selecione Border e clique no botão com [ ... ]

A IDE Netbeans Contêineres Swing

Contêineres Swing, vamos usar o JPanel. Selecione Borda de Título...

A IDE Netbeans Contêineres Swing

Configurando o JPanel (propriedades).

Vá em Título e Coloque um Título : Agenda de contatose Clique em OK.

A IDE Netbeans Contêineres Swing

Configurando o JPanel

Pronto, temos o painel: Agenda de Contatos

Renomeie o Componente JPanel1 para painelPrincipal

A IDE Netbeans Contêineres Swing

Configurando o JPanel

Pronto, temos o painel: Agenda de Contatos

ATENCÃO: Todos os componentes que usaremos daqui em diante ficarão dentro desse Painel.

A IDE Netbeans Controles Swing

34 Componentes principais de nosso aplicativo, Labels, TextFieldse outros.

A IDE Netbeans Controles Swing

35 Componentes principais de nosso aplicativo, Labels, TextFilds e outros.

A IDE Netbeans Controles Swing : Rótulo

36 Os Rótulos servem para identificar os campos em nossa interface.

A IDE Netbeans Controles Swing : Rótulo

Os Rótulos servem para identificar os campos em nossa interface.

Altere o texto para Nome Altere a variável para lb_nome

A IDE Netbeans Controles Swing : Rótulo

Os Rótulos servem para identificar os campos em nossa interface.

Altere o texto para Nome Altere a variável para lb_nome

A IDE Netbeans Controles Swing : Campo de Texto

39 Os campos de Textos são a entrada e a saída de dados .

A IDE Netbeans Controles Swing : Campo de Texto

Os campos de Textos são a entrada e a saída de dados .

Altere o texto: Apague o jTextField1 Altere a variável para tf_nome

A IDE Netbeans Controles Swing : Campo de Texto

Os campos de Textos são a entrada e a saída de dados .

Altere o texto: Apague o jTextField1 Altere a variável para tf_nome

A IDE Netbeans Controles Swing : Completando a Interface...

Vamos criar os seguintes campos na nossa interface: Veja o Inspetor para renomear os Componentes!

A IDE Netbeans Visualizando o aplicativo

43 Vamos dar uma olhada na interface sem compilar o código ou executar o aplicativo.

A IDE Netbeans Visualizando o aplicativo

Temos um GUI, que ainda temos ajustar dois detalhes importantes !

Título da barra de título e redimensionamento.: Vamos impedir que essa Janela seja redimensionada Pelo usuário e tenha um título Chamado agenda de contatos!

A IDE Netbeans Visualizando o aplicativo e configurando

Selecione JFrame

Ache Título em Propriedades

A IDE Netbeans Visualizando o aplicativo e configurando

Selecione JFrame

Ache Título em Propriedades

A IDE Netbeans Visualizando o aplicativo

Veja a barra de título... Pronto temos um título!

A IDE Netbeans Visualizando o aplicativo e configurando

Selecione JFrame

Ache resizable em Propriedades e desmarque

A IDE Netbeans Visualizando o aplicativo

49 Veja a barra de título e desativada a opção de redimensionamento da janela ...

Comentários