Como adicionar botões e texto ao seu projeto JavaFX - dummies

Como iniciador do programa java, você quer adicionar coisas ao seu projeto JavaFX. Quando você cria um programa GUI de alta potência, você começa criando uma janela com botões e outros widgets. Em seguida, você adiciona métodos para responder a batidas de teclas, cliques de botão e outras coisas assim.

Aqui, você usa um arquivo XML para descrever um botão e um campo de texto:

1Abra seu projeto JavaFX.

Olhe no Explorador de Pacotes do Eclipse para o novo projeto.

2Expandir o ramo do novo projeto no Eclipse Package Explorer.

Procure o ramo do aplicativo, que está dentro do ramo src.

3 Clique com o botão direito (ou no Mac, clique com o botão direito do mouse) no ramo do aplicativo. No menu de contexto que aparece, escolha Arquivo → Novo → Outro.

A caixa de diálogo Selecionar um assistente é exibida.

4 Na árvore da caixa de diálogo Selecionar um assistente, expanda o ramo JavaFX. No ramo JavaFX, clique duas vezes no item Novo documento FXML.

Aparece uma caixa de diálogo Arquivo FXML.

5No campo Nome da caixa de diálogo, digite um nome para o seu novo arquivo e clique em Concluir.

Nomeie o arquivo Root .

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

Esta nova Raiz. O arquivo fxml descreve o layout dos botões, campos de texto e outras coisas em seu novo aplicativo JavaFX.

6Clique com o botão direito do mouse (ou no Mac, clique com o botão direito do mouse) na nova Raiz. ramo fxml no Package Explorer do Eclipse. No menu de contexto que aparece, selecione Abrir com SceneBuilder.

A janela do aplicativo Scene Builder é exibida.

A janela Scene Builder contém várias áreas:

O meio da janela Scene Builder contém o Painel de conteúdo , onde você vê uma pré-visualização do seu novo aplicativo. (Atualmente, não há nada em seu aplicativo para ver, portanto, o painel Conteúdo é um grande espaço vazio.)

A parte superior esquerda da janela contém um painel Biblioteca , que abriga uma seção Containers, uma seção de controles e várias outras seções.

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

A parte inferior esquerda da janela contém um Painel de documentos , que contém uma seção de Hierarquia e uma seção de Controlador. A seção Hierarquia contém um item AnchorPane.

A seção Hierarquia contém uma árvore mostrando quais elementos da sua janela estão dentro dos quais outros elementos.A seção Controller ajuda você a vincular a janela que você designa com o código Java do aplicativo.

A parte mais à direita da janela contém um Painel do Inspector , que contém uma seção de Propriedades, uma seção de Layout e uma seção de Código.

Na seção Propriedades, você descreve os recursos dos elementos em sua janela. Na seção Código, você nomeia os métodos Java associados aos elementos em sua janela.

Sua milhagem pode variar! Essas instruções funcionam em uma versão de pré-visualização do Scene Builder 2. 0. Se você tiver uma versão diferente do Scene Builder, seus passos podem ser um pouco diferentes.

7Selecione o item AnchorPane na seção Hierarquia.

Um marcador aparece no meio do painel Conteúdo do Construtor de Cena.

8Drag o marcador no painel de conteúdo para ampliar o AnchorPane.

O AnchorPane irá ampliar.

9Firme a entrada TextField na seção Controles do painel Biblioteca

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

10Introduza a entrada do botão na seção Controles do painel da Biblioteca.

Arraste um controle de botão para o AnchorPage no painel Conteúdo.

11No menu principal, selecione Arquivo → Salvar.

Fazendo isso, salva seu novo arquivo FXML.

12Feche o aplicativo Scene Builder.

Quando você retorna ao banco de trabalho do Eclipse, você pode ver o novo código na sua Raiz. arquivo fxml.

Clique duas vezes na Raiz. ramo fxml no Package Explorer para ver o código do arquivo. Se você não vê as palavras TextField e Button no código, clique no mouse dentro da janela do editor. (Clicar no mouse atualiza o editor para refletir as alterações feitas pelo Criador de cena.) Se o código no editor não parece ser recuado corretamente, clique no mouse em uma área em branco no editor e pressione Ctrl-Shift-F.

Sempre que quiser formatar o código no editor do Eclipse (tornando o código mais fácil de ler e mais fácil de entender) pressione Ctrl-Shift-F.

13Escreva o Main's do projeto. arquivo java.

Comente a instrução raiz do BorderPane e adicione uma instrução raiz pai, conforme mostrado em negrito na lista 20-3.

As edições na Listagem 20-3 conectam o aplicativo à sua Raiz recentemente projetada. layout fxml.

14Run o projeto.

Quando você faz, você vê uma série de seu projeto usando a Raiz. arquivo fxml.