PROGRAMAÇÃO ORIENTADA A OBJETOS. CC 3º Período

PROGRAMAÇÃO ORIENTADA A OBJETOS CC 3º Período

PROGRAMAÇÃO ORIENTADA A OBJETOS Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br www.diemesleno.com.br

PROGRAMAÇÃO ORIENTADA A OBJETOS Unidade VI - Interfaces Gráficas do Usuário em Java Componentes e layout; Tratamentos de eventos.

O que é GUI - Graphical User Interface?

O que é GUI - Graphical User Interface? Interface Gráfica do Utilizador é um tipo de interface que permite a interação com dispositivos digitais através de elementos gráficos como ícones e outros indicadores visuais, em contraste com a interface de linha de comando. Foi criada pela Xerox mas somente se tornou um produto com a Apple.

O que é GUI - Graphical User Interface?

Java Swing e JavaFX

Java Swing

Java Swing Swing é um widget toolkit para uso com Java. Será descontinuado a partir da versão 9 do Java.

Java Swing Exemplo

Java Swing (Exemplo) Exemplo Swing

Exemplo Swing

Exemplo Swing Teste!

JavaFX

JavaFX Plataforma de software multimídia desenvolvida pela Oracle baseada em Java para a criação e disponibilização de Aplicação Rica para Internet que pode ser executada em vários dispositivos diferentes.

JavaFX Instalando o JavaFX

JavaFX Instalando o JavaFX http://www.eclipse.org/efxclipse/index.html

Instalando o JavaFX 1 2

Instalando o JavaFX 3

Instalando o JavaFX 4 5 e(fx)clipse http://download.eclipse.org/efxclipse/updates-released/1.2.0/site

Instalando o JavaFX 6 7

Instalando o JavaFX 8

Testando o JavaFX

Testando o JavaFX 1 - Crie um novo projeto java, chame-o de JavaFX

Testando o JavaFX 2 - Clique com o botão direito no projeto e acesse: Build Path -> Configure Build Path

Testando o JavaFX 3 - Clique na aba Libraries -> Add Library

Testando o JavaFX 4 - Selecione JavaFX SDK -> Next -> Finish

Testando o JavaFX 5 - Crie um pacote java chamado br.edu.iftm.javafx

Testando o JavaFX 6 - Crie um programa java chamado ProgClasseJavaFX

Testando o JavaFX 7 - Faça os imports necessários

Testando o JavaFX 8 - Estenda a classe de Application

Testando o JavaFX 9 - Implemente o método start()

Testando o JavaFX 10 - No método main, execute o launch()

Testando o JavaFX 10 - No método main, execute o launch() Teste!

Testando o JavaFX 10 - No método main, execute o launch() Teste!

Controles Básicos de Interface I

Controles Básicos de Interface I Label TextField Separator Slider Tooltip

Controles Básicos de Interface I 1 - Crie um novo programa java chamado ProgGUIBasico e estenda de Application

Controles Básicos de Interface I 2 - Faça os imports necessários.

Controles Básicos de Interface I 3 - Implemente o método start() e dentro dele adicione:

Controles Básicos de Interface I 4 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 5 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 6 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 7 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 8 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 9 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 10 - Abaixo da última linha, adicione:

Controles Básicos de Interface I 10 - Abaixo da última linha, adicione: Teste!

Controles Básicos de Interface I

Controles Básicos de Interface II

Controles Básicos de Interface II Button CheckBox RadioButton ToggleButton ToggleGroup ActionEvent ActionHandler

Controles Básicos de Interface II 1 - Crie um novo programa java chamado ProgGUIBasico2 e estenda Application

Controles Básicos de Interface II 2 - Faça os importes necessários

Controles Básicos de Interface II 3 - Implemente o método start() e remova os warnings

Controles Básicos de Interface II 4 - No método start() adicione as linhas:

Controles Básicos de Interface II 5 - Abaixo da última linha, adicione

Controles Básicos de Interface II 6 - Abaixo da última linha, adicione

Controles Básicos de Interface II 7 - Abaixo da última linha, adicione

Controles Básicos de Interface II 8 - Abaixo da última linha, adicione

Controles Básicos de Interface II 9 - Abaixo da última linha, adicione

Controles Básicos de Interface II 10 - Abaixo da última linha, adicione

Controles Básicos de Interface II 11 - Abaixo da última linha, adicione

Controles Básicos de Interface II 12 - Abaixo da última linha, adicione

Controles Básicos de Interface II 13 - Abaixo da última linha, adicione

Controles Básicos de Interface II 14 - Abaixo da última linha, adicione

Controles Básicos de Interface II 15 - Abaixo da última linha, adicione Teste!

Controles Básicos de Interface II

Controles Básicos de Interface III

Controles Básicos de Interface III ComboBox ChoiceBox

Controles Básicos de Interface III 1 - Crie um novo programa java chamado ProgGUIBasico3 e estenda Application

Controles Básicos de Interface III 2 - Faça os imports necessários

Controles Básicos de Interface III 3 - Declare a array de Strings para a classe.

Controles Básicos de Interface III 4 - Implemente o método start() e esconda os warnings

Controles Básicos de Interface III 5 - No método start() adicione as seguintes linhas:

Controles Básicos de Interface III 6 - Abaixo da última linha, adicione:

Controles Básicos de Interface III 7 - Abaixo da última linha, adicione:

Controles Básicos de Interface III 8 - Abaixo da última linha, adicione:

Controles Básicos de Interface III 9 - Teste!

Controles Básicos de Interface III 9 - Teste!

Tratamento de Eventos

