blocks|key|3991684|text|如果您不需要here所示的计时控件，您可以简单地将Tooltip安装在封闭的Canvas上，并利用Shape::contains来调节文本，如下所示。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3991685|node.setOnMouseMoved(e+->+{
++++tooltips.forEach((color,+bounds)+->+{
++++++++if+(bounds.contains(e.getX(),+e.getY()))+{
++++++++++++tooltip.setText(color.toString());
++++++++}
++++});
});|code-block|syntax|javascript|3991686|正如here所建议的，Java9和更高版本通过属性showDelay和showDuration提供了对Tooltip计时的控制。|3991687|类似的方法如Swing的here所示。|3991688|​|3991689|📷|atomic|3991690|3991691|import+javafx.application.Application;
import+javafx.scene.shape.Rectangle;
import+javafx.scene.Node;
import+javafx.scene.Scene;
import+javafx.scene.paint.Color;
import+javafx.scene.control.Tooltip;
import+javafx.scene.layout.StackPane;
import+javafx.scene.canvas.Canvas;
import+javafx.scene.canvas.GraphicsContext;
import+javafx.stage.Stage;

import+java.util.HashMap;
import+java.util.Map;

/**
+*+@see+https://stackoverflow.com/a/53785468/230513
+*+@see+https://stackoverflow.com/a/53753537/230513
+*/
public+class+CanvasTooltipDemo+extends+Application+{

++++@Override
++++public+void+start(Stage+stage)+throws+Exception+{
++++++++StackPane+root+=+new+StackPane();
++++++++Scene+sc+=+new+Scene(root,+400,+400);
++++++++stage.setScene(sc);
++++++++Canvas+canvas+=+new+Canvas(200,+200);
++++++++root.getChildren().add(canvas);

++++++++Map<Color,+Rectangle>+tooltips+=+new+HashMap<>();
++++++++tooltips.put(Color.RED,+new+Rectangle(0,+0,+100,+100));
++++++++tooltips.put(Color.BLUE,+new+Rectangle(100,+0,+100,+100));
++++++++tooltips.put(Color.YELLOW,+new+Rectangle(0,+100,+100,+100));
++++++++tooltips.put(Color.GREEN,+new+Rectangle(100,+100,+100,+100));
++++++++GraphicsContext+gc+=+canvas.getGraphicsContext2D();
++++++++tooltips.forEach((color,+bounds)+->+{
++++++++++++gc.setFill(color);
++++++++++++gc.fillRect(bounds.getX(),+bounds.getY(),+bounds.getWidth(),+bounds.getHeight());
++++++++});

++++++++setToolTips(canvas,+tooltips);
++++++++stage.show();
++++}

++++private+void+setToolTips(Node+node,+Map<Color,+Rectangle>+tooltips)+{
++++++++Tooltip+tooltip+=+new+Tooltip();
++++++++Tooltip.install(node,+tooltip);
++++++++node.setOnMouseMoved(e+->+{
++++++++++++tooltips.forEach((color,+bounds)+->+{
++++++++++++++++if+(bounds.contains(e.getX(),+e.getY()))+{
++++++++++++++++++++tooltip.setText(color.toString());
++++++++++++++++}
++++++++++++});
++++++++});
++++++++node.setOnMouseExited(e+->+{
++++++++++++tooltip.hide();
++++++++});
++++}

++++public+static+void+main(String[]+args)+{
++++++++Application.launch(args);
++++}
}|3991692|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/53753537/230513|1|https://docs.oracle.com/javase/8/javafx/api/javafx/scene/control/Tooltip.html|2|https://docs.oracle.com/javase/8/javafx/api/javafx/scene/canvas/Canvas.html|3|https://docs.oracle.com/javase/8/docs/api/java/awt/Shape.html#contains-double-double-|4|https://stackoverflow.com/a/49927111/230513|5|https://jutge.org/doc/java/docs/api/javafx/scene/control/Tooltip.html|6|https://stackoverflow.com/a/53609066/230513|7|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/89acaf17291a9686d86da84e57a97ef4.png|imageAlt^0|P|7|12|6|1D|F|6|4|0|P|7|1|12|6|2|1D|F|3|0|0|P|9|Z|C|1F|7|2|4|4|1F|7|5|0|C|4|6|0|0|0|1|7|0|0|0^^$0|@$1|2|3|4|5|6|7|1M|8|@$9|1N|A|1O|B|C]|$9|1P|A|1Q|B|C]|$9|1R|A|1S|B|C]]|D|@$9|1T|A|1U|1|1V]|$9|1W|A|1X|1|1Y]|$9|1Z|A|20|1|21]|$9|22|A|23|1|24]]|E|$]]|$1|F|3|G|5|H|7|25|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|26|8|@$9|27|A|28|B|C]|$9|29|A|2A|B|C]|$9|2B|A|2C|B|C]]|D|@$9|2D|A|2E|1|2F]|$9|2G|A|2H|1|2I]]|E|$]]|$1|M|3|N|5|6|7|2J|8|@]|D|@$9|2K|A|2L|1|2M]]|E|$]]|$1|O|3|P|5|6|7|2N|8|@]|D|@]|E|$]]|$1|Q|3|R|5|S|7|2O|8|@]|D|@$9|2P|A|2Q|1|2R]]|E|$]]|$1|T|3|P|5|6|7|2S|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|2T|8|@]|D|@]|E|$I|J]]|$1|W|3|-4|5|6|7|2U|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]|14|$5|Z|10|11|E|$12|15]]|16|$5|Z|10|11|E|$12|17]]|18|$5|Z|10|11|E|$12|19]]|1A|$5|Z|10|11|E|$12|1B]]|1C|$5|Z|10|11|E|$12|1D]]|1E|$5|Z|10|11|E|$12|1F]]|1G|$5|1H|10|1I|E|$1J|1K|1L|-4]]]]

