Увод у изглед ЈаваФКС-а
Изгледи корисничког интерфејса су средиште дизајна интерфејса. Многи оквири графичког корисничког интерфејса нуде подршку за изглед у облику АПИ-ја (Апплицатион Программинг Интерфацес). И у ЈаваФКС-у је обезбеђен богат број изгледа који помажу у испуњавању многих ограничења ради решавања доследног изгледа и осећаја. У овом случају мора се поставити само минимални број параметара. Изглед може бити различитих типова и то је објашњено у наредним одељцима детаљно.
Топ 5 ЈаваФКС изгледа
Као што смо већ расправљали, изглед ЈаваФКС-а може бити различитих типова као што су ВБок, ХБок, БордерПане, ФловПане, СтацкПане, АнцхорПане, ТилеПане, ГридПане, итд. У овом одељку ћемо разговарати о њих пет.
1. ВБок
ВБок помаже у организацији чвора у вертикалној колони. При томе, подразумевана висина подручја садржаја може приказати деци жељене висине, а задана ширина је највећа од дечије ширине. Иако се деци не могу поставити локације с обзиром на то да се аутоматски израчунавају, она се може у одређеној мери контролисати прилагођавањем ВБок својстава.
Шифра:
// Java Program to create a VBox
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;
public class JFXLayouts extends Application (
// start method helps in launching the application
public void start(Stage stage)
(
// Title set
stage.setTitle("Example for VBox");
// VBox creation
VBox vb = new VBox(10);
// Label creation
Label lb = new Label("this is VBox example");
// Add the created label to vbox
vb.getChildren().add(lb);
// add the buttons to VBox
vb.getChildren().add(new Button("Click A"));
vb.getChildren().add(new Button("Click B"));
vb.getChildren().add(new Button("Click C"));
// Scene creation
Scene scene = new Scene(vb, 300, 300);
// Scene setting
stage.setScene(scene);
stage.show();
)
// Main Method
public static void main(String args())
(
//method to launch the JavaFX application
launch(args);
)
)
Излаз:
Овде су 3 дугмета А, Б и Ц смештена хоризонтално.
2. ХБок
ХБок дјелује у супротном концепту ВБок-а. Односно, чворови ће бити организовани хоризонтално. Следи програм који помаже у разумевању ХБок-а.
Шифра:
// Java Program to create an HBox
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;
public class JFXLayouts extends Application (
// start method helps in launching the application
public void start(Stage stage)
(
// Title set
stage.setTitle("Example for HBox");
// HBox creation
HBox hb = new HBox(10);
// Label creation
Label lb = new Label("this is HBox example");
// Add the created label to Hbox
hb.getChildren().add(lb);
// add the buttons to Hbox
hb.getChildren().add(new Button("Click A"));
hb.getChildren().add(new Button("Click B"));
hb.getChildren().add(new Button("Click C"));// Scene creation
Scene scene = new Scene(hb, 300, 300);
// Scene setting
stage.setScene(scene);
stage.show();
)
// Main Method
public static void main(String args())
(
//method to launch the JavaFX application
launch(args);
)
)
Излаз:
У овом случају су 3 дугмета А, Б и Ц постављена хоризонтално.
3. БордерПане
При томе структура изгледа има пет региона као што су ТОП, БОТТОМ, ЦЕНТЕР, ЛЕВО и ДЕСНО.
Шифра:
// Java Program to create an BorderPane
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;
public class JFXLayouts extends Application (
// start method helps in launching the application
public void start(Stage stage)
(
BorderPane bp = new BorderPane();
bp.setTop(new TextField("A-Top"));
bp.setBottom(new TextField("B-Bottom"));
bp.setLeft(new TextField("C-Left"));
bp.setRight(new TextField("D-Right"));
bp.setCenter(new TextField("E-Center"));// Scene creation
Scene scene = new Scene(bp);// Title set
stage.setTitle("Example for BorderPane");
// Scene setting
stage.setScene(scene);
stage.show();
)
// Main Method
public static void main(String args())
(
//method to launch the JavaFX application
launch(args);
)
)
Излаз:
Овде је поново представљено 5 текстуалних поља у пет смерова окна.
4. ФловПане
ФловПане дозвољава кориснику да поставља чворове узастопно и омота чворове на граници. Овде чворови могу бити у вертикалном смеру (ступови) или водоравном смеру (редови).
Шифра:
// Java Program to create a flowpane
import javafx.application.Application;
import javafx.collections.ObservableList;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.FlowPane;
import javafx.scene.shape.Sphere;
import javafx.stage.Stage;
public class JFXLayouts extends Application (
// start method helps in launching the application
public void start(Stage stage)
(
//create buttons
Button b1 = new Button("Button A");
Button b2 = new Button("Button B");
Button b3 = new Button("Button C");
Button b4 = new Button("Button D");
//Flow Pane creation
FlowPane fp = new FlowPane();
//Set horizontal gap
fp.setHgap(25);
//Set margin
fp.setMargin(b1, new Insets(20, 0, 20, 20));
ObservableList list = fp.getChildren();
//Add nodes to the flow pane
list.addAll(b1, b2, b3, b4);
// Scene creation
Scene scene = new Scene(fp);
// Title set
stage.setTitle("Example for BorderPane");
// Scene setting
stage.setScene(scene);
stage.show();
)
// Main Method
public static void main(String args())
(
//method to launch the JavaFX application
launch(args);
)
)
Излаз:
5. СтацкПане
У овом распореду сви чворови су смештени унутар једне групе. Односно, чворови су распоређени слично као у хрпи, поврх другог.
Шифра:
// Java Program to create a flowpane
import javafx.application.Application;
import javafx.scene.shape.Sphere;
import javafx.collections.ObservableList;
import javafx.scene.text.Font;
import javafx.geometry.Insets;
import javafx.scene.text.FontWeight;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Circle;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.scene.paint.Color;
public class JFXLayouts extends Application (
@Override
public void start(Stage stage) (
//draw a sphere
Sphere sph = new Sphere(50);
//text creation
Text t = new Text("DEMO");
//Set font of the text
t.setFont(Font.font(null, FontWeight.BOLD, 13));
//Set color of the text
t.setFill(Color.RED);
//set position of the text
t.setX(20);
t.setY(50);
//Create a Stackpane
StackPane sp = new StackPane();
ObservableList list = sp.getChildren();
//Add nodes to the pane
list.addAll( sph, t);
// Scene creation
Scene scene = new Scene(sp);
// Title set
stage.setTitle("Example for BorderPane");
// Scene setting
stage.setScene(scene);
stage.show();
)
// Main Method
public static void main(String args())
(
//method to launch the JavaFX application
launch(args);
)
)
Излаз:
Закључак
ЈаваФКС Изгледи помажу у креирању дизајна интерфејса у складу и изглед и осећај. Изгледи могу бити различитих типова и могу се бирати на основу потреба корисника. У овом документу детаљно је обрађено пет изгледа ЈаваФКС-а.
Препоручени чланци
Ово је водич за ЈаваФКС изглед. Овде смо расправљали о првих 5 изгледа ЈаваФКС-а, као што су ВБок, ХБок, БордерПане, ФловПане и СтацкПане, заједно са примерима и имплементацијом кода. Такође можете погледати следеће чланке да бисте сазнали више -
- Изјава о прекиду у Јави
- ЈЛист на Јави
- ЈПанел на Јави
- За петљу на Јави
- Комплетан водич за ЈаваФКС ознаку
- Изјава о прекиду у ЈаваСцрипт-у
- ХТМЛ Лаиоут
- Врсте и како створити ЈаваФк карте?
- Како уносити текст у ЈаваФКС ТектФиелд?
- Конструктори и методе ЈаваФк дугмета
- Топ 15 метода ХБок-а у ЈаваФКС-у
- Како креирати потврдни оквир у ЈаваФКС-у са примерима?
- ЈаваФКС ВБок | Методе ЈаваФКС ВБок
- Различите методе ЈаваФКС СтацкПане-а