Tratamento de Eventos Tratar evento é determinar qual código será executado de acordo com uma ação do usuário.

Tratamento de Eventos 1- Crie uma classe chamada TratadorEvento e implemente a interface EventHandler

Tratamento de Eventos 2- Crie um programa java chamado ProgEventos, estenda de Application e implemente a interface EventHandler

Tratamento de Eventos 3- Faça os imports necessários

Tratamento de Eventos 4- Implemente o método start()

Tratamento de Eventos 5- No método start() adicione as seguintes linhas:

Tratamento de Eventos 6- Abaixo da última linha, adicione:

Tratamento de Eventos 7- Abaixo da última linha, adicione:

Tratamento de Eventos 8- Implemente o método handle() com o seguinte código:

Tratamento de Eventos 9- Teste!

Tratamento de Eventos 9- Teste!

Tratamento de Eventos 9- Teste!

Gerenciadores de Layout

Gerenciadores de Layout Gerenciadores de layout servem para organizar os componentes que estão em uma aplicação gráfica.

Gerenciadores de Layout As principais classes do JavaFX que exercem essa função são: VBox - Alinha os componentes verticalmente; HBox - Alinha os componentes horizontalmente; StackPane - Empilha um componente sobre o outro; BorderPane - Divide os elementos em regiões e coloca um componente em cada uma dessas regiões. FlowPane - Ajeita os componentes de acordo com uma orientação e com o fluxo da aplicação; GridPane - Cria uma grade com os componentes. É possível informar qual a posição do componente na grade; AnchorPane - Os componentes filhos são ancorados" em uma parte do painel; TilePane - Um painel com pedaços para os componentes semelhante ao GridPane, mas permite tratamento dos Tiles".

Gerenciadores de Layout 1- Crie um programa java chamado ProgVBox e estenda de Application

Gerenciadores de Layout 2- Faça os imports necessários

Gerenciadores de Layout 3- Implemente o método start() e adicione o seguinte código:

Gerenciadores de Layout 4- Abaixo da última linha, adicione:

Gerenciadores de Layout 5- Abaixo da última linha, adicione:

Gerenciadores de Layout 6- Teste!

Gerenciadores de Layout 6- Teste!

Gerenciadores de Layout 7- Crie um novo programa java chamado ProgHBox com o mesmo código anterior, só alterando o gerenciador de layout para HBox

Gerenciadores de Layout 7- Crie um novo programa java chamado ProgHBox com o mesmo código anterior, só alterando o gerenciador de layout para HBox

Gerenciadores de Layout 8- Teste!

Gerenciadores de Layout 8- Teste!

Gerenciadores de Layout 9- Crie um novo programa java chamado ProgStackPane e estenda Application

Gerenciadores de Layout 10 - Faça os imports necessários

Gerenciadores de Layout 11 - Implemente o método start() com o seguinte código:

Gerenciadores de Layout 12 - Abaixo da última linha, adicione:

Gerenciadores de Layout 13 - Abaixo da última linha, adicione:

Gerenciadores de Layout 14 - Teste!

Gerenciadores de Layout 14 - Teste!

Gerenciadores de Layout 15 - Crie um novo programa java chamado ProgBorderPane, estenda Application

Gerenciadores de Layout 16 - Implemente o método start() com o seguinte código:

Gerenciadores de Layout 17 - Teste!

Gerenciadores de Layout 17 - Teste!

Gerenciadores de Layout 18 - Crie um programa java chamado ProgGridPane e estenda Application

Gerenciadores de Layout 19 - Implemente o método start() com o seguinte código:

Gerenciadores de Layout 20 - Teste!

Gerenciadores de Layout 20 - Teste!

Gerenciadores de Layout 21 - Crie um novo programa java chamado ProgFlowPane e estenda Application

Gerenciadores de Layout 22 - Implemente o método start() com o seguinte código:

Gerenciadores de Layout 23 - Teste!

Gerenciadores de Layout 23 - Teste!

Imagens e Formas Geométricas

Imagens e Formas Geométricas 1 - Crie um novo programa java chamado ProgGraficosImagens e estenda Application

Imagens e Formas Geométricas 2 - Faça os imports necessários

Imagens e Formas Geométricas 3 - Declare uma constante para o caminho da imagem.

Imagens e Formas Geométricas 4 - Implemente o método start() com o seguinte código:

Imagens e Formas Geométricas 5 - Abaixo da última linha, adicione:

Imagens e Formas Geométricas 6 - Abaixo da última linha, adicione:

Imagens e Formas Geométricas 7 - Abaixo da última linha, adicione:

Imagens e Formas Geométricas 8 - Testar!

Imagens e Formas Geométricas 8 - Testar!

Player de Vídeo 1 - Crie um novo programa java chamado ProgTocaVideo e estenda Application

Player de Vídeo 2 - Faça os imports necessários

Player de Vídeo 3 - Crie um diretório dentro de src com o nome multimidia Coloque um vídeo e um audio dentro do diretório multimídia

Player de Vídeo 4 - Crie uma constante e passe o caminho para o video.

Player de Vídeo 5 - Implemente o método start() com o código:

Player de Vídeo 6 - Teste!

Player de Vídeo 6 - Teste!

Player de Audio 1 - Crie um novo programa java chamado ProgTocaAudio e estenda Application

Player de Audio 2 - Faça os imports necessários

Player de Audio 3 - Declare uma constante para receber a musica.

Player de Audio 4 - Implemente o método start() com o seguinte código:

Player de Audio 5 - Teste!

Player de Audio 5 - Teste!

Dúvidas? Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br www.diemesleno.com.br