2. 程式人生 > >JavaFX UI控制元件教程（二十七）之File Chooser

JavaFX UI控制元件教程（二十七）之File Chooser

阿新 • • 發佈：2018-11-10

翻譯自  File Chooser

本章介紹如何使用FileChooser該類使使用者能夠導航檔案系統。本章提供的示例說明了如何開啟一個或多個檔案，配置檔案選擇器對話方塊視窗以及儲存應用程式內容。

與其他使用者介面元件類不同，FileChooser該類不屬於該javafx.scene.controls包。但是，這個類值得在JavaFX UI Controls教程中提及，因為它支援典型的GUI應用程式功能之一：檔案系統導航。

的FileChooser類位於javafx.stage包與其他的基本根圖形元素，例如沿著Stage，Window，和Popup。圖26-1中的“檢視圖片”視窗是Windows中檔案選擇器對話方塊的示例。

圖26-1檔案選擇器視窗示例

 

開啟檔案

檔案選擇器可用於呼叫開啟的對話方塊視窗，用於選擇單個檔案或多個檔案，以及啟用檔案儲存對話方塊視窗。要顯示檔案選擇器，通常使用FileChooser該類。例26-1提供了在應用程式中啟用檔案選擇器的最簡單方法。

示例26-1顯示檔案選擇器

FileChooser fileChooser = new FileChooser();
fileChooser.setTitle("Open Resource File");
fileChooser.showOpenDialog(stage);

將示例26-1中

的程式碼新增到JavaFX應用程式後，應用程式啟動時會立即顯示檔案選擇器對話方塊視窗，如圖26-2所示。

圖26-2簡單檔案選擇器

注意：

圖26-2顯示了Windows中的檔案選擇器。在其他支援此功能的作業系統中開啟檔案選擇器時，您將收到備用視窗。圖26-3和圖26-4顯示了Linux和Mac OS中檔案選擇器視窗的示例。


圖26-3 Linux中的檔案選擇器視窗

圖26-4 Mac OS中的“檔案選擇器”視窗

Description of Figure 26-4 follows

雖然在前面的示例中，檔案選擇器在應用程式啟動時自動出現，但更典型的方法是通過選擇相應的選單項或單擊專用按鈕來呼叫檔案選擇器。在本教程中，您將建立一個應用程式，使使用者可以單擊按鈕並開啟位於檔案系統中的一個或多個圖片。例26-2

顯示了實現此任務的FileChooserSample應用程式的程式碼。

示例26-2開啟單個和多個選擇的檔案選擇器

import java.awt.Desktop;
import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.FileChooser;
import javafx.stage.Stage;
 
public final class FileChooserSample extends Application {
 
    private Desktop desktop = Desktop.getDesktop();
 
    @Override
    public void start(final Stage stage) {
        stage.setTitle("File Chooser Sample");
 
        final FileChooser fileChooser = new FileChooser();
 
        final Button openButton = new Button("Open a Picture...");
        final Button openMultipleButton = new Button("Open Pictures...");
 
        openButton.setOnAction(
            new EventHandler<ActionEvent>() {
                @Override
                public void handle(final ActionEvent e) {
                    File file = fileChooser.showOpenDialog(stage);
                    if (file != null) {
                        openFile(file);
                    }
                }
            });
 
        openMultipleButton.setOnAction(
            new EventHandler<ActionEvent>() {
                @Override
                public void handle(final ActionEvent e) {
                    List<File> list =
                        fileChooser.showOpenMultipleDialog(stage);
                    if (list != null) {
                        for (File file : list) {
                            openFile(file);
                        }
                    }
                }
            });
 
 
        final GridPane inputGridPane = new GridPane();
 
        GridPane.setConstraints(openButton, 0, 0);
        GridPane.setConstraints(openMultipleButton, 1, 0);
        inputGridPane.setHgap(6);
        inputGridPane.setVgap(6);
        inputGridPane.getChildren().addAll(openButton, openMultipleButton);
 
        final Pane rootGroup = new VBox(12);
        rootGroup.getChildren().addAll(inputGridPane);
        rootGroup.setPadding(new Insets(12, 12, 12, 12));
 
        stage.setScene(new Scene(rootGroup));
        stage.show();
    }
 
    public static void main(String[] args) {
        Application.launch(args);
    }
 
    private void openFile(File file) {
        try {
            desktop.open(file);
        } catch (IOException ex) {
            Logger.getLogger(
                FileChooserSample.class.getName()).log(
                    Level.SEVERE, null, ex
                );
        }
    }
}

