JavaFx实现摇头动画

项目需要,点击登录时信息填写不完整需要一些动画提示,于是就研究了一下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));//最后移动到原来的位置
重复动画的话,这个也会重复两边,动画效果看起来就不连贯,有兴趣的可以自己试试看!

图片:
JavaFx实现摇头动画_第1张图片

你可能感兴趣的:(java,javaFx)