Draw a shape with a different color (JavaFX)

JAVAFX UI CONTROLS PROFESSOR SYLVIA YEUNG

1

MOTIVATIONS

A GRAPHICAL USER INTERFACE (GUI) MAKES A SYSTEM USER-FRIENDLY AND

EASY TO USE. CREATING A GUI REQUIRES CREATIVITY AND KNOWLEDGE OF

HOW GUI COMPONENTS WORK. SINCE THE GUI COMPONENTS IN JAVA ARE

VERY FLEXIBLE AND VERSATILE, YOU CAN CREATE A WIDE ASSORTMENT OF

USEFUL USER INTERFACES.

THIS CHAPTER INTRODUCES THE FREQUENTLY USED GUI COMPONENTS IN

DETAIL.

2

FREQUENTLY USED UI CONTROLS

3

Throughout this book, the prefixes lbl, bt, chk, rb, tf, pf, ta, cbo, lv, scb,

sld, and mp are used to name reference variables for Label, Button,

CheckBox, RadioButton, TextField, PasswordField, TextArea,

ComboBox, ListView, ScrollBar, and Slider.

LABELED

A LABEL IS A DISPLAY AREA FOR A SHORT TEXT, A NODE, OR BOTH. IT IS OFTEN USED TO

LABEL OTHER CONTROLS (USUALLY TEXT FIELDS). LABELS AND BUTTONS SHARE MANY

COMMON PROPERTIES. THESE COMMON PROPERTIES ARE DEFINED IN THE LABELED CLASS.

4

LABEL

THE LABEL CLASS DEFINES LABELS.

5

6

BUTTONBASE AND BUTTON

A BUTTON IS A CONTROL THAT TRIGGERS AN ACTION EVENT WHEN CLICKED. JAVAFX

PROVIDES REGULAR BUTTONS, TOGGLE BUTTONS, CHECK BOX BUTTONS, AND RADIO

BUTTONS. THE COMMON FEATURES OF THESE BUTTONS ARE DEFINED IN BUTTONBASE AND

LABELED CLASSES.

7

BUTTON EXAMPLE

8

CHECKBOX

A CHECKBOX IS USED FOR THE USER TO MAKE A SELECTION. LIKE BUTTON, CHECKBOX

INHERITS ALL THE PROPERTIES SUCH AS ONACTION, TEXT, GRAPHIC, ALIGNMENT,

GRAPHICTEXTGAP, TEXTFILL, CONTENTDISPLAY FROM BUTTONBASE AND LABELED.

9

CHECKBOX EXAMPLE

10

RADIOBUTTON RADIO BUTTONS, ALSO KNOWN AS OPTION BUTTONS, ENABLE YOU TO CHOOSE A SINGLE ITEM FROM

A GROUP OF CHOICES. IN APPEARANCE RADIO BUTTONS RESEMBLE CHECK BOXES, BUT CHECK BOXES

DISPLAY A SQUARE THAT IS EITHER CHECKED OR BLANK, WHEREAS RADIO BUTTONS DISPLAY A CIRCLE

THAT IS EITHER FILLED (IF SELECTED) OR BLANK (IF NOT SELECTED).

11

RADIOBUTTON EXAMPLE

12

TEXTFIELD

A TEXT FIELD CAN BE USED TO ENTER OR DISPLAY A STRING.

TEXTFIELD IS A SUBCLASS OF TEXTINPUTCONTROL.

13

TEXTFIELD EXAMPLE

14

PasswordField

• Public class PasswordField extends TextFiled

• Thext field marks entered characters.

15

TEXTAREA

A TEXTAREA ENABLES THE USER TO ENTER MULTIPLE LINES OF TEXT.

16

TEXTAREA EXAMPLE

17

ScrollPane

COMBOBOX

A COMBO BOX, ALSO KNOWN AS A CHOICE LIST OR DROP-DOWN LIST, CONTAINS A LIST

OF ITEMS FROM WHICH THE USER CAN CHOOSE.

18

public final ObservableList < T > getItems() ComboBox.setItems(ObservableList < T > value) method

19

OR

COMBOBOX EXAMPLE

20

LISTVIEW A LIST VIEW IS A COMPONENT THAT PERFORMS BASICALLY THE SAME FUNCTION AS A COMBO BOX, BUT IT ENABLES THE USER TO CHOOSE A SINGLE VALUE OR MULTIPLE VALUES.

21

EXAMPLE: USING LISTVIEW

22

SLIDER

SLIDER IS SIMILAR TO SCROLLBAR, BUT SLIDER HAS MORE PROPERTIES AND CAN APPEAR IN MANY FORMS.

23

EXAMPLE: USING SLIDERS

24