JavaFX+Java打字练习软件(布局篇)

时间:2023-01-05 17:00:30

在我编写打字练习软件的时候,JavaFX的布局只有HBox和VBox。前两天JavaFX发布了1.2,又新增了ClipView、Flow、Stack、Tile这四种布局(详见java.sun.com/developer/technicalArticles/javafx/v1_2_newlayouts/

所以我的软件基本上都是以HBox和VBox来布局,只有暂停时间的按钮之后有尝试使用Stack布局。

关于HBox、VBox和Tile的布局方法,JavaFX的中文官方网站上有详细的介绍,在这里我就不多做解释了,有兴趣的可以看看这里developers.sun.com.cn/javafx/1/tutorials/ui/layout/

这里稍微介绍下中文官网上没有提到的另外三种布局。

ClipView就如同它的名字一样,指的是一个被剪切的视图,就好比用手机屏幕看一张高像素的图片,在实际像素的情况下,我们用手机屏幕只能看到图片的局部,要看到图片的其他部分,我们只能通过上下左右的移动来观看。

Flow其实就等同于Swing中的流式布局,这里就不详细介绍了。

Stack的原理就是堆栈,在一个画面中有好几个图形或文字,代码部分写在最上面的图形就是先压入盏的,并且他们默认都是排放在这块布局的正中心。比如说我这里的开始暂停按钮,在Stack布局里我先画了个带圆弧的长方形(ButtonS_P),再放入文字“Start”(S_P),可以看到他们的默认位置都是在*,这样就不用在花心思计算位置了。

JavaFX+Java打字练习软件(布局篇)

 

最后再放一张登陆界面的布局截图

JavaFX+Java打字练习软件(布局篇)