Como Abrir Menus com Imagens no JavaFX
E ai Pessoal gostando do Blog? Espero que sim!!
Então hoje vamos falar de algo bem interessante, como abrir páginas no JavaFx. Nas ultimas postagens, mostrei como criar a nossa primeira aplicação, o Olá Mundo. E hoje vamos começar a Criar algo mais avançado.
Então, vamos criar um novo projeto, você pode dar qualquer nome para ele. E dentro da sua Tela principal da sua aplicação vamos carregar imagens. Essas imagens, vão servir como Menus dentro de um sistema.Para isso é bem simples basta você utilizar os componentes Hbox e um ImageView.
Primeiro você utilize o Hbox e dentro dele a quantidade de ImageView. Para carregar a Imagem que deseja no lado direito do ScnneBilder tem uma opção de propriedades, e dentro dela tem image > nesta opção você ira carregar o caminho que se encontra sua imagem. Para que seu conteúdo seja carregado vamos incluir um BorderPane, ao qual este facilita para que os componentes sejam alinhados até o final da tela.
Para você obter algumas imagens padrões utilize esse site: www.iconfinder.com
Finalizando você poderá ter uma tela tipo essa, como mostrado abaixo:
@FXML
public void abrirPagina(MouseEvent event) throws IOException{
AnchorPane telaPagina = (AnchorPane) FXMLLoader.load(
getClass().getResource("view/Cadastro.fxml"));
corpo.getChildren().clear();
corpo.setCenter(telaPagina);
}
Então hoje vamos falar de algo bem interessante, como abrir páginas no JavaFx. Nas ultimas postagens, mostrei como criar a nossa primeira aplicação, o Olá Mundo. E hoje vamos começar a Criar algo mais avançado.
Então, vamos criar um novo projeto, você pode dar qualquer nome para ele. E dentro da sua Tela principal da sua aplicação vamos carregar imagens. Essas imagens, vão servir como Menus dentro de um sistema.Para isso é bem simples basta você utilizar os componentes Hbox e um ImageView.
Primeiro você utilize o Hbox e dentro dele a quantidade de ImageView. Para carregar a Imagem que deseja no lado direito do ScnneBilder tem uma opção de propriedades, e dentro dela tem image > nesta opção você ira carregar o caminho que se encontra sua imagem. Para que seu conteúdo seja carregado vamos incluir um BorderPane, ao qual este facilita para que os componentes sejam alinhados até o final da tela.
Para você obter algumas imagens padrões utilize esse site: www.iconfinder.com
Finalizando você poderá ter uma tela tipo essa, como mostrado abaixo:
Feito isso temos que carregar a página dentro do controller de cada aplicação.
Para isso basta implementar o código a seguir:
@FXML
public void abrirPagina(MouseEvent event) throws IOException{
AnchorPane telaPagina = (AnchorPane) FXMLLoader.load(
getClass().getResource("view/Cadastro.fxml"));
corpo.getChildren().clear();
corpo.setCenter(telaPagina);
}
Na nossa tela temos que passar a ação para que o mesmo seja aberto, então na opção On Mouse Clicked devemos passar o comando de abrir que criamos (ex:abrirPagina )para que o mesmo ao ser clicado abra a página desejada.
Lembrando que cada aplicação é diferente, então para que o mesmo funcione corretamente devemos passar tudo que usamos dentro da tela no nosso Controler, usando sempre o @FXML na frente.
@FXML
private TextField txtNome;
@FXML
private ComboBox<ProfessorVO> cmbOrientador;
Então é isso galera.
Ate o próxima postagem! Valeu ^.^
Comentários
Postar um comentário