如何向未使用FXML实现Control的节点添加工具提示？

Question

在Control的JavaFX子类中有一个工具提示属性，这意味着可以使用FXML以声明方式添加Tooltip：

port

这是可能的，因为CheckBox是Control的子类。

但是，我希望能够使用FXML向任何场景图节点添加工具提示（即无需使用Java以编程方式添加工具提示）。

Answer 1

Oracle社区论坛上有archived discussion建议将Node包裹在ScrollPane内并在ScrollPane上设置工具提示。这不太理想，因为它为场景图添加了不必要的节点，但更重要的是在所有场景中都不能很好地工作。考虑尝试将工具提示添加到TitledPane：

的图形中

<TitledPane text="My TitledPane" fx:id="someTitledPane" expanded="true" contentDisplay="RIGHT">
    <graphic>
        <ScrollPane fitToWidth="true" fitToHeight="true" style="-fx-background-color: rgba(255, 255, 255, 0);">
            <ImageView fitWidth="24.0" fitHeight="24.0" preserveRatio="true" pickOnBounds="true">
            <image>
                <Image url="/images/questionMark.jpg" />
            </image>
            </ImageView>
        <tooltip>
            <Tooltip text="My tooltip."/>
        </tooltip>
        </ScrollPane>
    </graphic>
    <Label text="Hello!"/>
</TitledPane>

即使ScrollPane具有透明背景，问号图形后面仍然有一个可见的白框：

有一种解决方法，那就是利用<fx:script>的力量：

<?language javascript?>

<TitledPane text="My TitledPane" fx:id="someTitledPane" expanded="true" contentDisplay="RIGHT">
    <graphic>
        <ImageView fx:id="questionMarkImageView" fitWidth="24.0" fitHeight="24.0" preserveRatio="true" pickOnBounds="true">
        <image>
            <Image url="/images/questionMark.jpg" />
        </image>
        </ImageView>
        <fx:script>
            var tooltip = new javafx.scene.control.Tooltip('My tooltip');
            javafx.scene.control.Tooltip.install(questionMarkImageView, tooltip);
        </fx:script>
    </graphic>
    <Label text="Hello!"/>
</TitledPane>

请注意，ImageView的fx:id在脚本内部被引用（我没有看到任何地方记录此功能，只能通过实验找到它 - 这实际上促使我发布这个Q＆amp; A的希望其他人会发现它很有用）。结果如下：