在示例26-2中，“開啟圖片”按鈕使使用者可以開啟檔案選擇器進行單個選擇，“開啟圖片”按鈕使使用者可以開啟檔案選擇器進行多項選擇。setOnAction這些按鈕的方法幾乎相同。唯一的區別在於用於呼叫a的方法FileChooser。

  • 該showOpenDialog方法顯示一個新的檔案開啟對話方塊，其中可以選擇一個檔案。該方法返回指定使用者選擇的檔案的值，或者null是否未進行選擇。

  • 該showOpenMultipleDialog方法顯示了一個新的檔案開啟對話方塊，其中可以選擇多個檔案。該方法返回指定使用者選擇的檔案列表的值，或者null是否未進行選擇。無法修改返回的列表，並UnsupportedOperationException在每次修改嘗試時丟擲。

兩種方法都不會返回結果，直到顯示的開啟對話方塊視窗被取消（換句話說，直到使用者提交或取消選擇）。

編譯並執行FileChooserSample應用程式時，它會生成如圖26-5所示的視窗。

圖26-5帶有兩個按鈕的FileChooserSample

單擊其中一個按鈕時，將出現如圖26-6所示的對話方塊視窗。開啟的檔案選擇器對話方塊視窗顯示作業系統的預設位置。

圖26-6預設檔案選擇器視窗

FileChooserSample應用程式的使用者可以導航到包含圖片的目錄並選擇圖片。選擇檔案後，將使用關聯的應用程式開啟該檔案。示例程式碼通過使用實現此open的方法java.awt.Desktop類：desktop.open(file);。

注意：

Desktop該類的可用性取決於平臺。有關該類的更多資訊，請參閱API文件Desktop。您還可以使用該isDesktopSupported()方法檢查系統是否支援它。

通過將檔案選擇器目錄設定為包含圖片的特定目錄，可以改善此應用程式的使用者體驗。

 

配置檔案選擇器

您可以通過設定物件的屬性initialDirectory和title屬性來配置檔案選擇器對話方塊視窗FileChooser。例26-3顯示瞭如何指定初始目錄以及預覽和開啟圖片的合適標題。

示例26-3設定初始目錄和視窗標題

import java.awt.Desktop;
import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.FileChooser;
import javafx.stage.Stage;
 
public final class FileChooserSample extends Application {
 
    private Desktop desktop = Desktop.getDesktop();
 
    @Override
    public void start(final Stage stage) {
        stage.setTitle("File Chooser Sample");
 
        final FileChooser fileChooser = new FileChooser();
 
        final Button openButton = new Button("Open a Picture...");
        final Button openMultipleButton = new Button("Open Pictures...");
 
        openButton.setOnAction(
            new EventHandler<ActionEvent>() {
                @Override
                public void handle(final ActionEvent e) {
                    configureFileChooser(fileChooser);
                    File file = fileChooser.showOpenDialog(stage);
                    if (file != null) {
                        openFile(file);
                    }
                }
            });
 
        openMultipleButton.setOnAction(
            new EventHandler<ActionEvent>() {
                @Override
                public void handle(final ActionEvent e) {
                    configureFileChooser(fileChooser);
                    List<File> list = 
                        fileChooser.showOpenMultipleDialog(stage);
                    if (list != null) {
                        for (File file : list) {
                            openFile(file);
                        }
                    }
                }
            });
 
        final GridPane inputGridPane = new GridPane();
 
        GridPane.setConstraints(openButton, 0, 0);
        GridPane.setConstraints(openMultipleButton, 1, 0);
        inputGridPane.setHgap(6);
        inputGridPane.setVgap(6);
        inputGridPane.getChildren().addAll(openButton, openMultipleButton);
        
        final Pane rootGroup = new VBox(12);
        rootGroup.getChildren().addAll(inputGridPane);
        rootGroup.setPadding(new Insets(12, 12, 12, 12));
 
        stage.setScene(new Scene(rootGroup));
        stage.show();
    }
 
    public static void main(String[] args) {
        Application.launch(args);
    }
         
        private static void configureFileChooser(final FileChooser fileChooser){                           
        fileChooser.setTitle("View Pictures");
        fileChooser.setInitialDirectory(
            new File(System.getProperty("user.home"))
        ); 
    }
            
 
    private void openFile(File file) {
        try {
            desktop.open(file);
        } catch (IOException ex) {
            Logger.getLogger(
                FileChooserSample.class.getName()).log(
                    Level.SEVERE, null, ex
                );
        }
    }
}

