如何通过NetBeans的Scene Builder将温度转换代码改造为图形化程序？

Hey there! Let's turn that console temperature converter into a snazzy GUI app using NetBeans and Scene Builder. I'll break this down step by step with code you can tweak to fit your needs:

First, create a new JavaFX Application project in NetBeans. This sets up the basic structure you need (including a main class that launches the app). Make sure Scene Builder is linked to NetBeans—you can check this in Tools > Options > Java > JavaFX and point it to your Scene Builder executable if it's not already set.

Open Scene Builder and design your interface with these components (drag them from the Library panel):

• Two Labels: One for "Enter Temperature:" and another for "Result:"
• Two TextFields: One for input (name it temperatureInput) and one for output (set this to non-editable, name it resultOutput)
• A ToggleGroup to hold two RadioButtons: Label them "Celsius to Fahrenheit" and "Fahrenheit to Celsius" (name them cToFRadio and fToCRadio)
• A Button labeled "Convert" (name it convertButton)

Once you're happy with the layout, save the FXML file (e.g., TemperatureConverter.fxml) into your project's src/main/resources folder (or the default package if you're using an older NetBeans setup).

Create a new Java class (let's call it TemperatureConverterController) to handle GUI interactions. This is where you'll reuse your original temperature conversion logic.

Here's the full controller code, with your conversion logic integrated:

import javafx.fxml.FXML;
import javafx.scene.control.RadioButton;
import javafx.scene.control.TextField;
import javafx.scene.control.ToggleGroup;

public class TemperatureConverterController {

    @FXML
    private TextField temperatureInput;
    @FXML
    private TextField resultOutput;
    @FXML
    private RadioButton cToFRadio;
    @FXML
    private RadioButton fToCRadio;
    @FXML
    private ToggleGroup conversionGroup;

    // Reuse your core conversion logic as helper methods
    private double celsiusToFahrenheit(double celsius) {
        return (celsius * 9/5) + 32;
    }

    private double fahrenheitToCelsius(double fahrenheit) {
        return (fahrenheit - 32) * 5/9;
    }

    // Method triggered when the Convert button is clicked
    @FXML
    private void handleConvertButtonAction() {
        try {
            double inputTemp = Double.parseDouble(temperatureInput.getText());
            double result;

            if (cToFRadio.isSelected()) {
                result = celsiusToFahrenheit(inputTemp);
                resultOutput.setText(String.format("%.2f °F", result));
            } else if (fToCRadio.isSelected()) {
                result = fahrenheitToCelsius(inputTemp);
                resultOutput.setText(String.format("%.2f °C", result));
            } else {
                resultOutput.setText("Select a conversion type!");
            }
        } catch (NumberFormatException e) {
            resultOutput.setText("Enter a valid number!");
        }
    }
}

Go back to Scene Builder, select the root container (like AnchorPane), then in the Controller section of the Inspector panel, enter the full class name of your controller (e.g., com.yourpackage.TemperatureConverterController). Also, make sure each component's fx:id matches the names annotated with @FXML in the controller (e.g., set the input TextField's fx:id to temperatureInput).

Don't forget to bind the Convert button's On Action event to the handleConvertButtonAction method—select the button, go to the Code section of the Inspector, and choose the method from the dropdown.

Your auto-generated main class just needs to load the FXML file. Here's what it should look like:

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class TemperatureConversionApp extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("TemperatureConverter.fxml"));
        
        Scene scene = new Scene(root);
        stage.setTitle("Temperature Converter");
        stage.setScene(scene);
        stage.show();
    }

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

• Error Handling: The try-catch block handles non-numeric input, making your app way more robust than the console version!
• Clean Output: String.format("%.2f", result) rounds results to 2 decimal places for readability.
• Layout Hacks: Use containers like VBox or GridPane in Scene Builder to keep your UI organized and responsive.

That's it! Run the project in NetBeans, and you'll have a working GUI temperature converter built from your original code.

内容的提问来源于stack exchange，提问作者Michael Riley