Draw on layers

Question

paycity 0 Newbie Poster

13 Years Ago

Hello java programmers,
I want to draw some squares on layers using Graphics2D, course.
Here is my source code with problems:

import java.awt.*;
import java.util.ArrayList;
import java.util.List;
import javax.swing.*;

public class Draw extends JPanel {
	
	private static final long serialVersionUID = 1L;
	
	private List<Cube> cubes = new ArrayList<Cube>();

    public static void main(String[] args) throws Exception {
        EventQueue.invokeLater(new Runnable() {

            public void run() {
                JFrame f = new JFrame("Draw");
                f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                Draw gp = new Draw();
                f.add(gp, BorderLayout.CENTER);
                f.pack();
                f.setVisible(true);
            }
        });
    }

    Draw() {
        this.setPreferredSize(new Dimension(400, 300));
        
		Cube c1 = new Cube(new Point(10, 20), Color.red);
        cubes.add(c1);
        
		Cube c2 = new Cube(new Point(20, 30), Color.blue);
        cubes.add(c2);
        
		Cube c3 = new Cube(new Point(30, 40), Color.magenta);
        cubes.add(c3);
        
		Cube c4 = new Cube(new Point(40, 50), Color.green);
        cubes.add(c4);
        
        repaint();
    }

    @Override
    public void paintComponent(Graphics g) {
    	   Graphics2D g2d = (Graphics2D)g;
    	   g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
    	                        RenderingHints.VALUE_ANTIALIAS_ON);
    	   g2d.setColor(new Color(0x00f0f0f0));
    	   g2d.fillRect(0, 0, getWidth(), getHeight());
        for (Cube c : cubes) {
            c.draw(g2d);
        }
    }

    private static class Cube {

        private Point p;
        private Color color;
        
        public Cube(Point p, Color color) {
            this.p = p;
            this.color = color;
        }
        
        public void draw(Graphics g) {
            g.setColor(this.color);
            g.fillRoundRect(p.x, p.y, 64, 64, 6, 6);
        }
        
    }

}

After I added the four squares:

Cube c1 = new Cube(new Point(10, 20), Color.red);
        cubes.add(c1);
        
		Cube c2 = new Cube(new Point(20, 30), Color.blue);
        cubes.add(c2);
        
		Cube c3 = new Cube(new Point(30, 40), Color.magenta);
        cubes.add(c3);
        
		Cube c4 = new Cube(new Point(40, 50), Color.green);
        cubes.add(c4);

The four squares can be seen, depending on the order added.
But I want to move the blue cube above all clubs (on top) without changing the order of adding cubes.
Similar to:

Cube c1 = new Cube(new Point(10, 20), Color.red);
        cubes.add(c1);
        
		Cube c2 = new Cube(new Point(20, 30), Color.blue);
                [B][U]c2.setLayer(1);[/U][/B]
        cubes.add(c2);
        
		Cube c3 = new Cube(new Point(30, 40), Color.magenta);
        cubes.add(c3);
        
		Cube c4 = new Cube(new Point(40, 50), Color.green);
        cubes.add(c4);

How can I do this?
Can someone help me?
We thank you!

java

Edited 13 Years Ago by paycity because: Style write changes

4 Contributors
7 Replies
1K Views
11 Hours Discussion Span
Latest Post 13 Years Ago Latest Post by paycity

All 7 Replies

Spiderpig085 0 Light Poster

13 Years Ago

you could do something like this... its not much of a code change.

public void paint(Graphics g) 
        {
        // need to call the original paint method to paint the   	
        // panel itself.. 
            super.paint(g);
            g.setColor(color);
            //g.drawRect(5, 5, 200, 300);
            g.fillRect(draw_x, draw_y, width, height);
        }

JamesCherrill 4,733 Most Valuable Poster

13 Years Ago

You could add a layer instance variable to the cube class, then in the paintComponent (not paintComponents, not paint!) method sort the cubes on the layer variable before painting.
Or
Keep another list of cubes, this one in layer order. Shuffle the list when you want to change a cube's layer.
Or
Combine both for maximum efficiency