該configureFileChooser方法使用“我的圖片”子目錄設定“檢視圖片”標題和使用者主目錄的路徑。編譯並執行FileChooserSample並單擊其中一個按鈕時，將出現如圖26-7所示的檔案選擇器。

圖26-7開啟圖片庫

您還可以讓使用者使用DirectoryChooser該類指定目標目錄。在例26-4中顯示的程式碼片段中，單擊它會browseButton呼叫該directoryChooser.showDialog方法。

示例26-4使用DirectoryChooser類

final Button browseButton = new Button("...");
browseButton.setOnAction(
    new EventHandler<ActionEvent>() {
        @Override
        public void handle(final ActionEvent e) {
            final DirectoryChooser directoryChooser =
                new DirectoryChooser();
            final File selectedDirectory =
                    directoryChooser.showDialog(stage);
            if (selectedDirectory != null) {
                selectedDirectory.getAbsolutePath();
            }
        }
    }
);

執行選擇後，您可以按如下方式將相應的值分配給檔案選擇器：fileChooser.setInitialDirectory(selectedDirectory);。

 

設定擴充套件過濾器

作為下一個配置選項，您可以設定擴充套件過濾器以確定在檔案選擇器中開啟哪些檔案，如例26-5所示。

示例26-5設定影象型別過濾器

import java.awt.Desktop;
import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.FileChooser;
import javafx.stage.Stage;
 
public final class FileChooserSample extends Application {
 
    private Desktop desktop = Desktop.getDesktop();
 
    @Override
    public void start(final Stage stage) {
        stage.setTitle("File Chooser Sample");
 
        final FileChooser fileChooser = new FileChooser();
        final Button openButton = new Button("Open a Picture...");
        final Button openMultipleButton = new Button("Open Pictures...");     
      
        openButton.setOnAction(
            new EventHandler<ActionEvent>() {
                @Override
                public void handle(final ActionEvent e) {
                    configureFileChooser(fileChooser);
                    File file = fileChooser.showOpenDialog(stage);
                    if (file != null) {
                        openFile(file);
                    }
                }
            });
 
        openMultipleButton.setOnAction(
            new EventHandler<ActionEvent>() {
                @Override
                public void handle(final ActionEvent e) {
                    configureFileChooser(fileChooser);                               
                    List<File> list = 
                        fileChooser.showOpenMultipleDialog(stage);
                    if (list != null) {
                        for (File file : list) {
                            openFile(file);
                        }
                    }
                }
            });
 
 
        final GridPane inputGridPane = new GridPane();
 
        GridPane.setConstraints(openButton, 0, 1);
        GridPane.setConstraints(openMultipleButton, 1, 1);
        inputGridPane.setHgap(6);
        inputGridPane.setVgap(6);
        inputGridPane.getChildren().addAll(openButton, openMultipleButton);
        
        final Pane rootGroup = new VBox(12);
        rootGroup.getChildren().addAll(inputGridPane);
        rootGroup.setPadding(new Insets(12, 12, 12, 12));
 
        stage.setScene(new Scene(rootGroup));
        stage.show();
    }
 
    public static void main(String[] args) {
        Application.launch(args);
    }
 
    private static void configureFileChooser(
        final FileChooser fileChooser) {      
            fileChooser.setTitle("View Pictures");
            fileChooser.setInitialDirectory(
                new File(System.getProperty("user.home"))
            );                 
            fileChooser.getExtensionFilters().addAll(
                new FileChooser.ExtensionFilter("All Images", "*.*"),
                new FileChooser.ExtensionFilter("JPG", "*.jpg"),
                new FileChooser.ExtensionFilter("PNG", "*.png")
            );
    }
 
    private void openFile(File file) {
        try {
            desktop.open(file);
        } catch (IOException ex) {
            Logger.getLogger(FileChooserSample.class.getName()).log(
                Level.SEVERE, null, ex
            );
        }
    }
}

在示例26-5中，您可以使用FileChooser.ExtensionFilter以定義檔案選擇的以下選項來設定擴充套件過濾器：所有影象，JPG和PNG。

編譯時，執行例26-5中的FileChooserSample程式碼，然後單擊其中一個按鈕，副檔名篩選器將出現在檔案選擇器視窗中。如果使用者選擇JPG，則檔案選擇器僅顯示JPG型別的圖片。圖26-8捕獲了My Pictures目錄中選擇JPG影象的時刻。

圖26-8在檔案選擇器中過濾JPG檔案

 

儲存檔案

