Como adicionar botões e texto para seu projeto javafx

1Abra o projeto JavaFX

Olhe no Package Explorer do Eclipse para o novo projeto.

2Expandir ramo do novo projeto no Package Explorer do Eclipse

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

Video: JavaFX - Projeto 01

3direito; clique (ou em um Mac, controle clique) o aplicação ramo. No menu de contexto que aparece, escolha Arquivo → Novo → Outro

A caixa de diálogo Selecionar um assistente aparece.

4Na árvore da caixa de diálogo Selecionar um Assistente, expanda o ramo JavaFX. No ramo JavaFX, duplo-clique no item New FXML documento

Uma caixa de diálogo FXML arquivo será exibida.

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

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.

6direito; clique (ou em um Mac, controle clique) o novo ramo Root.fxml no Package Explorer do Eclipse. No menu de contexto que aparece, selecione Abrir com SceneBuilder

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ê ver um preview seu novo aplicativo. (Atualmente, não há nada em seu aplicativo para ver, por isso, o painel de 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 Controls, 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. 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 um 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ê projeta com código Java do aplicativo.

A parte mais à direita da janela contém um 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 em sua janela. Na seção de código, o nome dos métodos Java associados com elementos em sua janela.

Video: Criando Botao Voltar e Progamando Java Fx

Sua milhagem pode variar! Estas instruções 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.

7Selecione o item AnchorPane na seção Hierarquia

Um marcador aparece no meio do painel de conteúdo é a cena Builder.

8Arraste o marcador no painel Conteúdo para ampliar AnchorPane

O AnchorPane irá ampliar.

Video: JavaFX - Projeto 03

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

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

10Encontre a entrada botão na seção Controles do painel Biblioteca

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

11No menu principal, selecione Arquivo → Salvar

Fazer isso economiza seu novo arquivo FXML.

12Feche a aplicação Scene Builder

Quando você retornar ao ambiente de trabalho 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 pelo Cena 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.

13Editar o projeto de Main.java Arquivo

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 ao seu novo design Root.fxml layout.

14Executar o projeto

Quando você fizer isso, você ver uma corrida de seu projeto usando o Root.fxml Arquivo.