Face Changer Application for school

[Spencer4908]

I'm currently in a Object Oriented Programming class in school, and need help figuring out a few issues with an assignment.

The assignment asked us to make a program that looks like this.
Want it to look like.jpg

My application currently looks like this.
Currently Looks Like.jpg

The update button and check boxes all work, I'm just having issues getting it to look like its suppose to. I also can't figure out how to draw a JLabel on top of another JLabel, essentially stacking them on top of each other, that's why the back of the head isn't being drawn.

This is the source code of my program, I use Eclipse in case your wondering.
faceAppSource.rar

So what I need help with is the repositioning of the left menu bar so it looks similar to the example picture, and I need to create a filled circle for the shape of the head in the right panel either with a ImageIcon or a fillOval().

I apologize in advance if what I'm asking for doesn't make much sense. However if you need additional information, I would be glad to oblige.

[GregBrannon]

Welcome to the forum! Please read this topic to learn how to post code in code or highlight tags and other useful info for new members.

Users prefer to see relevant code posted properly as described at the above link.

For your left panel, you appear to have used a different layout manager that divides the available space equally, like GridLayout, while the target view uses another layout manager. Experiment with different layout managers to obtain the desired appearance. Also set the preferred width of the left panel to obtain the desired width.

For the face, only one component can occupy a space at a time, so there's no "draw a JLabel on top of another JLabel." It seems to me you should be drawing the facial features as graphics elements, but I don't know what you're working with and could be wrong.

Post your code as I've suggested, and we can help more.

[Spencer4908]

Thanks for the advice, I tried a few other layouts but I'll keep trying to get it to look right.

Here's the source code.

package application.face;
 
import java.awt.BorderLayout;
 
@SuppressWarnings("serial")
public class FaceApp extends JFrame
{
 
	private JPanel contentPane;
 
	public static void main(String[] args)
	{
		EventQueue.invokeLater(new Runnable()
		{
			public void run()
			{
				try
				{
					FaceApp frame = new FaceApp();
					frame.setVisible(true);
				} catch (Exception e)
				{
					e.printStackTrace();
				}
			}
		});
	}
 
	public FaceApp()
	{
 
	//Create Icons
		final Icon eyesChoiceA = new ImageIcon(FaceApp.class.getResource("/res/eyeChoiceA.png"));
		final Icon eyesChoiceB = new ImageIcon(FaceApp.class.getResource("/res/eyeChoiceB.png"));
		final Icon eyesChoiceC = new ImageIcon(FaceApp.class.getResource("/res/eyeChoiceC.png"));
 
		final Icon noseChoiceA = new ImageIcon(FaceApp.class.getResource("/res/noseChoiceA.png"));
		final Icon noseChoiceB = new ImageIcon(FaceApp.class.getResource("/res/noseChoiceB.png"));
		final Icon noseChoiceC = new ImageIcon(FaceApp.class.getResource("/res/noseChoiceC.png"));
 
		final Icon mouthChoiceA = new ImageIcon(FaceApp.class.getResource("/res/smileChoiceA.png"));
		final Icon mouthChoiceB = new ImageIcon(FaceApp.class.getResource("/res/smileChoiceB.png"));
		final Icon mouthChoiceC = new ImageIcon(FaceApp.class.getResource("/res/smileChoiceC.png"));
 
 
	//Frame
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setSize(700, 520);
		setLocationRelativeTo(null);
		contentPane = new JPanel();
		contentPane.setBackground(Color.BLUE);
		contentPane.setLayout(new BorderLayout());
		setContentPane(contentPane);
 
	//Center Panel (Picture)	
		JPanel drawBox = new JPanel();
		drawBox.setBorder(new EmptyBorder(5, 5, 5, 5));
		drawBox.setBackground(Color.BLUE);
		drawBox.setLayout(new FlowLayout());
		contentPane.add(drawBox, BorderLayout.CENTER);
 
		final JLabel eyesLabel = new JLabel();
		eyesLabel.setIcon(eyesChoiceA);
		final JLabel noseLabel = new JLabel();
		noseLabel.setIcon(noseChoiceA);
		final JLabel mouthLabel = new JLabel();
		mouthLabel.setIcon(mouthChoiceA);
 
		drawBox.add(eyesLabel);
		drawBox.add(noseLabel);
		drawBox.add(mouthLabel);
 
	//West Panel (Buttons)	
		JPanel panel = new JPanel();
		panel.setBorder(new CompoundBorder());
		panel.setBackground(Color.LIGHT_GRAY);
		panel.setLayout(new GridLayout(5, 1, 5, 5));
		contentPane.add(panel, BorderLayout.WEST);
 
 
 
		JLabel lblYouChoose = new JLabel("You Choose:");
		panel.add(lblYouChoose);
 
		final JCheckBox chckbxEyes = new JCheckBox("Eyes:");
		chckbxEyes.setBackground(new Color(192, 192, 192));
		panel.add(chckbxEyes);
 
		final JCheckBox chckbxNose = new JCheckBox("Nose:");
		chckbxNose.setBackground(new Color(192, 192, 192));
		panel.add(chckbxNose);
 
		final JCheckBox chckbxMouth = new JCheckBox("Mouth:");
		chckbxMouth.setBackground(new Color(192, 192, 192));
		panel.add(chckbxMouth);
 
		JButton btnUpdate = new JButton("Update");
		btnUpdate.addActionListener(new ActionListener() 
		{
			public void actionPerformed(ActionEvent arg0) 
			{
				if (chckbxEyes.isSelected())
				{
					if(eyesLabel.getIcon() == eyesChoiceA )
						eyesLabel.setIcon(eyesChoiceB);
					else if(eyesLabel.getIcon() == eyesChoiceB)
						eyesLabel.setIcon(eyesChoiceC);
					else
						eyesLabel.setIcon(eyesChoiceA);
				}
 
				if (chckbxNose.isSelected())
				{
					if(noseLabel.getIcon() == noseChoiceA )
						noseLabel.setIcon(noseChoiceB);
					else if(noseLabel.getIcon() == noseChoiceB)
						noseLabel.setIcon(noseChoiceC);
					else
						noseLabel.setIcon(noseChoiceA);
				}
 
				if (chckbxMouth.isSelected())
				{
					if(mouthLabel.getIcon() == mouthChoiceA )
						mouthLabel.setIcon(mouthChoiceB);
					else if(mouthLabel.getIcon() == mouthChoiceB)
						mouthLabel.setIcon(mouthChoiceC);
					else
						mouthLabel.setIcon(mouthChoiceA);
				}
 
			}
		});
 
		panel.add(btnUpdate);
 
 
 
 
 
	}
}

The learning objectives of the assignment are:
-Paint images on a JPanel
-Dynamically update the images
-Continue your practice of event handling
- Use check boxes
- Practice composition

hopefully that gives you a fair idea of what is required from the assignment. It said to paint the images on JPanel, so I assumed I needed to add the images as icons. However isn't it possible to add a graphics object to a panel.

[GregBrannon]

I assumed I needed to add the images as icons. However isn't it possible to add a graphics object to a panel

Yes. Since the assignment says "Paint images on a JPanel," I agree with you and would expect to see your program override JPanel.paintComponent() and paint or draw the graphics images directly on the JPanel's graphics object rather than adding the graphics to a JLabel and adding those to a JPanel using a layout manager.

If you're unfamiliar with painting on a graphics object, there's a great Oracle lesson, Performing Custom Painting, that should help.

[Spencer4908]

Thank you for your help I was able to make everything exactly how it needed to be.
AllDone.jpg

Thanks again!

[GregBrannon]

Good job!