JavaFX 2 Анимация: Преходи на пътя

Един от най-ярките аспекти на JavaFX 2 е неговата анимационна поддръжка. Прозорливото Създаване на преходи и анимация на времевата скала в JavaFX обхваща използването както на преходи, така и на времеви линии в JavaFX 2. В тази публикация в блога адаптирам пример, предоставен в този урок, за да демонстрирам конкретно преходите на пътя.

Пример 2 („Преход на път“), показан в Създаване на преходи и анимация на времевата скала в JavaFX, демонстрира създаване на път с класове от пакета „форми“ на JavaFX 2: javafx.scene.shape.Path, javafx.scene.shape.MoveTo и javafx .scene.shape.CubicCurve. Тогава този пример демонстрира екземпляр на javafx.animation.PathTransition и прилагане на инстанциран javafx.scene.shape.Rectangle за придвижване по създадения път.

В списъка с кодове по-долу направих някои леки промени в Пример 2 в Създаване на преходи и анимация на времевата скала в JavaFX. Специално промених движещата се форма от правоъгълник на Кръг, добавих две "крайни копчета" към пътя като два отделни кръга и добавих възможността да променя непрозрачността на пътя заедно с анимираните движения на кръга. Хубавият страничен ефект от използването на нулева непрозрачност е, че самият път не се появява и вместо това изглежда, че кръгът се движи свободно. Опитах се да разбия всяка основна част от това в свой собствен частен метод, за да улесня видимостта на "парчетата" от функционалността.

JavaFxAnimations.java

package dustin.examples; import java.util.List; import javafx.animation.PathTransition; import javafx.animation.Timeline; import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.paint.Color; import javafx.scene.shape.*; import javafx.stage.Stage; import javafx.util.Duration; /** * Simple example demonstrating JavaFX animations. * * Slightly adapted from Example 2 ("Path Transition") which is provided in * "Creating Transitions and Timeline Animation in JavaFX" * (//docs.oracle.com/javafx/2.0/animations/jfxpub-animations.htm). * * @author Dustin */ public class JavaFxAnimations extends Application { /** * Generate Path upon which animation will occur. * * @param pathOpacity The opacity of the path representation. * @return Generated path. */ private Path generateCurvyPath(final double pathOpacity) { final Path path = new Path(); path.getElements().add(new MoveTo(20,20)); path.getElements().add(new CubicCurveTo(380, 0, 380, 120, 200, 120)); path.getElements().add(new CubicCurveTo(0, 120, 0, 240, 380, 240)); path.setOpacity(pathOpacity); return path; } /** * Generate the path transition. * * @param shape Shape to travel along path. * @param path Path to be traveled upon. * @return PathTransition. */ private PathTransition generatePathTransition(final Shape shape, final Path path) { final PathTransition pathTransition = new PathTransition(); pathTransition.setDuration(Duration.seconds(8.0)); pathTransition.setDelay(Duration.seconds(2.0)); pathTransition.setPath(path); pathTransition.setNode(shape); pathTransition.setOrientation(PathTransition.OrientationType.ORTHOGONAL_TO_TANGENT); pathTransition.setCycleCount(Timeline.INDEFINITE); pathTransition.setAutoReverse(true); return pathTransition; } /** * Determine the path's opacity based on command-line argument if supplied * or zero by default if no numeric value provided. * * @return Opacity to use for path. */ private double determinePathOpacity() { final Parameters params = getParameters(); final List parameters = params.getRaw(); double pathOpacity = 0.0; if (!parameters.isEmpty()) { try { pathOpacity = Double.valueOf(parameters.get(0)); } catch (NumberFormatException nfe) { pathOpacity = 0.0; } } return pathOpacity; } /** * Apply animation, the subject of this class. * * @param group Group to which animation is applied. */ private void applyAnimation(final Group group) { final Circle circle = new Circle(20, 20, 15); circle.setFill(Color.DARKRED); final Path path = generateCurvyPath(determinePathOpacity()); group.getChildren().add(path); group.getChildren().add(circle); group.getChildren().add(new Circle(20, 20, 5)); group.getChildren().add(new Circle(380, 240, 5)); final PathTransition transition = generatePathTransition(circle, path); transition.play(); } /** * Start the JavaFX application * * @param stage Primary stage. * @throws Exception Exception thrown during application. */ @Override public void start(final Stage stage) throws Exception { final Group rootGroup = new Group(); final Scene scene = new Scene(rootGroup, 600, 400, Color.GHOSTWHITE); stage.setScene(scene); stage.setTitle("JavaFX 2 Animations"); stage.show(); applyAnimation(rootGroup); } /** * Main function for running JavaFX application. * * @param arguments Command-line arguments; optional first argument is the * opacity of the path to be displayed (0 effectively renders path * invisible). */ public static void main(final String[] arguments) { Application.launch(arguments); } } 

Следващите серии от екранни снимки показват този прост пример за анимация на JavaFX в действие. Те са изброени в ред на низходяща непрозрачност (от 1,0 до 0,0).

Демонстрация на пример за адаптиран PathTransition (непрозрачност 1.0)

Демонстрация на пример за адаптиран PathTransition (непрозрачност 0,2)

Демонстрация на пример за адаптиран път за преход (непрозрачност 0,05)

Демонстрация на пример за адаптиран PathTransition (непрозрачност 0,0)

Всяка от горните екранни снимки е направена след стартиране на приложението с посочения аргумент на командния ред (1, 0,2, 0,05 и 0).

Този адаптиран пример демонстрира използването PathTransitionна анимиране на движението на възел по предписания път (преди това съм писал в блога за използването на Path и някои от неговите алтернативи). Разработчиците могат да внедрят своя собствена производна на Transition и се поддържат и други предоставени преходи (като FadeTransition, ParallelTransition и SequentialTransition).

Това е лесен процес за бързо започване на прилагането на анимация JavaFX 2, използвайки предоставените класове за преход.

Оригинално публикуване на разположение на //marxsoftware.blogspot.com/ (вдъхновено от действителни събития)

Тази история „JavaFX 2 Animation: Path Transitions“ първоначално е публикувана от JavaWorld.