手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

   

  JavaFX作为Swing的升级版,却很少见到有人用JavaFX做为Java程序的GUI。可是Swing的这个框架已经很久没有更新过了,那些按钮控件都是几年前的样子(其实就是丑)。所以我去捣鼓了一番JavaFX,期间也踩了不少坑,这篇文章主要是想记录这个过程,如果能帮助到萌新那就更好了!

        本身Intellij IDEA是支持JavaFx的编写的,但是对于初学者来说,有个可视化的工具往往更方便轻松的编写JavaFX程序。这里我们就要用到Scene Builder了。首先需要下载Scene Builder,从这里可以下载https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html选择对应你电脑的系统下载就好了

手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

下载之后进行安装,安装好之后,我们就可以在我们的IDEA上配置Scene Builder了。点击File->Settings->Languages & Frameworks->JavaFX,在Path to SceneBuilder里添加本地Scene Builder的exe路径。

手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

设置好之后,我们新建一个JavaFX项目

手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

鼠标右键sample.fxml,点击Open In SceneBuilder

手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

我们就打开了JavaFX的可视化编辑器,我们就可以想要什么组件就直接拖到中间的面板里了,这是我客户端使用的组件,大家可以参考一下!

手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

然后这是服务器端的GUI界面手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

然后我们的成品就出来了,一个可以实现通信功能的服务器端和客户端

手把手教你用JavaFX编写一个有通信功能的服务器端和客户端

 

       相信大家已经入门了JavaFX程序的开发了,如果又不懂的地方可以留言,我会把源码发给你的= =