Adding Images to a text in JFrame in Java Swing

Question

I am building a Chat Bot application that queries text files according to topic and returns a text (answer) and would also want to display images related to that topic e.x Cricket. I am able to query and get text properly but trying to show images that that stored in the same place where my text file is. I am using ImageIcon for this. Is there any way that I can produce text with one or more images?

package com.javavalley;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.JScrollPane;

import java.awt.event.*;
import javax.swing.border.Border;
import javax.swing.BorderFactory;
import java.lang.Override;
import java.lang.Thread;
import java.awt.*;
import javax.swing.*;
import javax.swing.border.*;
import java.lang.Math;

public class ChatBot extends JFrame{
    
    private JFrame frame;
    private JTextArea chatArea;
    private JTextField chatBox;
    private JScrollPane scroll;
    private Border border;
    
    private ImageIcon image1;
    private JLabel label1;
    private ImageIcon image2;
    private JLabel label2;
    
    public static void main(String[] args){
        new ChatBot();
    }
    
    public ChatBot(){


        JPanel gui = new JPanel(new BorderLayout(5,5));
        JPanel panel = new JPanel();
        JLabel label = new JLabel(new ImageIcon(getClass().getResource("SamsungJ2.png")));
        add(label);
        panel.setLayout(new FlowLayout());
        frame = new JFrame("Product Bot");
        frame.setContentPane(gui);
        chatArea = new JTextArea(10, 50);
        chatBox = new JTextField();
        scroll = new JScrollPane(chatArea,
                JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED,
                JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
        border = BorderFactory.createLineBorder(Color.BLUE, 1);
        chatBox.setBorder(border);

        JLabel bot = new JLabel(
                "Hello! I am a \"Product Bot\"! that answers product related queries! " +
                "Ask me by typing above. Type \"QUIT\" to end the program.");
        chatArea.append("Chats: \n");
        chatBox.setText("");

        gui.add(chatBox, BorderLayout.PAGE_START);
        gui.add(scroll);
        gui.add(bot, BorderLayout.PAGE_END);
        gui.setBorder(new EmptyBorder(5,5,5,5));
        frame.setResizable(false);
        frame.pack();
        frame.setVisible(true);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        
        chatBox.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent arg0) {
                String gtext = chatBox.getText();
                chatArea.append("You: " +gtext + "\n");
                chatBox.setText("");
                if(gtext.equals("QUIT")|gtext.equals("quit")|gtext.equals("exit")) {
                    sleep(500);
                    System.exit(0);
                }
                String category = "";
                try {
                        category = ProBot.findCategory(gtext);
                        System.out.println(category);
                }
                catch (Exception e) {
                    System.out.println("Exception thrown.");
                }
                String response = respond(category);
                bot(response);
                }
            }); 
        
    }
        
        private void bot(String string)
        {
            chatArea.append("Bot: " + string + "\n");
        }
        
        
        private void sleep(int x) {
            try {
                Thread.sleep(x);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
        
        private String respond(String category)
        {
            String[] greetings = {"Hello, how can I help you?"};
            String[] conversationContinue = {"How can I help you with?", "What else can I help you with?"};
            String[] colorsinquiry = {"Black, Blue, Green, Red, Sierra Blue"};
            String[] priceinquiry = {"Price is EUR 279"};
            String[] productinquiry = {"Product is an Android 11 smart phone with latest features like Super AMOLED Display, 6.5 inches, Li-Ion 5000 mAh, non-removable battery, Octa-core (4x1.6 GHz Cortex-A55 & 4x1.2 GHz Cortex-A55))"};
            String[] conversationComplete = {"Goodbye", "Bye", "Nice chatting with you. Bye!"};
            
            if (category.equals("greeting")) return greetings[(int) (Math.random()*greetings.length)];
            else if (category.equals("colors-inquiry")) return colorsinquiry[(int) (Math.random()*colorsinquiry.length)];
            else if (category.equals("price-inquiry")) return priceinquiry[(int) (Math.random()*priceinquiry.length)];
            else if (category.equals("product-inquiry")) return productinquiry[(int) (Math.random()*productinquiry.length)];
            else if (category.equals("conversation-continue")) return conversationContinue[(int) (Math.random()*conversationContinue.length)];
            else if (category.equals("conversation-complete")) return conversationComplete[(int) (Math.random()*conversationComplete.length)];
            else return "Err.. :( Sorry, I did'nt get that!";
        }
        
}

However, it gives me NullPointerException

Exception in thread "main" java.lang.NullPointerException
        at java.desktop/javax.swing.ImageIcon.<init>(ImageIcon.java:217)
        at com.javavalley.ChatBot.<init>(ChatBot.java:40)
        at com.javavalley.ChatBot.main(ChatBot.java:32)

My UI

My Swing is rusty, but I believe you can add an `ImageIcon` to a `JLabel`. — hfontanez, Jan 13 '22 at 19:16
@hfontanez, Yes I tried that it gives me `NullPoiinterException` — Ranji Raj, Jan 13 '22 at 19:22
I don't know where line 40 is. I can't help you with that. How about to point out in the code which line is throwing the NPE? — hfontanez, Jan 13 '22 at 19:45
After I add this I get NPE `JLabel label = new JLabel(new ImageIcon(getClass().getResource("SamsungJ2.png")));` — Ranji Raj, Jan 13 '22 at 20:07
That tells me that `getResource()` can't find that image and the method is returning `null`. The NPE can be thrown for something like the IDE (i.e. IntelliJ) expects the image in a particular folder (i.e. resources) under the project folder. You can either try `getResourceAsStream()`, use a relative path, a full path, or move the image to the project root folder. The way it looks to me now is that the image is not in the project's root. — hfontanez, Jan 13 '22 at 20:14
You need to verify the location of the image in relationship to your class. If it's in a different package, then you should include the path, relative to the root package. You should also verify that the resource in question is been included in your Jar file (it's a zip file so you can unzip to check) — MadProgrammer, Jan 13 '22 at 20:25

Chris · Accepted Answer · 2022-01-13T20:01:36.353

0

Remove add(label), and replace frame.setContentPane(gui); with the below, for example:

frame.getContentPane().add(gui, BorderLayout.NORTH);
frame.getContentPane().add(label, BorderLayout.SOUTH);

You could also add the label in the gui (e.g., gui.add(panel)), and add only the panel to the frame.

edited Jan 13 '22 at 20:01

answered Jan 13 '22 at 19:36

Chris

18,724
6
46
80

Thanks for you suggestion, however I get `NullPointerException` – Ranji Raj Jan 13 '22 at 20:13

Adding Images to a text in JFrame in Java Swing

1 Answers1