Como adicionar botões e texto para seu projeto JavaFX

Olhe no Package Explorer do Eclipse para o novo projeto.

Procure o aplicação ramo, que está dentro do src ramo.

A caixa de diálogo Selecionar um assistente aparece.

Uma caixa de diálogo FXML arquivo aparece.

Nomeie o arquivo Raiz.

Você digita o nome de raiz, mas e (fx) clipse cria um arquivo cujo nome completo é Root.fxml.

este novo Root.fxml arquivo descreve o layout dos botões, campos de texto e outras coisas em seu novo aplicativo JavaFX.

A janela do aplicativo Scene Builder aparece.

A janela Scene Builder contém diversas áreas:

A meio da janela de Cena Builder contém o painel de conteúdo, onde você pode ver uma pré-visualização o seu novo aplicativo. (Atualmente, não há nada no seu aplicativo para ver, por isso, o painel de conteúdo é um grande espaço vazio.)

A parte superior esquerda da janela contém uma painel biblioteca, que abriga uma secção de recipientes, uma secção de controlos, e em várias outras secções.

No mundo da GUI, coisas como botões, campos de texto, rótulos e caixas de seleção são chamados controles. seção controles do painel Biblioteca forma uma paleta. Para criar uma janela GUI, você arrasta controles da paleta e soltá-los no painel Conteúdo.

A parte inferior esquerda da janela contém uma painel de documento, que contém uma secção de hierarquia e uma secção de controlo. A seção Hierarquia contém um item AnchorPane.

A seção Hierarquia contém uma exibição de árvore que elementos da sua janela estão dentro do qual outros elementos. A seção controlador ajuda a ligar a janela que você criar com o código Java do aplicativo.

A parte direita da janela contém uma painel Inspector, que contém uma seção Properties, uma seção Layout, e uma seção de código.

Na seção Propriedades, você descreve as características dos elementos na sua janela. Na seção de código, o nome dos métodos Java associados com os elementos na sua janela.

Sua milhagem pode variar! Estas instruções de trabalhar em uma versão pré-lançamento de Scene Builder 2.0. Se você tiver uma versão diferente do Scene Builder, seus passos pode ser um pouco diferente.

Um marcador aparece no meio do painel de conteúdo do Scene Builder.

O AnchorPane irá ampliar.

Em seguida, arraste um controle TextField no AnchorPage no painel Conteúdo.

Arraste um controle Button para o AnchorPage no painel Conteúdo.

Se o fizer, economiza seu novo arquivo FXML.

Quando você retornar ao trabalho do Eclipse, você pode ver o novo código em seu Root.fxml Arquivo.

Clique duas vezes no ramo Root.fxml no Package Explorer para ver o código do arquivo. Se você não vê as palavras Campo de texto e Botão no código, clique com o mouse dentro da janela do editor. (Clicar o mouse atualiza o editor para refletir as alterações feitas por Scene Builder.) Se o código no editor não parece ser recuado corretamente, clique com o mouse em uma área em branco no editor e pressione Ctrl-Shift-F.

Toda vez que você deseja formatar o código no editor do Eclipse (tornando o código mais fácil de ler e fácil de entender), pressione Ctrl-Shift-F.

Comente a raiz BorderPane declaração e adicionar um raiz pai declaração, como mostrado em negrito na Listagem 20-3.

As edições em Listing 20-3 conectar o aplicativo para o seu recém-projetado Root.fxml layout.

Quando você faz, você vê uma corrida de seu projeto usando o Root.fxml Arquivo.