paycity commented: You solved my problem with your great ideas. Rock. Thank you! +1

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

You solved my problem with your great ideas. Rock. Thank you!

mKorbel 274 Veteran Poster · Answer 1 · 2011-03-29T15:44:54+00:00

please not

public void paint(Graphics g)

but

public void paintComponent(Graphics g)

Spiderpig085 0 Light Poster · Answer 2 · 2011-03-29T15:47:52+00:00

it doesnt make a difference, the name of the class is irrelevant

mKorbel 274 Veteran Poster · Answer 3 · 2011-03-29T16:04:00+00:00

be sure that just and about differencies from paintComponents, this not only class name, but painting method for Swing JComponents

would not hurt to refresh knowledge
http://download.oracle.com/javase/tutorial/uiswing/painting/index.html

mKorbel 274 Veteran Poster · Answer 4 · 2011-03-29T16:40:58+00:00

you are right not paintComponents but paintComponent for newbee

import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferStrategy;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;

public class FullScreenFrame extends JFrame implements Runnable {

    private static final long serialVersionUID = 1L;
    public RenderablePanel redPanel, bluePanel;

    public static void main(String[] arg) {
        Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
        d.setSize(d.width / 2, d.height);
        FullScreenFrame frame = new FullScreenFrame();
        frame.bluePanel = new RenderablePanel(Color.BLUE);
        frame.bluePanel.setPreferredSize(d);
        frame.redPanel = new RenderablePanel(Color.RED);
        frame.redPanel.setPreferredSize(d);
        frame.redPanel.add(new JButton("Click me"));
        frame.add(frame.bluePanel);
        frame.add(frame.redPanel);
        new Thread(frame).start();
    }

    public FullScreenFrame() {
        setUndecorated(true);
        setResizable(false);
        GraphicsEnvironment.getLocalGraphicsEnvironment().getDefaultScreenDevice().setFullScreenWindow(this);
        createBufferStrategy(2);
        setIgnoreRepaint(true);
        setLayout(new BoxLayout(getContentPane(), BoxLayout.X_AXIS));
        addMouseListener(new MouseAdapter() {

            @Override
            public void mouseClicked(MouseEvent e) {
                System.exit(0);
            }
        });
        setVisible(true);
    }

    @Override
    public void run() {
        while (true) {
            BufferStrategy bStrategy = getBufferStrategy();
            Graphics g = null;
            try {
                g = bStrategy.getDrawGraphics();
                bluePanel.render(g);
                redPanel.render(g);
            } finally {
                if (g != null) {
                    g.dispose();
                }
            }
            if (!bStrategy.contentsLost()) {
                bStrategy.show();
            }
            Toolkit.getDefaultToolkit().sync();
            try {
                Thread.sleep(100);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }
}

class RenderablePanel extends JPanel {

    private static final long serialVersionUID = 1L;
    private Color color;

    RenderablePanel(Color color) {
        this.color = color;
        setLayout(new FlowLayout());
    }

    public void render(Graphics g) {
        g.setColor(color);
        g.fillRect(getX(), getY(), getPreferredSize().width, getPreferredSize().height);
        paintComponents(g);
        revalidate();
    }
}

paycity 0 Newbie Poster · Answer 5 · 2011-03-29T20:51:01+00:00

Our thanks go, first, to JamesCherrill. You saved the time to find a solution for solve this problem.
Then, thank those many gave a reply to this message.
I do not want to give you great detail how I solved the problem, but according to suggestions offered by JamesCherrill, I have done in the following way:
I set the index of cube blue from the list Cubes, from position 1, initial position to 3. Inside void MouseListener, I added this code:

cubes.set(3, c2);

Of course, followed by repaint();
And, Now, the blue cube is on top, above all cubes.
But it is much more complicated, not only that I did.
Thanks! If you have any idea about this problem, we expect answers.

Draw on layers

Recommended Answers Collapse Answers

All 7 Replies

Recommended Answers