除了開啟和過濾檔案之外，FileChooserAPI還提供了一種功能，允許使用者為應用程式儲存的檔案指定檔名（及其在檔案系統中的位置）。該類的showSaveDialog方法FileChooser開啟一個儲存對話方塊視窗。與其他show dialog方法一樣，該showSaveDialog方法返回使用者選擇的檔案，或者null如果沒有執行選擇。

例26-6中顯示的程式碼片段是Menu示例的補充。它還實現了上下文選單中的另一項，用於將顯示的影象儲存在檔案系統中。

示例26-6使用FileChooser類儲存影象

MenuItem cmItem2 = new MenuItem("Save Image");
    cmItem2.setOnAction(new EventHandler<ActionEvent>() {
        public void handle(ActionEvent e) {
            FileChooser fileChooser = new FileChooser();
            fileChooser.setTitle("Save Image");
            System.out.println(pic.getId());
            File file = fileChooser.showSaveDialog(stage);
            if (file != null) {
                try {
                    ImageIO.write(SwingFXUtils.fromFXImage(pic.getImage(),
                        null), "png", file);
                } catch (IOException ex) {
                    System.out.println(ex.getMessage());
                }
            }
        }
    }
);

將Example 26-6新增到MenuSample應用程式（在Application Files中查詢原始碼），編譯並執行它時，啟用Save Image選單項，如圖26-9所示。

圖26-9儲存影象

使用者選擇“儲存影象”項後，將出現如圖26-10所示的“儲存影象”視窗。

圖26-10“儲存影象”視窗

“儲存影象”視窗對應於儲存對話方塊視窗的典型使用者體驗：使用者需要選擇目標目錄，鍵入儲存檔案的名稱，然後單擊“儲存”。

 

相關的API文件 

相關推薦

JavaFX UI控制元件教程（二十七）之File Chooser

翻譯自  File Chooser 本章介紹如何使用FileChooser該類使使用者能夠導航檔案系統。本章提供的示例說明了如何開啟一個或多個檔案，配置檔案選擇器對話方塊視窗以及儲存應用程式內容。 與其他使用者介面元件類不同，FileChooser該類不屬於該javafx

JavaFX UI控制元件教程（二十四）之Password Field

翻譯自  Password Field 在本章中，您將瞭解另一種型別的文字控制元件，即密碼欄位。 本PasswordField類實現一個專門的文字欄位。通過顯示回顯字串來隱藏使用者鍵入的字元。圖23-1顯示了一個密碼欄位，其中包含提示訊息。 圖23-1帶有提示訊

JavaFX UI控制元件教程（二十一）之Tooltip

翻譯自  Tooltip 在本章中，您將瞭解工具提示，即當滑鼠游標懸停該控制元件時，可以為任何UI控制元件設定的控制元件。 的Tooltip類表示通常用於顯示關於所述使用者介面的控制附加資訊的公共UI元件。可以通過呼叫setTooltip方法在任何控制元件上設定工具提示。

JavaFX UI控制元件教程（二十六）之Pagination Control

翻譯自  Pagination Control 本章介紹如何向JavaFX應用程式新增分頁控制元件。它教授如何嚮應用程式新增分頁控制元件，管理其頁面項，以及使用CSS樣式設定控制元件元素的樣式。 分頁控制元件，用於瀏覽分成較小部分的多頁內容。典型用途包括瀏覽郵箱中的電子郵

JavaFX UI控制元件教程（二十五）之Color Picker

翻譯自  Color Picker 本章介紹ColorPicker控制元件，提供其設計概述，並說明如何在JavaFX應用程式中使用它。 JavaFX SDK中的顏色選擇器控制元件是一個典型的使用者介面元件，使使用者可以從可用範圍中選擇特定顏色，或通過指定RGB或HSB組合

JavaFX UI控制元件教程（二十八）之UI控制元件的自定義

翻譯自  Customization of UI Controls 本章介紹了UI控制元件自定義的各個方面，並總結了Oracle提供的一些提示和技巧，以幫助您修改UI控制元件的外觀和行為。 您可以通過應用層疊樣式表（CSS），重新定義預設行為和使用單元工廠來學習如何從UI

JavaFX UI控制元件教程（二十）之HTML Editor

翻譯自  HTML Editor 在本章中，您將學習如何使用嵌入式HTML編輯器編輯JavaFX應用程式中的文字。 該HTMLEditor控制元件是一個功能齊全的富文字編輯器。它的實現基於HTML5的文件編輯功能，包括以下編輯功能： 文字格式包括粗體，斜體，下

JavaFX UI控制元件教程（二十二）之Titled Pane和Accordion

