JavaFx Path 实现摇头动画

项目需要，点击登录时信息填写不完整需要一些动画提示，于是就研究了一下JavaFx的动画，方便以后查看！
以此记录！
废话不多说，代码如下：

            Path path = new Path();//创建一个路径对象
            double x=loginButton.getLayoutX()+25;
            double y=loginButton.getLayoutY();
            path.getElements().add(new MoveTo(x, y+18));//从哪个位置开始动画，一般来说给组件的默认位置就行
            path.getElements().add(new LineTo(x-20, y+18));//添加一个向左移动的路径
            path.getElements().add(new LineTo(x+20, y+18));//添加一个向右移动的路径  这样就完成第一遍摇头
            path.getElements().add(new LineTo(x-20, y+18));//添加一个向左移动的路径 第二遍
            path.getElements().add(new LineTo(x+20, y+18));//添加一个向右移动的路径  这样就完成第二遍摇头
            path.getElements().add(new LineTo(x, y+18));//最后移动到原来的位置

            PathTransition pathTransition = new PathTransition();//创建一个动画对象
            pathTransition.setDuration(Duration.seconds(0.5));//动画持续时间 0.5秒
            pathTransition.setPath(path);//把我们设置好的动画路径放入里面
            pathTransition.setNode(loginButton);//给动画添加组件，让某个组件来完成这个动画
            pathTransition.setCycleCount(1);//执行1遍 
            pathTransition.play();//执行动画

有的同学会想，我们添加了重复的两个左右移动路径，为什么不复用，把
setCycleCount(1) 改成
setCycleCount(2)，
因为复用，我们有一个
path.getElements().add(new LineTo(x, y+18));//最后移动到原来的位置
重复动画的话，这个也会重复两边，动画效果看起来就不连贯，有兴趣的可以自己试试看！

图片：