If you don't need the timing control illustrated <a href="https://stackoverflow.com/a/53753537/230513">here</a>, you can simply install the <a href="https://docs.oracle.com/javase/8/javafx/api/javafx/scene/control/Tooltip.html" rel="nofollow noreferrer"><code>Tooltip</code></a> on the enclosing <a href="https://docs.oracle.com/javase/8/javafx/api/javafx/scene/canvas/Canvas.html" rel="nofollow noreferrer"><code>Canvas</code></a> and leverage <a href="https://docs.oracle.com/javase/8/docs/api/java/awt/Shape.html#contains-double-double-" rel="nofollow noreferrer"><code>Shape::contains</code></a> to condition the text as shown below.

<pre><code>node.setOnMouseMoved(e -&gt; {
 tooltips.forEach((color, bounds) -&gt; {
 if (bounds.contains(e.getX(), e.getY())) {
 tooltip.setText(color.toString());
 }
 });
});
</code></pre>

As suggested <a href="https://stackoverflow.com/a/49927111/230513">here</a>, Java 9 and later provide control over <a href="https://jutge.org/doc/java/docs/api/javafx/scene/control/Tooltip.html" rel="nofollow noreferrer"><code>Tooltip</code></a> timing via the properties <code>showDelay</code> and <code>showDuration</code>.

A similar approach is illustrated <a href="https://stackoverflow.com/a/53609066/230513">here</a> for Swing.

<a href="https://i.stack.imgur.com/LnUGS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LnUGS.png" alt="image"></a>

<pre><code>import javafx.application.Application;
import javafx.scene.shape.Rectangle;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.control.Tooltip;
import javafx.scene.layout.StackPane;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.stage.Stage;

import java.util.HashMap;
import java.util.Map;

/**
 * @see https://stackoverflow.com/a/53785468/230513
 * @see https://stackoverflow.com/a/53753537/230513
 */
public class CanvasTooltipDemo extends Application {

