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:




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

Postagens mais visitadas deste blog

Importando o PrimeFaces no Projeto!

Primeira Aplicação - Olá MundoFX