)类 新建javafx程序时_javafx实现loading效果

本文介绍了在JavaFX程序中创建loading效果以提升用户体验的方法。在长时间操作期间,显示loading界面并禁用其他交互,操作结束后loading消失。提供了loading组件的CSS代码和加载、移除工具类的实现,展示了最终效果。如需完整代码,可私信或通过wechat获取。
摘要由CSDN通过智能技术生成

e0d74fe9a76c6e3786f45e31cd810fc0.png
  • 写在前面:请不要假装努力,结果不会陪你演戏。

依旧是自我javafx小程序编写中遇到的问题:在程序操作过程中有一个操作需要等待的时间相对较长,这个时候如果页面一直处于无提示状态虽然不会有什么问题,但是操作交互体验上会极其迷茫。

因此需要等待的操作可以借鉴web交互中的loading效果,比如下面这种展示方式:

bd687003c01fc5c17b2cc35309040865.png

当页面操作结束或者是程序操作结束之后,页面loading效果消失,在页面持续操作过程之中页面中的其他操作被禁止。

在本系统程序中使用javafx编写,页面展示操作效果为下图中的testConnection操作:

bcfb930566b2523c2637b64f25c596e4.png

下面是编写loading的页面组件的代码,关键位置的文本内容以及loading效果图的位置已经标出来了。

bc6ade3c4f69531a481a594b9901ca37.png

Loading素材贴在下面:

d7020edbbc7314f9a58c1e5dca53f8ad.png

Loading页面牵涉到的css效果代码:

c0f4f775d2e8348377e4dc1c17faddbb.png

编写loading加载和移除的工具类,主要是使用load方法加载指定位置的fxml文件,具体操作代码为:

7484d341312cda7994b6de81925a0d23.png

其中loadingDefaultf方法主要是加载操作,并且返回当前遮罩的位置,因为loading不会自己消失,所以在适当的位置可以使用方法返回的遮罩对象再次使用remove方式进行移除操作。这里,你也可以针对代码进行改进操作,设置延时参数,当超过指定的延时操作时页面的loading自动消失。

口说无凭,看下最终的实现效果:

bce488dd571f47f3347f6344e534998c.png

上面给出了关键代码和演示效果,

需要更详细的代码可以 私信我 || wechat

0986eb6ba871390746dd29f66d841749.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值