06 2023 档案
摘要:# 如何将不同类型的Property绑定_使用绑定表达式 我们知道,相同的 Property 可以直接调用 bind 进行绑定。 而不同类型的 Property 则不能。 现在,我想令 textProperty 和 booleanProperty 进行绑定: 当 booleanProperty 为
阅读全文
摘要:# 如何实现自定义控件_通过继承Parent 有时,我们会有这样的想法:将多个控件组合在一起,抽象成一个控件,从而方便使用。 比如,我们经常将 Label 和 TextField 组合在一起,作为一个输入框。 那么如何实现这样的组合呢? 有一个简单的方案:继承 Parent 类。 当一个类继承 Pa
阅读全文
摘要:# 如何实现带有颜色文本的日志框_使用HTMLEditor模拟 HTMLEditor 是一个强大的 html 编辑器,可以方便的编辑各种 html 元素并得到 html 文本。 比之 TextArea 要强大很多,因为 TextArea 中所有的文本只能有一种样式。 如果想要实现一个日志框,其中普通
阅读全文
摘要:# 如何为程序添加ICON 程序图标位于窗口的左上角,也位于任务栏中。 JavaFX 可以使用一张 png 图片来设置图标。 ## 效果展示 ![](https://img2023.cnblogs.com/blog/3203505/202306/3203505-20230616103214170-3
阅读全文
摘要:# 如何制作一个无标题栏且可拖拽的窗口 默认情况下,我们创建一个窗口自带有一个标题栏,标题栏上有程序的图标和标题,以及最小化、最大化、关闭按钮。 默认标题栏的样式比较固定,有时候为了自定义样式,就需要先隐藏默认的标题栏,然后自己制作一个。 同时有时还希望修改默认的拖拽窗口的方式(即按住标题栏拖动窗口
阅读全文
摘要:# 如何使用默认提示框Alert Alert 是 JavaFX 自带的一个窗口,提供了一些默认的样式供我们选择: - 提示框 - 确认框 - 错误框 默认情况下,当打开一个 Alert 时,其他的窗口无法进行操作。 我们还可以获取对 Alert 窗口操作的结果。 ## 效果展示 ![](https:
阅读全文
摘要:# 如何为布局增加滚动条_使用ScrollPane 当我们使用某些布局时候,比如VBox,其容纳的控件超过了显示大小时,我们可能无法看到这些控件。 解决方案是为Vbox增加一个滚动条,从而可以滚动地显示更多内容,这就要用到 ScrollPane 。 ScrollPane 是一种特殊的控件,它可以设置
阅读全文
摘要:# 如何正确在多线程环境下更新UI_使用Platform的runLater方法 许多UI控件都提供了各种修改方法,比如我们可以修改 Label 上面的文本,进度条 ProgressBar 的进度。 但我们必须保证修改UI的线程是 JavaFX 的UI线程,如果不是则会出现异常。 那么我们如何在另一个
阅读全文
摘要:# 如何绑定Property以实现控件属性同步 控件的属性往往是各种 Property ,比如 StringProperty, IntegerProperty 。它们有着特殊的性质: - 可以在其上添加一个监听函数,在属性发生变化时自动调用 - 可以绑定另一个 Property ,从而同步变更 ##
阅读全文
摘要:# 如何在JavaFX中使用CSS CSS用于定制用户界面的显示样式。JavaFX 也可以通过 css 文件来支持 CSS 。 对于 JavaFX 中的元素,有的会有默认的规则,我们对这个规则设置 CSS 样式,就可以修改其关联的元素的显示效果。 比如,Label 控件关联的规则名是 `.label
阅读全文
摘要:# 如何使用RadioMenuItem添加单选菜单项 几个 RadioMenuItem 可以组成一个组合,组合中只能有一个菜单条目被选择。 ## 效果展示 ![image](https://img2023.cnblogs.com/blog/3203505/202306/3203505-2023060
阅读全文
摘要:# 如何使用CheckMenuItem添加可选菜单项 CheckMenuItem 也是一种菜单项目,类似 CheckBox ,拥有可选状态。 CheckMenuItem 可以添加到菜单中。 ## 效果展示 ![image](https://img2023.cnblogs.com/blog/32035
阅读全文
摘要:# 如何制作菜单 在 JavaFX 中,我们通过 MenuBar, Menu, MenuItem 来制作菜单。 MenuBar 是菜单栏,通常位于窗口顶部。 Menu 是一个菜单项,放在菜单栏上。 MenuItem 是一个菜单条目,位于 Menu 中。 ## 效果展示 ![image](https:
阅读全文