DOC-03-22 提示框(Tooltip)

本章你将学习Tooltip控件,它可以设置给任何UI控件,当鼠标移动到该控件上时Tooltip就会显示。

Tooltip类表示一个常见的UI组件,它常用于为其他UI控件显示附加的信息。通过调用setTooltip方法可以将Tooltip设置给任何控件。

Tooltip有两种不同的状态:被激活和显示中。当Tooltip是被激活状态时,说明鼠标移动到了一个控件上。当Tooltip是显示中状态时,说明它已经明确地显示出来了。已经显示的Tooltip同样也是被激活的。在Tooltip从被激活到被明确显示出来之间一般有一个延迟。

图22-1展示了一个带有Tooltip的Password Field。

22-1 添加TooltipPassword Field

3-22-1 tooltip-password

创建一个Tooltip

学习例22-1中的代码片段,它在JavaFX应用程序中创建了如上图所示的带有Tooltip的Password Field。

22-1 添加TooltipPassword Field

javafx.scene.control包中的每个UI控件都有setTooltip方法可用来添加一个Tooltip。你可以通过Tooltip的构造方法或者使用setText方法来定义一个文本标题。

因为Tooltip类是Labeled类的一个扩展,你不仅可以添加一个文本标题,还可以添加一个图标。例22-2为Password Field的Tooltip添加了一个图标。

22-2 添加图标到Tooltip

在将这段代码添加到你的应用程序之后,编译并运行之,会显示如图22-2所示的Tooltip。

22-2 带图标的Tooltip

3-22-2 tooltip-graphic

Tooltip不仅可以包含附加或者辅助的信息,其也可以展示数据。

在Tooltip中展示应用程序数据

图22-3中的应用程序利用Tooltip中展示的信息来计算酒店住宿的总价格。

22-3 计算酒店价格

3-22-3 tooltip-booking

每个Checkbox都带有一个Tooltip。每个Tooltip显示了一个特定预定选项的价格。如果用户选中一个Checkbox,相应的价格就会添加到总数中。如果用户取消某个选中,相应的价格也会从总数中减去。

请查看例22-3中的应用程序源代码。

22-3 使用Tooltip来计算酒店价格

例22-4中的代码行被用在例22-3中来创建一个Tooltip并为其指定一个文本标题。其中将Integer类型的选项价格转换成了一个String类型的值。

22-4 Tooltip设置值

final Tooltip tooltip = new Tooltip(“$” + rates[i].toString())

你可以通过应用CSS来修改Tooltip的显示效果。

相关的API文档

· Tooltip

· Labeled

打赏一下
支付宝
微信
除非注明,博客文章均为原创,转载请标明文章地址
本文地址: http://www.javafxchina.net/blog/2015/04/doc03_tooltip/
百度已收录