Unterschiede
Hier werden die Unterschiede zwischen der gewählten und der aktuellen Version gezeigt.
javafx:canvas-resizeable 2015/03/20 10:12 | javafx:canvas-resizeable 2020/01/22 20:59 aktuell | ||
---|---|---|---|
Zeile 2: | Zeile 2: | ||
====== Canvas, automatische Größenanpassung (resizeable) ====== | ====== Canvas, automatische Größenanpassung (resizeable) ====== | ||
Hier ist eine kleine beispielhafte Minianwendung mit einem Canvas, welches sich automatisch der Fenstergröße anpasst:\\ | Hier ist eine kleine beispielhafte Minianwendung mit einem Canvas, welches sich automatisch der Fenstergröße anpasst:\\ | ||
- | {{:javafx:canvas-resizeable.png|}}\\ | + | {{:javafx:canvas-resizeable.png|}} <-> {{:javafx:canvas-resizeable-2.png|}}\\ |
<html> | <html> | ||
<script type="text/javascript"><!-- | <script type="text/javascript"><!-- | ||
Zeile 35: | Zeile 35: | ||
public ResizeableCanvas() { | public ResizeableCanvas() { | ||
- | widthProperty().addListener(evt -> draw()); | + | widthProperty().addListener(e -> draw()); |
- | heightProperty().addListener(evt -> draw()); | + | heightProperty().addListener(e -> draw()); |
} | } | ||
Zeile 77: | Zeile 77: | ||
import javafx.scene.paint.Color; | import javafx.scene.paint.Color; | ||
import javafx.stage.Stage; | import javafx.stage.Stage; | ||
+ | |||
public class MyFxApplication extends Application { | public class MyFxApplication extends Application { | ||
Zeile 85: | Zeile 86: | ||
Pane pane = new Pane(); | Pane pane = new Pane(); | ||
- | |||
ResizeableCanvas canvas = new ResizeableCanvas(); | ResizeableCanvas canvas = new ResizeableCanvas(); | ||
+ | |||
+ | // Größenänderungen ans Canvas binden: | ||
canvas.widthProperty().bind(pane.widthProperty()); | canvas.widthProperty().bind(pane.widthProperty()); | ||
canvas.heightProperty().bind(pane.heightProperty()); | canvas.heightProperty().bind(pane.heightProperty()); |