当前位置：首页 > article >正文

javafx fxml模式下 menu菜单增加图标

article 2025/1/7 22:37:08

准备图标资源
- 首先，你需要有合适的图标文件。这些图标文件可以是.png、.jpg或者其他适合的图像格式。通常，将图标文件放在项目的resources文件夹下是一个比较好的做法，这样便于管理和访问。例如，你有一个名为icon.png的图标文件，将它放在src/main/resources/icons目录下。

在 FXML 文件中定义 Menu 和相关属性

假设你已经有一个基本的FXML布局文件，并且已经定义了Menu和MenuItem。要添加图标，你需要使用graphic属性。以下是一个简单的示例：

<?xml version="1.0" encoding="UTF - 8"?>
<?import javafx.scene.control.Menu?>
<?import javafx.scene.control.MenuBar?>
<?import javafx.scene.control.MenuItem?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<MenuBar xmlns:fx="http://javafx.com/fxml/1" fx:controller="your.package.YourController">
    <menus>
        <Menu text="File">
            <MenuItem text="Open">
                <MenuItem.graphic>
                    <ImageView fitHeight="16" fitWidth="16">
                        <ImageView.image>
                            <Image url="@icons/icon.png"/>
                        </ImageView.image>
                    </ImageView>
                </MenuItem.graphic>
            </MenuItem>
        </Menu>
    </menus>
</MenuBar>

在这个示例中，ImageView用于显示图标。fitHeight和fitWidth属性可以调整图标的大小以适应MenuItem的布局。Image元素的url属性用于指定图标文件的位置。注意，@符号是用于在FXML中引用资源文件的前缀。如果你的图标文件在resources文件夹下的icons子文件夹中，就可以像上面那样引用。

在 Java 代码中关联 FXML（如果需要）

如果你还没有在 Java 代码中加载FXML文件，你需要这样做。假设你的FXML文件名为sample.fxml，并且你的主类名为Main，你可以使用以下代码来加载FXML并显示窗口：

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("JavaFX Menu with Icons");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}