Elaborando as Interfaces dos trabalhos das aulas 28, 29 e 30.

Slides:



Advertisements
Apresentações semelhantes
APLICAÇÕES DE LINGUAGEM DE PROGRAMAÇÃO ORIENTADA A OBJETOS COMPONENTES GUI – PARTE I Prof. Thiago Pereira Rique
Advertisements

APLICAÇÕES DE LINGUAGEM DE PROGRAMAÇÃO ORIENTADA A OBJETOS COMPONENTES GUI – PARTE III Prof. Thiago Pereira Rique
Graphical User Interface (GUI) Prof(o): Alexandre Parra.
Aula de reposição Prof. Grace e Ângela
Componentes GUI GUI – Grafical User Interface – São construídas a partir de componentes GUI chamados de controles ou widgets (windows gadgets – engenhocas.
Linguagem de Programação III
Interface Grafica - Swing Professor Rafael Monteiro
LINGUAGEM DE PROGRAMAÇÃO VISUAL II
Jpanel e Diagramadores
POO Interface Gráfica - Swing
Introdução PLB-II (Java) – Prof. Alberto  Mais componentes da GUI.
Programação Prof.: Bruno Rafael de Oliveira Rodrigues.
UNIVERSIDADE FEDERAL DE SANTA CATARINA CTC - CENTRO TECNOLÓGICO INE - DEPARTAMENTO DE INFORMÁTICA E ESTATÍSTICA DISCIPLINA DE COMPUTAÇÃO COM OBJETOS DISTRIBUÍDOS.
Programação Orientada a Objetos Prof. Rafael Silva.
Java Módulo II Projeto Final.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :38 1 Este parágrafo em fonte Courier Este parágrafo em fonte Cambria e tamanho 20px.
Relatórios.  O Relatório é um componente ActiveX chamado ActiveReport, que permite a visualização e impressão de valores instantâneos de variáveis do.
Programação em Java JPanel e Gerenciadores de Layout Prof. Luiz Antonio Rodrigues Prof. Luiz Antonio Unioeste - Cascavel Interfaces Gráficas Jpanel e Diagramadores.
Programação em Java JButton e Tratamento de Eventos Prof. Luiz Antonio Rodrigues Prof. Luiz Antonio Unioeste - Cascavel Jpanel e Diagramadores.
Programação em Java Threads Prof. Luiz Antonio Rodrigues Prof. Luiz Antonio Unioeste - Cascavel Jpanel e Diagramadores.
Programação em Java JCheckBox, JradioButton, Jlist e Menus Prof. Luiz Antonio Rodrigues Prof. Luiz Antonio Unioeste - Cascavel Jpanel e Diagramadores.
AULA SOBRE O WRITER. O Writer possui todas as características que você pode esperar de editor de textos moderno e completo, incluindo até mesmo recursos.
Por Cybele Meyer. CLIQUE EM INICIAR – TODOS OS PROGRAMAS ESCOLHA O Windows Movie Maker Vai abrir a tela para se trabalhar.
GUI – GRAPHIC USER INTERFACE
Introdução ao Logisim Prof. Alberto F. De Souza LCAD/DI/UFES
Introdução ao EBSCOhost 2.0
Lista de Presentes ERP e POS.
Introdução Barra de Menus Barra de Ferramentas Padrão
3.1 Classes e Objetos Em um programa orientado a objetos normalmente existem vários objetos de um mesmo tipo. Por exemplo, um programa de controle de.
Como Customizar Documentos no Gdoc do ASP
Java: Interfaces Alcides Calsavara.
HTML CSS CRD Filipe Pacheco.
INTRODUÇÃO A EDUCAÇÃO À DISTÂNCIA - EAD Módulo I
Interface gráficas em Java
Desenho CAD I Curso Técnico em Eletromecânica
Elaborando as Interfaces Aulas 37, 38 e 39.
Elaborando Interfaces
SISTEMA OPERACIONAL. Área de trabalho; Como personalizar a área de trabalho; Como criar atalhos; Como personalizar o menu Iniciar; Como associar sons.
Elaborando as Interfaces dos trabalhos das aulas 22, 23 e 24.
Editor de textos -Writer
Elaborando as Interfaces dos trabalhos das aulas 25, 26 e 27.
Como personalizar o site do Microsoft SharePoint Online
Elaborando as Interfaces Aulas 31, 32 e 33
Rosemary Silveira Filgueiras Melo
Programação Orientada a Objetos*
Elaborando as Interfaces Aulas 43, 44 e 45
Elaborando Interfaces
3.2 Sobrecarga de Métodos (Overloading)
Programação Orientada a Objetos
AULA JCOMBOBOX, JCHOICE
Formatando trabalhos no Writer
Introdução ao Logisim Prof. Alberto F. De Souza LCAD/DI/UFES
Writer Editor de texto do BrOffice.org
Rosemary Silveira Filgueiras Melo
Exercício sobre Interface Java
Leitura do teclado e Interface gráfica
Tipos Primitivos de Dados
Elaborado por: André Aparecido da Silva
AULA SOBRE O WRITER.
ELABORAÇÃO DE PLANILHAS NO GOOGLE DOCS
RESULUÇÃO DOS EXERCÍCIOS,
CALCULADORA CARACTERE E VARIÁVEIS COMPOSTAS OU VETORES EM JAVA
EXERCÍCIOS DA AULA PASSADA
Aplicação com Várias Janelas
Interface Java: JFrame, JPanel, JButton, JLabel, JMenuBar, Jmenu, JMenuItem, addSeparator() e a biblioteca Java.Math Prof. Esp. André Aparecido da Silva.
Excel 2013 Prof. André Aparecido da Silva
RESULUÇÃO DOS EXERCÍCIOS E
Introduza os detalhes do seu evento aqui
JAVA - BÁSICO COL. ESTADUAL MARIA AGUIAR TEIXEIRA
NORMAS EFORMATAÇÃO DE TRABALHOS
Transcrição da apresentação:

Elaborando as Interfaces dos trabalhos das aulas 28, 29 e 30. Prof. André Aparecido da Silva Disponível em: http://www.oxnar.com.br/2017/3ati Aulas 28, 29 e 30.

Exercício Crie uma tela com os menus Menu Arquivo  Novo  (Separador de menu)  Sair do Sistema Menu Cores  Colocar diversas opções de cores Menu Ajuda  (Sem opções)

NA MINHA IMPLEMENTAÇÃO FICOU ASSIM

IMPORTANDO AS BIBLIOTECAS E DECLARANDO OS COMPONENTES import javax.swing.*; import javax.swing.event.*; import java.awt.*; import java.awt.event.*; public class InterfaceMenu extends JFrame implements ActionListener { JMenuBar Barra_de_Menu = new JMenuBar(); JMenu Menu_Arquivo, Menu_Opcoes, Menu_Cores; JMenuItem MenuIem_Novo, MenuItem_Sair; JMenuItem MenuItem_Cor_Amarela, MenuItem_Cor_Azul; JMenuItem MenuItem_Cor_Verde, MenuItem_Cor_Vermelho;

O método construtor desta classe public InterfaceMenu() { setJMenuBar(Barra_de_Menu); Barra_de_Menu.add(Menu_Arquivo = new JMenu("ARQUIVO"));

Detalhe... A barra de menu é instanciada através do método set e não através do método add. setJMenuBar(Barra_de_Menu);

Itens do Menu Arquivo Barra_de_Menu.add(Menu_Arquivo = new JMenu("ARQUIVO")); Menu_Arquivo.add(MenuIem_Novo = new JMenuItem("NOVO")); Menu_Arquivo.addSeparator(); Menu_Arquivo.add(MenuItem_Sair = new JMenuItem("SAIR"));

O Menu Arquivo ficou assim...

Menu_Arquivo.addSeparator(); A linha de comando addSeparator(); tem função estética dentro da interface gráfica, não alterando qualquer resultado se a mesma não estiver ali.

O método construtor desta classe Barra_de_Menu.add(Menu_Opcoes = new JMenu("OPÇÕES")); Menu_Opcoes.add(Menu_Cores = new JMenu("CORES")); Menu_Cores.add(MenuItem_Cor_Amarela = new JMenuItem ("AMARELA")); Menu_Cores.add(MenuItem_Cor_Azul = new JMenuItem ("AZUL")); Menu_Cores.add(MenuItem_Cor_Verde = new JMenuItem ("VERDE")); Menu_Cores.add(MenuItem_Cor_Vermelho=new JMenuItem ("VERMELHA"));

O Menu Opções ficou assim... Um menu dentro de outro menu. Barra_de_Menu.add(Menu_Opcoes = new JMenu("OPÇÕES")); Menu_Opcoes.add(Menu_Cores = new JMenu("CORES"));

Os SubMenus do Menu Cores Barra_de_Menu.add(Menu_Opcoes = new JMenu("OPÇÕES")); Menu_Opcoes.add(Menu_Cores = new JMenu("CORES")); Menu_Cores.add(MenuItem_Cor_Amarela = new JMenuItem ("AMARELA")); Menu_Cores.add(MenuItem_Cor_Azul = new JMenuItem ("AZUL")); Menu_Cores.add(MenuItem_Cor_Verde = new JMenuItem ("VERDE"));

A tela ficou assim...

O Tratamento de eventos ////Tornando os Item sensiveis ao click do mouse MenuIem_Novo.addActionListener(this); MenuItem_Sair.addActionListener(this); MenuItem_Cor_Amarela.addActionListener(this); MenuItem_Cor_Azul.addActionListener(this); MenuItem_Cor_Verde.addActionListener(this); MenuItem_Cor_Vermelho.addActionListener(this);

Tratando os eventos public void actionPerformed (ActionEvent e) { if(e.getSource()==MenuItem_Sair) {System.exit(0);} if(e.getSource()==MenuItem_Cor_Amarela) {getContentPane().setBackground(Color.yellow);} if(e.getSource()==MenuItem_Cor_Azul) {getContentPane().setBackground(Color.blue);} if(e.getSource()==MenuItem_Cor_Verde) {getContentPane().setBackground(Color.green);} if(e.getSource()==MenuItem_Cor_Vermelho) {getContentPane().setBackground(Color.red);} }

Link para o arquivo InterfaceMenu.java

Cores no Java O meio mais simples de utilizar uma cor em um programa Java é usar uma das variáveis constantes da classe Color. Você pode utilizar as seguintes constantes: white

Opções de cores primárias no Java Cores no Java Opções de cores primárias no Java Color.black Color.darkGray Color.blue Color.gray Color.cyan Color.green Color.lightGray Color.magenta Color.orange Color.red Color.pink Color.yellow

Exemplo do uso de cores JPanel Painel_Central = new JPanel(); Painel_Central.setBackground(Color.blue);

Ainda sobre cores... Outro método de definir cores em Java é utilizando valores RGB (Red Green Blue), ou seja, você especifica valores de 0 a 255 para cada uma dessas cores, formando novas cores. Se você conhece os valores RGB de uma cor, pode usá-los para criar um objeto Color. Por exemplo, um valor RGB para vermelho-escuro é 235 vermelho, 50 verde e 50 azul.

JFrame Tela_Principal = new JFrame(); Color vermelhoEscuro = newColor(235,50,50);  Tela_Principal.setColor(vermelhoEscuro); Tela_Principal.setSize(400, 579); Tela_Principal.setVisible(true);

Código completo import java.awt.*; import javax.swing.*; public class Tela07 { JPanel Painel_Central = new JPanel(); public Tela07() JFrame Tela_Principal = new JFrame(); Color vermelhoEscuro = new Color(235, 10, 10); Tela_Principal.getContentPane().add(Painel_Central); Painel_Central.setBackground(vermelhoEscuro); Tela_Principal.setSize(400, 579); Tela_Principal.setVisible(true); } public static void main (String args []) {new Tela07();}

E assim ficou nosso programa

Lembramos que ao alterar apenas um dos números da cor resultará em algo bem diferente

Alterando a cor teremos: Color vermelhoEscuro = new Color(80, 10, 255);

JToolBar Agrupa vários componentes em linha ou coluna. Geralmente botões com ícones. Funcionalidade de menus. Possibilidade de arrastar a barra para qualquer borda ou para fora da janela Necessário uso de BorderLayout

JToolBar Barra_de_Ferramentas = new JToolBar(); CONSTRUTOR: JToolBar Barra_de_Ferramentas = new JToolBar();

Meu Exemplo

Declaração da Barra de Ferramentas Meu código Declaração da Barra de Ferramentas

Fazendo a instancia dos botões e adicionando na Barra de ferramentas Barra_de_Ferramentas.add(bt_Novo = new JButton(new ImageIcon("novo.png"))); Barra_de_Ferramentas.add(bt_Abrir = new JButton(new ImageIcon ("abrir.png")); Barra_de_Ferramentas.add(bt_Salvar = new JButton(new ImageIcon ("salvar.png"))); Barra_de_Ferramentas.add(bt_Copiar = new JButton(new ImageIcon ("copiar.png"))); Barra_de_Ferramentas.add(bt_Colar = new JButton(new ImageIcon ("colar.png"))); Barra_de_Ferramentas.addSeparator(); Barra_de_Ferramentas.add(bt_Imprimir = new JButton(new ImageIcon ("imprimir.png")));

Fazendo a instancia dos botões e adicionando na Barra de ferramentas Barra_de_Ferramentas.add(bt_Imprimir = new JButton(new ImageIcon("imprimir.png"))); Barra_de_Ferramentas.add(bt_Alinhamento_Esquerda = new JButton(new ImageIcon ("alinhamento_esquerdo.png" ))); Barra_de_Ferramentas.add(bt_Alinhamento_Direita = new JButton(new ImageIcon("alinhamento_direito.png"))); Barra_de_Ferramentas.add(bt_Alinhamento_Justificado = new JButton(new ImageIcon("alinhamento_justificado.png"))); Barra_de_Ferramentas.add(bt_Alinhamento_Centralizado = new JButton(new ImageIcon ("alinhamento_centralizado.png"))) ; Barra_de_Ferramentas.add(bt_Sair = new JButton(new ImageIcon("sair.png")));

Tornando estes botões sensíveis ao click do mouse bt_Novo.addActionListener(this); bt_Abrir.addActionListener(this); bt_Salvar.addActionListener(this); bt_Salvar_Como.addActionListener(this); .

O tratamento dos eventos também é feito através do ActionListener bt_Sair.addActionListener(this); bt_Alinhamento_Esquerda.addActionListener(this); bt_Alinhamento_Direita.addActionListener(this); bt_Alinhamento_Justificado.addActionListener(this); bt_Alinhamento_Centralizado.addActionListener(this); bt_Imprimir.addActionListener(this); bt_Copiar.addActionListener(this); bt_Colar.addActionListener(this);

No public void actionPerformed(ActionEvent e) Estes botões aqui serão tratados como botões ou menu normais

A barra poderá ser deslocada com o mouse Barra no rodapé Barra a Esquerda

A barra poderá ser deslocada com o mouse Barra Flutuante Barra a direita

Mas por padrão ela é na parte superior da tela

O JTextArea É um componente do tipo Caixa de texto, só que, diferentemente do JTextField, no JTextArea teremos linhas e colunas.

CONSTRUTOR DO JTEXTAREA QUANTIDADE DE LINHAS E COLUNAS QUE ESTA CAIXA TERÁ. JTextArea ta_MeuTexto = new JTextArea(Linhas, Colunas); NOME DO OBJETO

Construtor do JScrollPane

Ver arquivos FrameCollatz.java FrameCollatz2.java

ATIVIDADE DE HOJE ELABORE UMA TE COM OS SEGUINTES COMPONENTES: UMA BARRA DE MENU (ARQUIVO, CONFIGURAÇÕES E AJUDA) UMA BARRA DE FERRAMENTAS COM OS BOTÕES (NOVO, GRAVAR, AJUDA, LIMPAR E SAIR) UMA CAIXA DE TEXTOS (JTextArea) com 10 linhas e 50 colunas Um botão Novo, um botão Limpar, e um botão sair abaixo da caixa de textos. Verifique se aqui será melhor usar pack() ou o método setSize para definir o tamanho da sua tela.

ATIVIDADE DE HOJE Verifique se aqui será melhor usar pack() ou o método setSize(Largura, Altura) para definir o tamanho da sua tela. Faça o tratamento de eventos para os principais botões e menus (Limpar e Sair são essenciais).