如何在javafx的角落创建带有小箭头的漂亮工具提示？

Question

我想创建一个很酷的工具提示，可以通过编程方式和所需位置显示。

我在javaFx中看过工具提示，但我需要弹出一个漂亮的工具提示，其中箭头指向TextField。

我需要像stackoverflow上的那个工具提示：

也许之前有人这样做过或者知道怎么做？

谢谢！

Answer 1

我认为这会对你有所帮助。

.tooltip {
-fx-skin: "com.sun.javafx.scene.control.skin.TooltipSkin";
-fx-background-color:
    linear-gradient(#cec340, #a59c31),
    linear-gradient(#fefefc, #e6dd71),
    linear-gradient(#fef592, #e5d848);
-fx-background-insets: 0,1,2;
-fx-background-radius: 0 0 13 0;
-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 8, 0.0 , 0 , 0 );
}
.page-corner {
-fx-padding: 4.5 4.5 4.5 4.5;
-fx-background-color: linear-gradient( from 0% 0% to 50% 50%, #fcf7b6, #a59c31);
-fx-shape: "M0,0H9L0,9Z";
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 4 , 0.0 , 0 , 0 );
}