 @Override
 public void start(Stage stage) throws Exception {
 StackPane root = new StackPane();
 Scene sc = new Scene(root, 400, 400);
 stage.setScene(sc);
 Canvas canvas = new Canvas(200, 200);
 root.getChildren().add(canvas);

 Map&lt;Color, Rectangle&gt; tooltips = new HashMap&lt;&gt;();
 tooltips.put(Color.RED, new Rectangle(0, 0, 100, 100));
 tooltips.put(Color.BLUE, new Rectangle(100, 0, 100, 100));
 tooltips.put(Color.YELLOW, new Rectangle(0, 100, 100, 100));
 tooltips.put(Color.GREEN, new Rectangle(100, 100, 100, 100));
 GraphicsContext gc = canvas.getGraphicsContext2D();
 tooltips.forEach((color, bounds) -&gt; {
 gc.setFill(color);
 gc.fillRect(bounds.getX(), bounds.getY(), bounds.getWidth(), bounds.getHeight());
 });

 setToolTips(canvas, tooltips);
 stage.show();
 }

 private void setToolTips(Node node, Map&lt;Color, Rectangle&gt; tooltips) {
 Tooltip tooltip = new Tooltip();
 Tooltip.install(node, tooltip);
 node.setOnMouseMoved(e -&gt; {
 tooltips.forEach((color, bounds) -&gt; {
 if (bounds.contains(e.getX(), e.getY())) {
 tooltip.setText(color.toString());
 }
 });
 });
 node.setOnMouseExited(e -&gt; {
 tooltip.hide();
 });
 }

 public static void main(String[] args) {
 Application.launch(args);
 }
}
</code></pre>

In my JavaFX app I have a <code>TableView</code> with multiple columns, one of which displays data in a graphical form. To do this I have created a <code>CanvasCell</code> object that creates and manages its own <code>Canvas</code> to deal with the drawing. The drawing part works just fine.

I'd now like to put <code>Tooltips</code> over some regions within the <code>Canvas</code>/<code>Cell</code>. There may be multiple <code>Tooltips</code> per <code>Cell</code> (which prevents me from adding the <code>Tooltip</code> at the <code>Cell</code> level) and they should only trigger in specific regions of the graph. However, I'm not managing to get it functioning at all. I don't seem to understand the interactions of Display Node hierarchy well enough (read "at all") to be able to place the <code>Tooltip</code> anywhere where it will actually work.

Documentation for JavaFX is sparse and Google + SO has come up blank for all searches that I've tried. Is there anyone who knows how to do this sort of thing or should I just write it off as "not an option" for now.

For info, the <code>CanvasCell</code> calls a <code>draw()</code> function inside an extended <code>Canvas</code> object on <code>updateItem()</code>. The code in which I've tried to create a <code>Tooltip</code> sits inside that <code>draw()</code> function and looks like:

<pre><code> Rectangle rect = new Rectangle(leftVal, topVal, width, height);
 gc.fillRect(rect.getX(), rect.getY(), rect.getWidth(), rect.getHeight());
 Tooltip tooltip = new Tooltip("Tooltip Text");
 Tooltip.install(rect, tooltip);
</code></pre>

but that code was written more in hope than anything else and doesn't generate anything useful in the interface.

If someone can point me in the right direction, I will be very grateful.

How do I add a Tooltip to a rectangular region of a JavaFX Canvas

在我的JavaFX应用程序中，我有一个包含多列的TableView，其中一列以图形形式显示数据。为此，我创建了一个CanvasCell对象，该对象创建并管理自己的Canvas来处理绘图。绘图部分工作正常。现在我想把Tooltips放在Canvas/Cell中的一些区域上。每个Cell可能有多个Tooltips (这阻止...

问如何将工具提示添加到JavaFX画布的矩形区域
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将工具提示添加到JavaFX画布的矩形区域EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将工具提示添加到JavaFX画布的矩形区域
EN