Module 11 – Introduction to GUI Programming

GUI (Graphical User Interface) යනු කුමක්ද?

GUI යනු පරිශීලකයාට බොත්තම් (buttons), පෙළ ක්ෂේත්‍ර (text fields), මෙනු (menus) වැනි චිත්‍රක අංග (visual elements) භාවිතයෙන් පරිගණක වැඩසටහනක් සමඟ අන්තර් ක්‍රියා කිරීමට ඉඩ සලසන අතුරු මුහුණතකි. Command-Line Interface (CLI) එකකට වඩා GUI එකක් භාවිතා කිරීමට පහසු සහ ආකර්ෂණීය වේ.

Java හි GUI applications නිර්මාණය කිරීමට ප්‍රධාන frameworks දෙකක් ඇත: Swing සහ JavaFX. මෙම පාඩමේදී, අපි ආරම්භකයින්ට වඩාත් පහසු වන Swing පිළිබඳව අවධානය යොමු කරමු.

ව්‍යාපෘතිය: සරල BMI කැල්කියුලේටරය (HTML පෙරදසුන)

අපි නිර්මාණය කිරීමට යන යෙදුම පෙනෙන ආකාරය පිළිබඳව මෙය ආදර්ශනයකි.

කේතය පියවරෙන් පියවර පැහැදිලි කිරීම

මෙම ව්‍යාපෘතිය සඳහා අපට එක් Java ගොනුවක් පමණක් අවශ්‍ය වේ. පහත කේතය BMICalculator.java ලෙස සුරකින්න. අපි දැන් එහි එක් එක් කොටස වෙන වෙනම අධ්‍යයනය කරමු.

// Import necessary classes from the Swing and AWT libraries
import javax.swing.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

// Our main class inherits from JFrame to become a window
public class BMICalculator extends JFrame {
    // ... code will go here
}

    // Declare all the GUI components we will need
    private JLabel weightLabel, heightLabel, resultLabel;
    private JTextField weightField, heightField;
    private JButton calculateButton;

    // The constructor is where we build the GUI
    public BMICalculator() {
        // --- A. Set up the main window (JFrame) ---
        setTitle("BMI Calculator"); // කවුළුවේ தலைക്കെട്ട്
        setSize(350, 250); // කවුළුවේ ප්‍රමාණය (පළල, උස)
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // කවුළුව වැසූ විට යෙදුම නැවතීම
        setLayout(null); // අපි components වල පිහිටීම අතින් සකසන බව කියයි

        // --- B. Create and add the components ---
        // එක් එක් component එක සාදා, setBounds මගින් එහි පිහිටීම (x, y) සහ ප්‍රමාණය (width, height) ලබා දී,
        // add() මගින් එය කවුළුවට එකතු කරයි.
        weightLabel = new JLabel("Weight (kg):");
        weightLabel.setBounds(30, 30, 100, 30);
        add(weightLabel);

        weightField = new JTextField();
        weightField.setBounds(140, 30, 150, 30);
        add(weightField);

        heightLabel = new JLabel("Height (m):");
        heightLabel.setBounds(30, 70, 100, 30);
        add(heightLabel);
        
        heightField = new JTextField();
        heightField.setBounds(140, 70, 150, 30);
        add(heightField);

        calculateButton = new JButton("Calculate BMI");
        calculateButton.setBounds(100, 120, 150, 30);
        add(calculateButton);

        resultLabel = new JLabel("Your BMI will be shown here.");
        resultLabel.setBounds(30, 160, 300, 30);
        add(resultLabel);

        // Make the window visible at the end
        setVisible(true);
    }

        // This part goes inside the constructor, after adding components
        calculateButton.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                // This code runs ONLY when the button is clicked
                try {
                    // Get text from text fields and convert to a number (double)
                    double weight = Double.parseDouble(weightField.getText());
                    double height = Double.parseDouble(heightField.getText());

                    // Calculate BMI (weight / (height * height))
                    double bmi = weight / (height * height);

                    // Display the result in the label, formatted to two decimal places
                    resultLabel.setText(String.format("Your BMI is: %.2f", bmi));

                } catch (NumberFormatException ex) {
                    // If the user enters text instead of a number, this catch block runs
                    resultLabel.setText("Please enter valid numbers.");
                }
            }
        });

    // The main method to run our application
    public static void main(String[] args) {
        // This creates an instance of our BMICalculator, which in turn runs the constructor
        new BMICalculator();
    }
} // End of the BMICalculator class

කේතය ක්‍රියාත්මක කරන ආකාරය

1. ඉහත සියලුම කේත කොටස් එකතු කර, BMICalculator.java ලෙස ඔබගේ පරිගණකයේ එක ගොනුවක සුරකින්න (Save).
2. ඔබගේ Terminal (Command Prompt) එක විවෘත කර, ඔබ ගොනුව සුරැකූ ෆෝල්ඩරය වෙත යන්න.
3. පළමුව, ගොනුව compile කරන්න. Terminal එකේ javac BMICalculator.java ලෙස ටයිප් කර Enter ඔබන්න.
4. Compile වීම සාර්ථක නම්, වැඩසටහන ක්‍රියාත්මක කිරීමට Terminal එකේ java BMICalculator ලෙස ටයිප් කර Enter ඔබන්න.
5. දැන් ඔබට BMI කැල්කියුලේටරයේ කවුළුව (window) දිස්වනු ඇත!