Escolar Documentos
Profissional Documentos
Cultura Documentos
Agilizando a
Criao de Telas em JavaFX
com JavaFX Scene Builder
Conhecendo esta IDE que facilita e dinamiza a criao
de telas em JavaFX.
31 \
/ 32
Library
ao WindowBuilder, do Eclipse para Swing, por exemplo. Seu trabalho ser apenas arrastar os componentes tela, como j dito anteriormente. Voc pode
organizar seu layout aps os componentes serem inseridos na tela. Basta arrastar os componentes at a
posio desejada.
Existe tambm algumas facilidades no menu de
contexto deste painel. Por exemplo, se tivssemos
colocado os trs componentes que esto dentro do
VBox anterior, mas sem o uso do VBox, para criarmos
um novo Box com este contedo dentro, basta clicarmos com o boto direito do mouse, aps selecionarmos os trs componentes, irmos na opo Wrap in,
e escolhermos o VBox. Pronto! Os trs componentes
foram inseridos em um novo VBox. E tambm se quisssemos abrir o VBox para o tamanho completo da
Figura 2. Aba Library.
tela, basta clicarmos com o boto direito do mouse no
VBox e selecionarmos a opo Fit to Parent. AgoHierarchy
ra, o componente encontra-se com o tamanho full do
Contm todos os componentes j adicionados AnchorPane principal.
tela. Ao gerar uma nova tela, um AnchorPane geNa figura 4, veremos um exemplo do Content Parado automaticamente para representar seu painel nel:
principal, onde conter os demais itens. Como o prprio nome diz, a tela possui um esquema de hierarquia, onde demonstra exatamente que cada Node se
encontra dentro de um Parent, ou seja, de um componente pai.
Na figura 3, veremos a representao de uma tela
com um VBox dentro do AnchorPane principal, e trs
componentes dentro do VBox:
o incio do nome do componente e uma filtragem
gerada para localizao rpida do mesmo.
Na figura 2, veremos a aba Library, conforme citado:
Inspector
Content
Aqui ficar o contedo da tela, onde o desenvolvedor visualiza o resultado da mesma em runtime,
conforme for colocando novos componentes nela.
Tudo funciona em um sistema drag n drop, idntico
Layout: nesta sub-aba, veremos todas as opes de posio do componente, alm de largura e altura preferida, mnima e mxima.
Figura 7. Aba Code.
Implementando o CSS
35 \
scene.getStylesheets().add(getClass().getClassLoader().
getResource(css/login.css).toExternalForm());
/ 36
Consideraes finais
@FXML
protected void btSairAction(ActionEvent evt) {
System.exit(0);
}
@FXML
protected void btCadastrarAction(ActionEvent evt) {
// Cadastrar novo usurio
}
@FXML
protected void btCancelarAction(ActionEvent evt) {
// Cancelar operao
paneLogin.setVisible(true);
paneNovoUsuario.setVisible(false);
@FXML
protected void linkCliqueAquiAction(ActionEvent evt) {
paneLogin.setVisible(false);
paneNovoUsuario.setVisible(true);
}
/referncias
> Toques de Requinte em Aplicaes Desktop com JavaFX,
de Bruno Henrique de Oliveira, Revista MundoJ Ed. 58.
> JavaFX Scene Builder User Guide - http://docs.oracle.
com/javafx/scenebuilder/1/user_guide/jsbpub-user_guide.
htm
37 \