翻譯自  Titled Pane and Accordion 本章介紹如何在JavaFX應用程式中使用accordion和title窗格的組合。 標題窗格是帶標題的面板。它可以開啟和關閉，它可以封裝任何Node諸如UI控制元件或影象以及新增到佈局容器的元素組。 標題窗

JavaFX UI控制元件教程（二十三）之Menu

翻譯自  Menu 本章介紹如何建立選單和選單欄，新增選單項，將選單分組，建立子選單以及設定上下文選單。 您可以使用以下JavaFX API類在JavaFX應用程式中構建選單。 選單欄 選單項 選單 CheckMen

JavaFX UI控制元件教程（十五）之Combo Box

翻譯自   Combo Box 本章介紹如何在JavaFX應用程式中使用組合框。它討論了可編輯和不可編輯的組合框，教您如何跟蹤可編輯組合框中的更改並處理它們上的事件，並解釋如何使用單元工廠來更改組合框的預設實現。 組合框是使用者介面的典型元素，使使用者可以選擇多個選項之一

JavaFX UI控制元件教程（十九）之Hyperlink

翻譯自   Hyperlink 本章介紹Hyperlink用於將文字格式化為超連結的控制元件。 所述Hyperlink類表示另一種型別的Labeled控制。圖18-1演示了預設超連結實現的三種狀態。 圖18-1超連結控制的三種狀態  

JavaFX UI控制元件教程（十八）之Progress Bar和Progress Indicator

翻譯自  Progress Bar and Progress Indicator 在本章中，您將瞭解進度指示器和進度條，以及視覺化JavaFX應用程式中任何操作進度的UI控制元件。 本ProgressIndicator類及其直接子類ProgressBar所提供的功能，以表

JavaFX UI控制元件教程（十七）之Slider

翻譯自   Slider 在本章中，您將學習如何在JavaFX應用程式中使用滑塊來顯示和與一系列數值進行互動。 該Slider控制元件由一個軌道和一個可拖動的拇指組成。它還可以包括刻度線和刻度標籤，用於指示範圍的數值。圖16-1顯示了一個典型的滑塊並指出了它的主要元素。

JavaFX UI控制元件教程（十六）之Separator

翻譯自  Separator 本章介紹如何使用分隔符組織JavaFX應用程式的UI元件。 SeparatorJavaFX API中可用的類表示水平或垂直分隔線。它用於劃分應用程式使用者介面的元素，不會產生任何操作。但是，您可以設定樣式，對其應用視覺效果，甚至為其設定動畫。

JavaFX UI控制元件教程（六）之Toggle Button

在本章中，您將瞭解ToggleButton該類，這是通過JavaFX API提供的另一種型別的按鈕。 可以將兩個或多個切換按鈕組合成一個組，其中一次只能選擇一個按鈕，或者不需要選擇。圖5-1是組合了三個切換按鈕的應用程式的截圖。應用程式根據選擇的切換按鈕繪製具有特定顏色

JavaFX UI控制元件教程（五）之Radio Button

本章討論單選按鈕控制元件和RadioButton類，該類的一個專門實現ToggleButton。 可以選擇或取消選擇單選按鈕控制元件。通常，單選按鈕組合成一個組，其中一次只能選擇一個按鈕。此行為將它們與切換按鈕區分開來，因為組中的所有切換按鈕都可以處於取消選擇狀態。

JavaFX UI控制元件教程（四）之Button

Button通過JavaFX API提供的類使開發人員能夠在使用者單擊按鈕時處理操作。該Button班是的擴充套件Labeled類。它可以顯示文字，影象或兩者。圖3-1顯示了具有各種效果的按鈕。在本章中，您將學習如何建立這些按鈕型別。 圖3-1按鈕型別

Spring.NET教程（二十一）整合Web Service(應用篇)

desc 例子 art 需要 ace 換工作 ali 關聯 private 雖然目前.net對WebService支持的非常好，Spring.NET認為還是有幾個方面可以改進： 第一、.NET在.asmx文件中保存WebService請求和服務對象的關聯關系，這些.asm

Vue.js框架--Vuex實現不同元件計數器資料共享（二十七）

主要操作技能：  官網：https://vuex.vuejs.org/zh/ 一、Vuex 解決不同元件資料共享，資料持久化。     1.安裝 cnpm install vuex --save      &nbs

Vue.js框架--Ui框架的Element UI 按需引入（二十五）

主要操作技能：  1>去官網檢視http://element-cn.eleme.io/2.4/#/zh-CN/component/quickstart  藉助 babel-plugin-component，我們可以只引入需要的元件，以達到減小專案體積的目的