Okay, you've sketched out the blueprint for your GUI in the previous task, deciding on the overall structure and where key elements like tables, input fields, and buttons should reside. Now, it's time to translate that design into actual code by **implementing the UI components** using your chosen toolkit (Swing or JavaFX). This task focuses on creating the visible building blocks of your interface – the tables, text fields, labels, combo boxes, and buttons – and placing them within the layout containers you planned (like `BorderPane`/`BorderLayout`, `SplitPane`/`JSplitPane`, etc.). We'll build the *static* structure first; connecting these components to your backend services and making them interactive comes next. Below are parallel examples for both Swing and JavaFX, implementing the layout proposed in the previous task (Top: Inputs, Center: Split pane with two tables, Bottom: Status). *** ### Option 1: Implementing Components with Swing (`javax.swing.*`) We'll use `JFrame` as the main window, `BorderLayout` for the overall structure, `JPanel`s for grouping, `JSplitPane` for the central area, `JTable`s for data display, `JScrollPane`s for tables, `JTextField`, `JLabel`, `JComboBox`, and `JButton` for controls. ```java package com.stockmonitor.ui.swing; // Example package import javax.swing.*; import javax.swing.table.DefaultTableModel; // For table structure import java.awt.*; // For Layout Managers (BorderLayout, FlowLayout, GridBagLayout) public class StockMonitorSwingApp { // --- Declare UI Components as fields for potential later access --- private JFrame mainFrame; private JTable stocksTable; private JTable alertsTable; private JTextField addStockSymbolField; private JButton addStockButton; private JTextField addAlertSymbolField; private JComboBox alertTypeComboBox; // Use String for now private JTextField alertThresholdField; private JButton addAlertButton; private JButton removeStockButton; private JButton removeAlertButton; private JLabel statusLabel; // Table models (to define structure and hold data later) private DefaultTableModel stocksTableModel; private DefaultTableModel alertsTableModel; public void createAndShowGui() { // --- 1. Create the Main Window (JFrame) --- mainFrame = new JFrame("Stock Monitor Application"); mainFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // Exit app when window closes mainFrame.setMinimumSize(new Dimension(600, 400)); // Set a reasonable minimum size mainFrame.setLayout(new BorderLayout(5, 5)); // Use BorderLayout for overall structure (5px gaps) // --- 2. Create the Top Panel (Input Controls) --- JPanel topPanel = createTopInputPanel(); mainFrame.add(topPanel, BorderLayout.NORTH); // Add to the top region // --- 3. Create the Center Panel (Split Pane with Tables) --- JSplitPane centerSplitPane = createCenterSplitPane(); mainFrame.add(centerSplitPane, BorderLayout.CENTER); // Add to the center region // --- 4. Create the Bottom Panel (Status Bar) --- JPanel bottomPanel = createBottomStatusPanel(); mainFrame.add(bottomPanel, BorderLayout.SOUTH); // Add to the bottom region // --- 5. Pack and Display --- // mainFrame.pack(); // Adjusts window size to fit components (can use instead of setSize) mainFrame.setSize(800, 600); // Or set a preferred initial size mainFrame.setLocationRelativeTo(null); // Center the window on screen mainFrame.setVisible(true); // Make the window visible! } private JPanel createTopInputPanel() { JPanel inputPanel = new JPanel(); // Using GridBagLayout for more control over alignment in forms inputPanel.setLayout(new GridBagLayout()); GridBagConstraints gbc = new GridBagConstraints(); gbc.insets = new Insets(2, 5, 2, 5); // Padding around components gbc.anchor = GridBagConstraints.WEST; // Align components to the left // --- Stock Controls --- gbc.gridx = 0; gbc.gridy = 0; inputPanel.add(new JLabel("Add Stock:"), gbc); gbc.gridx = 1; gbc.gridy = 0; addStockSymbolField = new JTextField(10); inputPanel.add(addStockSymbolField, gbc); // 10 columns wide gbc.gridx = 2; gbc.gridy = 0; addStockButton = new JButton("Add"); inputPanel.add(addStockButton, gbc); // --- Alert Controls --- gbc.gridx = 0; gbc.gridy = 1; inputPanel.add(new JLabel("Add Alert:"), gbc); gbc.gridx = 1; gbc.gridy = 1; addAlertSymbolField = new JTextField(10); inputPanel.add(addAlertSymbolField, gbc); gbc.gridx = 2; gbc.gridy = 1; // Example alert types - populate properly later alertTypeComboBox = new JComboBox<>(new String[]{"PRICE_ABOVE", "PRICE_BELOW"}); inputPanel.add(alertTypeComboBox, gbc); gbc.gridx = 3; gbc.gridy = 1; alertThresholdField = new JTextField(8); inputPanel.add(alertThresholdField, gbc); gbc.gridx = 4; gbc.gridy = 1; addAlertButton = new JButton("Add Alert"); inputPanel.add(addAlertButton, gbc); // Add some empty space to push components left (if needed) gbc.gridx = 5; gbc.weightx = 1.0; inputPanel.add(new JLabel(" "), gbc); inputPanel.setBorder(BorderFactory.createEtchedBorder()); // Add a visual border return inputPanel; } private JSplitPane createCenterSplitPane() { // --- Create Stocks Table Panel --- // Define columns for the stocks table String[] stockColumnNames = {"Symbol", "Price", "Change", "Volume", "Timestamp"}; stocksTableModel = new DefaultTableModel(stockColumnNames, 0); // 0 rows initially stocksTable = new JTable(stocksTableModel); stocksTable.setFillsViewportHeight(true); // Table uses entire height of scroll pane JScrollPane stockScrollPane = new JScrollPane(stocksTable); // Make table scrollable JPanel stockPanel = new JPanel(new BorderLayout()); stockPanel.add(stockScrollPane, BorderLayout.CENTER); removeStockButton = new JButton("Remove Selected Stock"); JPanel stockButtonPanel = new JPanel(new FlowLayout(FlowLayout.LEFT)); stockButtonPanel.add(removeStockButton); stockPanel.add(stockButtonPanel, BorderLayout.SOUTH); // Add button below table // --- Create Alerts Table Panel --- // Define columns for the alerts table String[] alertColumnNames = {"ID", "Symbol", "Condition", "Threshold", "Status"}; alertsTableModel = new DefaultTableModel(alertColumnNames, 0); alertsTable = new JTable(alertsTableModel); alertsTable.setFillsViewportHeight(true); JScrollPane alertScrollPane = new JScrollPane(alertsTable); JPanel alertPanel = new JPanel(new BorderLayout()); alertPanel.add(alertScrollPane, BorderLayout.CENTER); removeAlertButton = new JButton("Remove Selected Alert"); JPanel alertButtonPanel = new JPanel(new FlowLayout(FlowLayout.LEFT)); alertButtonPanel.add(removeAlertButton); alertPanel.add(alertButtonPanel, BorderLayout.SOUTH); // Add button below table // --- Create the Split Pane --- JSplitPane splitPane = new JSplitPane(JSplitPane.VERTICAL_SPLIT, stockPanel, alertPanel); splitPane.setResizeWeight(0.5); // Distribute space evenly initially splitPane.setOneTouchExpandable(true); // Add small arrows to collapse/expand return splitPane; } private JPanel createBottomStatusPanel() { JPanel statusPanel = new JPanel(new FlowLayout(FlowLayout.LEFT)); // Align label left statusLabel = new JLabel("Status: Ready"); statusPanel.add(statusLabel); statusPanel.setBorder(BorderFactory.createLoweredBevelBorder()); // Add a border return statusPanel; } // --- Main method to launch the Swing GUI --- public static void main(String[] args) { // Ensure GUI creation happens on the Event Dispatch Thread (EDT) SwingUtilities.invokeLater(() -> { StockMonitorSwingApp app = new StockMonitorSwingApp(); app.createAndShowGui(); }); } } ``` *** ### Option 2: Implementing Components with JavaFX (`javafx.*`) We'll use `Stage` and `Scene` for the window, `BorderPane` for the main layout, `TableView` for tables, `ScrollPane` (if needed), `TextField`, `Label`, `ChoiceBox`, and `Button` for controls. We'll define the layout in Java code here, but using FXML is often preferred for larger JavaFX applications. ```java package com.stockmonitor.ui.javafx; // Example package import javafx.application.Application; import javafx.geometry.Insets; // For padding import javafx.geometry.Orientation; // For SplitPane import javafx.scene.Scene; import javafx.scene.control.*; // Buttons, Labels, TextFields, Tables, ChoiceBox, SplitPane, ScrollPane import javafx.scene.control.cell.PropertyValueFactory; // For connecting table columns to data later import javafx.scene.layout.*; // BorderPane, HBox, VBox, GridPane, Priority import javafx.stage.Stage; // Need a placeholder class for table data (replace with your actual model later) // import com.stockmonitor.model.Quote; // Example if using Quote directly // import com.stockmonitor.model.Alert; // Example if using Alert directly import com.stockmonitor.model.Alert.AlertConditionType; // For ChoiceBox public class StockMonitorJavaFxApp extends Application { // --- Declare UI Components as fields --- private TableView