Question

我正在为我的一个项目制作一个类似Photoshop的界面。但是当我试图在我的按钮上放置一个图标时，我遇到了一些问题。

这是我的fxml：

<GridPane fx:id="grid" style="-fx-border-width: 0 1 0 0; -fx-border-color: black;">
        <padding><Insets top="5"/></padding>
        <Button stylesheets="@buttons-style.css" styleClass="fill-btn"
        onAction="#but"
        prefHeight="30" prefWidth="30"
        GridPane.columnIndex="0" GridPane.rowIndex="0"
        GridPane.columnSpan="2">
        <graphic>
            <ImageView fitHeight="10.0" fitWidth="10.0">
                <image>
                    <Image url="https://www.iconexperience.com/_img/o_collection_png/green_dark_grey/512x512/plain/shape_circle.png" />
                </image>
             </ImageView>
        </graphic>
        </Button>
</GridPane>

这是我的BorderPane左侧的GridPane，它是我的应用程序的根窗格。我制作了一个css文件，以便更容易，所以这里是：

.fill-btn {
-fx-background-color: inherit;
-fx-opacity: inherit;
}

我尝试了很多解决方案，但我找不到一种方法来制作与photoshop按钮设计相同的东西。有人可以帮帮我吗？

修改

This is what I get

这是我得到的截图，左边的圆圈是我制作的按钮，它没有正确填充按钮。我有一个截图背景的截图。

Button with the background

所以你可以看到图标没有填满我的按钮。

Photoshop

这是我想要的结果，但仅限于左侧部分。我的项目是制作一个Hackenbush游戏，可以制作自己的游乐场。所以我需要左边的编辑部分，就像photoshop一样。

修改2

我注意到其他2个帖子的链接，但他们没有使用FXML，而我，我正在使用它，所以解决方案不同，他们的解决方案对我不起作用。

JavaFX - 创建一个像Photoshop一样的图标按钮

0 个答案: