在 JavaFX 2 中使用 css 定位菜单按钮上下文菜单答案

【问题标题】：Positioning MenuButton's ContextMenu using css in JavaFX2在 JavaFX 2 中使用 css 定位菜单按钮上下文菜单
【发布时间】：2017-06-23 17:19:20
【问题描述】：

我正在寻找如何在 css 中设置 MenuButton 的上下文菜单的坐标，但没有找到实现的方法。我想从实际位置降低 Conext 菜单，如附加的示例图像，如果可能的话，还有向上箭头。看看我的代码。

FXML

<MenuButton layoutX="1046.0" layoutY="38.0" mnemonicParsing="false" prefHeight="30.0" prefWidth="30.0" styleClass="notification-button">
   <graphic>
      <Pane>
         <children>
            <Circle fill="#db5344" layoutX="20.0" radius="10.0" stroke="BLACK" strokeType="OUTSIDE" strokeWidth="2.0" />
            <Label alignment="CENTER" contentDisplay="CENTER" layoutX="12.3" layoutY="-8.5" prefHeight="10.0" prefWidth="15.0" text="0" textAlignment="CENTER" />
         </children>
      </Pane>
   </graphic>
   <items>
      <MenuItem mnemonicParsing="false" text="Sample" />
   </items>
</MenuButton>

CSS

.menu-button > .arrow-button {
    -fx-padding: 0;
}
.menu-button > .arrow-button > .arrow {
    -fx-padding: 0;
}
.menu-item {
    -fx-padding: 10;
}
.menu-item .label {
    -fx-text-fill: white;
}
.menu-item:focused {
    -fx-background-color: darkgray;
}
.menu-item:focused .label {
    -fx-text-fill: blue;
}
.menu-item .label {
    -fx-text-fill: yellow;
}
.menu-item:focused .label {
    -fx-text-fill: white;
}
.context-menu {
    -fx-skin: "com.sun.javafx.scene.control.skin.ContextMenuSkin";
    -fx-text-fill: white;
    -fx-background-color: #006699;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
    -fx-padding: 10px;
}
.context-menu .separator {
    -fx-padding: 10;
}
.context-menu .container {
    -fx-padding: 10;
}
.context-menu .scroll-arrow {
    -fx-padding: 10;
    -fx-background-color: #006699;
}
.context-menu .scroll-arrow:hover {
    -fx-background: -fx-accent;
    -fx-background-color: #006699;
    -fx-text-fill: -fx-selection-bar-text;
}
.context-menu:show-mnemonics .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
}

以下附加图片将帮助您理解我的问题。第一个图像是我当前代码的输出，第二个和第三个图像是我想要的。第二个和第三个图像都用于自定义样式以在网页中进行下拉。我可以在 JavaFX2 中实现相同的功能吗？

你可以看到我的 fxml 代码，我在里面使用了MenuButton 和MenuItem。如果你认为这无济于事。请告诉我其他获取方式。

【问题讨论】：

标签： java css javafx-2

【解决方案1】：

嗯，我相信有很多开发人员知道如何做到这一点。可能他们没有时间做这个或者没有意识到我的问题。

顺便说一句，我在这之后浪费了将近 2 天。但很高兴我能够解决这个问题。

【讨论】：

我是javafx的新手，你能和我分享一些例子吗？ :)