Javafx简单实现【我的电脑资源管理器】效果

下面是详细讲解“Javafx简单实现【我的电脑资源管理器】效果”的完整攻略：

1. 准备工作

在进行Javafx开发前，我们需要先安装好开发所需的环境，包括JDK和IDE。这里我们选择JDK1.8和Intellij IDEA作为开发环境。具体安装方法这里不作过多说明，可以参考官方文档进行安装。

2. 建立项目

使用Intellij IDEA创建一个新的JavaFX项目。在创建新项目的过程中，要选定JDK1.8版本。创建完毕后，打开代码 editor 界面，输入以下代码：

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }


    public static void main(String[] args) {
        launch(args);
    }
}

这是程序的入口方法，我们在这里启动应用程序，并加载sample.fxml中定义的界面。

3. 设计界面

我们使用Scene Builder来设计我们的电脑资源管理器界面。Scene Builder是一个可视化的图形界面编辑器，可以让我们在没有编写JavaFX代码的情况下创建用户界面。

打开Scene Builder，选择“File -> New Empty Document”创建一个新的窗口。然后从左侧的控件栏中拖拽适当大小的TreeView和TableView控件，放置在窗口的左侧和右侧。为了让结果更加美观，我们还可以添加一些ImageView、Label、Button等控件以实现更好的交互效果。

要将 Scene Builder中创建的 UI文件导入 IntelliJ IDEA的项目中，只需在Export预设中选择"Maven"或"Gradle"来生成相应文件，在您的项目中进行适当配置，并将其添加为资源文件即可。在将UI文件添加到资源文件夹中之后，我们可以通过在Main类start方法中加载UI文件来启动我们的应用程序。具体的操作步骤和代码如下：

将 FXML文件添加到资源文件中
在Main类的start方法中添加以下代码：

@Override
public void start(Stage primaryStage) throws Exception{
    Parent root = FXMLLoader.load(getClass().getResource("文件名.fxml"));
    primaryStage.setTitle("我的电脑资源管理器");
    primaryStage.setScene(new Scene(root));
    primaryStage.show();
}

在打开应用程序时，会自动加载指定的FXML文件中定义的UI界面。在这些FXML文件中，我们可以使用FXML文件中的属性和事件绑定等功能来实现界面和事件之间的交互。

4. 实现效果

实现“我的电脑资源管理器”的效果主要需要涉及到以下几个方面：

4.1. 加载硬盘驱动器信息

File[] roots = File.listRoots();
TreeItem<File> rootItem = new TreeItem<>();
for (File file : roots) {
    rootItem.getChildren().add(new TreeItem<>(file));
}
rootItem.setExpanded(true);
treeView.setRoot(rootItem);

这段代码可以通过listRoots方法获取系统中的所有硬盘驱动器信息，并将其存储在TreeItem对象中。代码的执行过程如下：

定义文件根节点
遍历所有硬盘驱动器
创建一个TreeItem，即一个新的节点对象
将新节点对象添加到根节点中作为子节点

4.2. 加载文件信息

treeView.getSelectionModel().selectedItemProperty().addListener((observable, oldValue, newValue) -> {
    tableData.clear();
    try {
        if (newValue.getValue().isDirectory()) {
            for (File file : Objects.requireNonNull(newValue.getValue().listFiles())) {
                tableData.add(new FileModel(file));
            }
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
});

这段代码加载被选中的文件夹中的所有文件信息。具体过程如下：

添加树选择器的选择变化监听器
清除Table数据
如果选择的节点是文件夹
- 遍历文件夹下的所有文件
- 将文件信息存储在绑定的数据中
- 向表格中添加文件信息

通过以上方式，我们就可以实现一个简单的“我的电脑资源管理器”应用程序了。

示例说明

示例1：添加文件删除功能

有时候，我们需要实现删除文件的需求。在这种情况下，我们需要对UI界面添加删除功能的相关控件（如删除按钮、右键菜单），并为此实现对文件的后端操作。

具体操作步骤：

在界面上添加删除文件的右键菜单。在FXML文件中加入ContextMenu，为其添加OnAction事件，具体代码如下：

<ContextMenu>
    <items>
        <MenuItem fx:id="deleteButton" text="删除">
            <onAction>
                <Lambda>
                    {event -> 
                         FileModel selectedFile = table.getSelectionModel().getSelectedItem();
                         if (selectedFile != null) {
                             if (selectedFile.getFile().delete()) {
                                 tableData.remove(selectedFile);
                             }
                         }
                    }
                </Lambda>
            </onAction>
        </MenuItem>
    </items>
</ContextMenu>

创建一个FileModel对象，用于存储文件信息

public class FileModel {
    private File file;
    private String name;
    private String size;
    private String date;

    public FileModel(File file) {
        this.file = file;
        this.name = file.getName();
        this.date = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date(file.lastModified()));
        if (!file.isDirectory()) {
            this.size = sizeToString(file.length());
        } else {
            this.size = "<DIR>";
        }
    }

    public File getFile() {
        return file;
    }

    ...
}

在Controller中添加删除按钮的监听，完成删除操作

@FXML
private void deleteMenuItemAction(ActionEvent event) {
    FileModel selectedFile = table.getSelectionModel().getSelectedItem();
    if (selectedFile != null) {
        if (selectedFile.getFile().delete()) {
            tableData.remove(selectedFile);
        }
    }
}

示例2：添加打开文件功能

有时候，我们需要实现双击文件就可以自动打开的功能，这里我们使用了Desktop类中的open方法。