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

Transcrição

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

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

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

4

5 O que é GUI - Graphical User Interface?

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

7 O que é GUI - Graphical User Interface?

8

9 Java Swing e JavaFX

10 Java Swing

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

12 Java Swing Exemplo

13 Java Swing (Exemplo) Exemplo Swing

14 Exemplo Swing

15 Exemplo Swing Teste!

16 JavaFX

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

18 JavaFX Instalando o JavaFX

19 JavaFX Instalando o JavaFX

20 Instalando o JavaFX 1 2

21 Instalando o JavaFX 3

22 Instalando o JavaFX 4 5 e(fx)clipse

23 Instalando o JavaFX 6 7

24 Instalando o JavaFX 8

25 Testando o JavaFX

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

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

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

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

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

31 Testando o JavaFX 6 - Crie um programa java chamado ProgClasseJavaFX

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

33 Testando o JavaFX 8 - Estenda a classe de Application

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

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

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

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

38 Controles Básicos de Interface I

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

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

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

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

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

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

51 Controles Básicos de Interface I

52 Controles Básicos de Interface II

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

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

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

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

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

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

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

69 Controles Básicos de Interface II

70 Controles Básicos de Interface III

71 Controles Básicos de Interface III ComboBox ChoiceBox

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

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

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

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

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

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

80 Controles Básicos de Interface III 9 - Teste!

81 Controles Básicos de Interface III 9 - Teste!

82 Tratamento de Eventos

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

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

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

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

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

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

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

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

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

92 Tratamento de Eventos 9- Teste!

95 Gerenciadores de Layout

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

97 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".

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

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

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

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

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

103 Gerenciadores de Layout 6- Teste!

105 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

106 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

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

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

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

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

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

114 Gerenciadores de Layout 14 - Teste!

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

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

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

128 Imagens e Formas Geométricas

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

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

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

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

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

136 Imagens e Formas Geométricas 8 - Testar!

137 Imagens e Formas Geométricas 8 - Testar!

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

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

140 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

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

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

143 Player de Vídeo 6 - Teste!

144 Player de Vídeo 6 - Teste!

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

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

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

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

149 Player de Audio 5 - Teste!

150 Player de Audio 5 - Teste!

151 Dúvidas? Prof. Diemesleno Souza Carvalho