<\/span><\/h2>\n[java]
\npackage de.jensd.javafx.aurea;<\/p>\n
import javafx.application.Application;
\nimport javafx.beans.value.ChangeListener;
\nimport javafx.beans.value.ObservableValue;
\nimport javafx.event.ActionEvent;
\nimport javafx.event.EventHandler;
\nimport javafx.geometry.HPos;
\nimport javafx.geometry.Insets;
\nimport javafx.scene.Scene;
\nimport javafx.scene.control.Button;
\nimport javafx.scene.control.ButtonBuilder;
\nimport javafx.scene.control.Slider;
\nimport javafx.scene.control.SliderBuilder;
\nimport javafx.scene.effect.DropShadow;
\nimport javafx.scene.layout.ColumnConstraints;
\nimport javafx.scene.layout.GridPane;
\nimport javafx.scene.layout.RowConstraints;
\nimport javafx.scene.paint.Color;
\nimport javafx.scene.paint.CycleMethod;
\nimport javafx.scene.paint.Paint;
\nimport javafx.scene.paint.RadialGradient;
\nimport javafx.scene.paint.Stop;
\nimport javafx.scene.shape.Ellipse;
\nimport javafx.scene.shape.EllipseBuilder;
\nimport javafx.scene.text.Font;
\nimport javafx.scene.text.FontWeight;
\nimport javafx.scene.text.Text;
\nimport javafx.scene.text.TextAlignment;
\nimport javafx.scene.text.TextBuilder;
\nimport javafx.stage.Stage;<\/p>\n
\/**
\n*
\n* @author Jens Deters
\n*\/
\npublic class SectioAureaApplication extends Application {<\/p>\n
private SectioModel model = new SectioModel();
\nprivate Slider slider;
\nprivate Text aValueText;
\nprivate Text bValueText;
\nprivate Text aureaText;
\nprivate Ellipse ellipse;
\nprivate Paint falsePaint;
\nprivate Paint truePaint;
\nprivate Button solveButton;<\/p>\n
public static void main(String[] args) {
\nApplication.launch(SectioAureaApplication.class, args);
\n}<\/p>\n
@Override
\npublic void start(Stage stage) throws Exception {
\nstage.setTitle(“Sectio Aurea”);<\/p>\n
model = new SectioModel();
\nmodel.setAValue(0);
\nmodel.setBValue(100.9);<\/p>\n
slider = SliderBuilder.create().
\nmin(model.getAValue()).
\nmax(model.getBValue()).
\nshowTickMarks(true).
\nshowTickLabels(true).
\nmajorTickUnit(20).
\nminorTickCount(3).
\nprefWidth(300).
\nblockIncrement(0.1f).
\nbuild();<\/p>\n
aValueText = TextBuilder.create().
\nbuild();<\/p>\n
bValueText = TextBuilder.create().
\nbuild();<\/p>\n
aureaText = TextBuilder.create().
\nbuild();<\/p>\n
solveButton = ButtonBuilder.create().
\ntext(“Solve”).
\nbuild();<\/p>\n
Stop[] falseStops = new Stop[]{new Stop(0.0, Color.WHITE), new Stop(0.3, Color.RED), new Stop(1.0, Color.DARKRED)};
\nfalsePaint = new RadialGradient(0.0, 0.0, -10.0, -10.0, 50, false, CycleMethod.NO_CYCLE, falseStops);<\/p>\n
Stop[] trueStops = new Stop[]{new Stop(0.0, Color.WHITE), new Stop(0.3, Color.GREENYELLOW), new Stop(1.0, Color.DARKGREEN)};
\ntruePaint = new RadialGradient(0.0, 0.0, -10.0, -10.0, 50, false, CycleMethod.NO_CYCLE, trueStops);<\/p>\n
ellipse = EllipseBuilder.create().
\nradiusX(30).
\nradiusY(30).
\nfill(falsePaint).
\nbuild();<\/p>\n
DropShadow ds = new DropShadow();
\nds.setOffsetY(3.0f);
\nds.setColor(Color.color(0.4f, 0.4f, 0.4f));<\/p>\n
ellipse.setEffect(ds);<\/p>\n
Text titleText = TextBuilder.create().
\ntext(“Sectio Aurea”).
\neffect(ds).
\nfont(Font.font(null, FontWeight.BOLD, 32)).
\nbuild();<\/p>\n
Text descriptionText = TextBuilder.create().
\ntext(“Move the slider until your hit the golden section.\\nHint: use the cursor keys for exact control.”).
\ntextAlignment(TextAlignment.CENTER).
\nbuild();<\/p>\n
\/\/ Put it all together
\nGridPane root = new GridPane();
\nroot.setPadding(new Insets(20, 20, 20, 20));
\nroot.setGridLinesVisible(false);<\/p>\n
RowConstraints rowInfo = new RowConstraints(100);
\nColumnConstraints colInfo = new ColumnConstraints(100);<\/p>\n
root.getRowConstraints().
\nadd(rowInfo);
\nroot.getRowConstraints().
\nadd(rowInfo);<\/p>\n
for (int j = 0; j <= 2; j++) {
\nroot.getColumnConstraints().
\nadd(colInfo);
\n}<\/p>\n
GridPane.setHalignment(titleText, HPos.CENTER);
\nGridPane.setHalignment(descriptionText, HPos.CENTER);
\nGridPane.setHalignment(slider, HPos.CENTER);
\nGridPane.setHalignment(aValueText, HPos.CENTER);
\nGridPane.setHalignment(ellipse, HPos.CENTER);
\nGridPane.setHalignment(bValueText, HPos.CENTER);
\nGridPane.setHalignment(solveButton, HPos.CENTER);<\/p>\n
GridPane.setConstraints(titleText, 0, 0, 3, 1);
\nGridPane.setConstraints(descriptionText, 0, 1, 3, 1);
\nGridPane.setConstraints(slider, 0, 2, 3, 1);
\nGridPane.setConstraints(aValueText, 0, 3);
\nGridPane.setConstraints(ellipse, 1, 3);
\nGridPane.setConstraints(bValueText, 2, 3);
\nGridPane.setConstraints(solveButton, 2, 4);<\/p>\n
root.getChildren().
\naddAll(titleText, descriptionText, slider, aValueText, ellipse, bValueText, solveButton);<\/p>\n
bindProperties();<\/p>\n
stage.setScene(new Scene(root, 350, 380));
\nstage.show();<\/p>\n
}<\/p>\n
private void refreshIndicator() {
\nif (model.getSectioAureaProperty().
\nget()) {
\nellipse.fillProperty().
\nset(truePaint);<\/p>\n
} else {
\nellipse.fillProperty().
\nset(falsePaint);
\n}
\n}<\/p>\n
private void bindProperties() {<\/p>\n
model.getAValueProperty().
\nbindBidirectional(slider.valueProperty());<\/p>\n
aValueText.textProperty().
\nbind(model.getAValueProperty().
\nasString(“%.1f”));
\nbValueText.textProperty().
\nbind(model.getBValueProperty().
\nasString(“%.1f”));<\/p>\n
aureaText.textProperty().
\nbind(model.getSectioAureaProperty().
\nasString());<\/p>\n
model.getSectioAureaProperty().
\naddListener(new ChangeListener() {<\/p>\n
@Override
\npublic void changed(ObservableValue arg0, Boolean arg1, Boolean arg2) {
\nrefreshIndicator();
\n}
\n});<\/p>\n
solveButton.setOnAction(new EventHandler() {<\/p>\n
@Override
\npublic void handle(ActionEvent arg0) {
\nmodel.setAValue(61.8);
\n}
\n});<\/p>\n
}
\n}
\n[\/java]
\n_____________________________________________________<\/p>\n
here’s the\u00a0NetBeans project:\u00a0SectioAurea.zip<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"This tutorial will introduce Clean separation of application UI and logic Using Builders supporting Fluent API Effects Layouts Property Bindings EventHandler Abstract The\u00a0Golden Ratio\u00a0(Golden Mean,\u00a0Golden Section) is defined as\u00a0\u03c6 = (\u221a5\u00a0+ 1) \/ 2. Objective Create an UI to find the golden section by using a slider. Add value labels and an indicator to get… <\/span>Continue Reading First steps with JavaFX<\/span><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false,"jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[9,10,2,4,8,7,6],"tags":[],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p38FCL-6","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/6"}],"collection":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":9,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}