WEBVTT

1
00:00:00.228 --> 00:00:03.114
In this demo I'm very briefly going to show you

2
00:00:03.115 --> 00:00:06.005
Oracle Scene Builder which is an application

3
00:00:06.006 --> 00:00:09.110
for visually editing FXML files.

4
00:00:10.228 --> 00:00:13.113
NetBeans doesn't have a built-in visual editor

5
00:00:13.114 --> 00:00:15.228
for JavaFx, so if you open

6
00:00:15.229 --> 00:00:18.228
a FXML file in NetBeans

7
00:00:19.112 --> 00:00:21.117
it launches Oracle Scene Builder

8
00:00:21.222 --> 00:00:23.009
as a separate application

9
00:00:23.118 --> 00:00:26.001
and opens your file in Scene Builder.

10
00:00:27.005 --> 00:00:29.117
Scene Builder has quite a busy user interface

11
00:00:29.118 --> 00:00:32.006
and works best on a high resolution screen

12
00:00:32.222 --> 00:00:34.223
but if I move things around a little bit

13
00:00:34.224 --> 00:00:36.115
I should be able to make this look

14
00:00:36.116 --> 00:00:38.113
a little bit better.

15
00:00:41.224 --> 00:00:44.223
In the centre you can see a visual preview of the layout

16
00:00:44.224 --> 00:00:47.229
of the interface that your FXML will produce.

17
00:00:50.003 --> 00:00:52.224
On the left you can see a toolbox of JavaFX

18
00:00:52.225 --> 00:00:55.114
controls that can be added to user interface

19
00:00:55.116 --> 00:00:58.119
there are many types of controls including containers

20
00:00:58.228 --> 00:01:03.009
menu controls, shapes, charts

21
00:01:03.222 --> 00:01:07.116
and general controls such as buttons and checkboxes.

22
00:01:11.006 --> 00:01:13.116
On the right is the inspector where you can

23
00:01:13.117 --> 00:01:17.110
edit the properties of any control in your interface

24
00:01:18.116 --> 00:01:21.004
there's a simple example lets say I want to change the

25
00:01:21.005 --> 00:01:23.225
text on this button from convert to

26
00:01:24.000 --> 00:01:27.111
lets say calculate, I can click on the button

27
00:01:27.225 --> 00:01:29.111
the properities of that button appear

28
00:01:29.112 --> 00:01:30.119
there are many properties.

29
00:01:30.228 --> 00:01:33.115
The one I want to change is the text

30
00:01:34.000 --> 00:01:37.110
so I'll type the new text

31
00:01:37.226 --> 00:01:39.005
press return

32
00:01:39.118 --> 00:01:41.226
and the preview updates to show the new

33
00:01:42.002 --> 00:01:43.119
property of the control.

34
00:01:45.003 --> 00:01:46.228
Now if I close Scene Builder

35
00:01:46.229 --> 00:01:49.119
I'll be prompted to save the changes I made

36
00:01:49.222 --> 00:01:50.229
so I'll do so.