java - Formering af firkanter med Java - Udvikleren.dk - Programmering, webdesign og grafik

Tags: java swing

Bruger #16945 @ 09.12.12 17:41

Hej alle!
Jeg er igang med at lave et lille program i Java med swing. Har lavet et JFrame og har tilføjet et JPanel til JFrame. Jeg har tegnet en stor firkant i mit panel, og har lavet en MouseListener klasse. Jeg vil have mit program til, at hver gang man fører musen "ind" i en firkant, formere den sig, til 4 mindre firkanter. Der er altså til at starte med kun 1 firkant, og når man rør den med musen, så splitter den sig op i 4 mindre firkanter, som tilsammen udfylder det samme areal som den første firkant. Så når man rør en af de andre små firkanter splitter den sig op i 4 osv osv. Jeg skal have tilføjet min mouselistener klasse til hver firkant der bliver lavet, men indtil videre har jeg bare tegnet dem på skærmen, jeg skal bruge en eller anden form for variabel-firkant. How to do?

Tak på forhånd :-D

7 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 14 karma

Sorter efter stemmer Sorter efter dato

Bruger #15301 @ 09.12.12 19:50

732

En af måderne man kan benytte sig af, er at tilføje en JPanel pr. firkant

lidt ligesom dette:

Java kode

 import java.awt.Color;
 
 import javax.swing.JFrame;
  
  public class main extends JFrame
  {
      public static int frameX = 520;
      public static int frameY = 540;
      
      public static int circleX = 500;
      public static int circleY = 500;
      public static int circlePosX = 0;
      public static int circlePosY = 0;
      
  
      
      public static Panel panel= new Panel(0,0,circleX,circleY);
      public static main window;
      
      public main()
      {
          super("Circles 0.1");
          this.setVisible(true);
          this.setSize(frameX, frameY);
          this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
           
          this.add(panel);
      }
      
      public void removeRect(Panel rect){
          this.divideRect(rect);
          this.remove(rect);        
          this.repaint();
          this.validate();
      }
      
      public void divideRect(Panel rect){
          Panel p1 = new Panel(rect.getCustomX(),rect.getCustomY(),rect.getCustomWidth()/2,rect.getCustomHeight()/2);
          Panel p2 = new Panel(rect.getCustomX()+rect.getCustomWidth()/2,rect.getCustomY(),rect.getCustomWidth()/2,rect.getCustomHeight()/2, Color.GREEN);
          Panel p3 = new Panel(rect.getCustomX(),rect.getCustomY()+rect.getCustomHeight()/2,rect.getCustomWidth()/2,rect.getCustomHeight()/2, Color.RED);
          Panel p4 = new Panel(rect.getCustomX()+rect.getCustomWidth()/2,rect.getCustomY()+rect.getCustomHeight()/2,rect.getCustomWidth()/2,rect.getCustomHeight()/2, Color.BLUE);
 
          this.add(p1);
          this.add(p2);
          this.add(p3);
          this.add(p4);         
      }
      
      public static void main(String args[])
      {
          window = new main();
      }
  }

Java kode

 import java.awt.Color;
 import java.awt.Graphics;
 import java.awt.event.MouseEvent;
 import java.awt.event.MouseListener;
 import java.awt.event.MouseMotionListener;
 
 import javax.swing.JPanel;
  
  @SuppressWarnings("serial")
 public class Panel extends JPanel
  {
      private int x,y,width,height;
      private Color col;
 
      public Panel(int x, int y,int width, int height){
          this.x = x;
          this.y = y;
          this.width = width;
          this.height = height;
          col = Color.YELLOW;
 
          HandlerClass handler = new HandlerClass(this);
          this.addMouseListener(handler);
          this.addMouseMotionListener(handler);
      }
      
      public Panel(int x, int y,int width, int height, Color col){
          this.x = x;
          this.y = y;
          this.width = width;
          this.height = height;
          this.col = col;
 
          HandlerClass handler = new HandlerClass(this);
          this.addMouseListener(handler);
          this.addMouseMotionListener(handler);
      }
      
      public int getCustomX(){
          return this.x;
      }
      
      public int getCustomY(){
          return this.y;
      }
      
      public int getCustomWidth(){
          return this.width;
      }
      
      public int getCustomHeight(){
          return this.height;
      }
      
      public void paintComponent(Graphics g)
      {
          super.paintComponent(g);
          
          g.setColor(col);
 //         g.fillRect(0, 0, main.circleX, main.circleY);
          g.fillRect(x, y, width,height);  
          
        System.out.println("i");
      }
      
      private class HandlerClass implements MouseListener, MouseMotionListener
      {
          
          Panel rect;
          
          public HandlerClass(Panel rect){
              this.rect = rect;
          }
          
          public void mouseDragged(MouseEvent e)
          {
              
          }
  
          public void mouseMoved(MouseEvent e)
          {
              
          }
  
          public void mouseClicked(MouseEvent e)
          {
              main.window.removeRect(rect);
          }
  
          public void mouseEntered(MouseEvent e)
          {
              
          }
  
          public void mouseExited(MouseEvent e)
          {
              
          }
  
          public void mousePressed(MouseEvent e)
          {
              
          }
  
          public void mouseReleased(MouseEvent e)
          {
              
          }
          
      }
  }

En anden, og nok bedre metode, man kan benytte sig af, er at gøre brug af java2d, og have en liste af geometri modeller, som dit ene panel tegner, og så blot ændre på disse.

Så som dette:

Java kode

 import java.awt.Color;
 
 import javax.swing.JFrame;
  
  public class main extends JFrame
  {
      public static int frameX = 520;
      public static int frameY = 540;
      
      public static int circleX = 500;
      public static int circleY = 500;
      public static int circlePosX = 0;
      public static int circlePosY = 0;
      
  
      
      public static Panel panel= new Panel(0,0,circleX,circleY);
      public static main window;
      
      public main()
      {
          super("Circles 0.1");
          this.setVisible(true);
          this.setSize(frameX, frameY);
          this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
           
          this.add(panel);
      }   
          
  
      
      public static void main(String args[])
      {
          window = new main();
      }
  }

Java kode

 import java.awt.Color;
 import java.awt.Graphics;
 import java.awt.Rectangle;
 import java.awt.event.MouseEvent;
 import java.awt.event.MouseListener;
 import java.awt.event.MouseMotionListener;
 import java.awt.geom.Rectangle2D;
 import java.util.ArrayList;
 import java.util.HashMap;
 
 import javax.swing.JPanel;
  
  @SuppressWarnings("serial")
 public class Panel extends JPanel
  {
      
      private int x,y,width,height;
      
      private ArrayList<Rectangle2D> geometry = new ArrayList<Rectangle2D>();
      private HashMap<Rectangle2D, Color> colorMap = new HashMap<Rectangle2D, Color>();
 
      public Panel(int x, int y,int width, int height){
          HandlerClass handler = new HandlerClass(this);
          this.addMouseListener(handler);
          this.addMouseMotionListener(handler);
          
          Rectangle2D tempRect = new Rectangle(x, y, width, height); 
          geometry.add(tempRect);
          colorMap.put(tempRect, Color.YELLOW);         
      }
 
          
      public void paintComponent(Graphics g)
      {
          super.paintComponent(g);
          
         
          for(Rectangle2D rect: geometry){
              g.setColor(colorMap.get(rect));
              g.fillRect((int)rect.getX(), (int)rect.getY(), (int)rect.getWidth(), (int)rect.getHeight());
          }
          
      }
      
      public void divideRect(Rectangle2D rect){
          Rectangle2D tempRect1 = new Rectangle((int)rect.getX(), (int)rect.getY(), (int)rect.getWidth()/2, (int)rect.getHeight()/2);
          colorMap.put(tempRect1, Color.GREEN);
          Rectangle2D tempRect2 = new Rectangle((int)rect.getX()+(int)rect.getWidth()/2, (int)rect.getY(), (int)rect.getWidth()/2, (int)rect.getHeight()/2);
          colorMap.put(tempRect2, Color.RED);
          Rectangle2D tempRect3 = new Rectangle((int)rect.getX(), (int)rect.getY()+(int)rect.getHeight()/2, (int)rect.getWidth()/2, (int)rect.getHeight()/2);
          colorMap.put(tempRect3, Color.BLUE);
          Rectangle2D tempRect4 = new Rectangle((int)rect.getX()+(int)rect.getWidth()/2, (int)rect.getY()+(int)rect.getHeight()/2, (int)rect.getWidth()/2, (int)rect.getHeight()/2);
          colorMap.put(tempRect4, Color.YELLOW);
          
          geometry.remove(rect);
          geometry.add(tempRect1);
          geometry.add(tempRect2);
          geometry.add(tempRect3);
          geometry.add(tempRect4);         
      }
      
      private class HandlerClass implements MouseListener, MouseMotionListener
      {
          
         Panel panel;
          
         public HandlerClass(Panel panel) {
             this.panel = panel;
         }
                  
          public void mouseDragged(MouseEvent e)
          {
              
          }
  
          public void mouseMoved(MouseEvent e)
          {
              
          }
  
          public void mouseClicked(MouseEvent me)
          {
              int x = me.getX();
              int y = me.getY();
              
              Rectangle2D temp = new Rectangle(x, y, 5, 5);
              
              for(Rectangle2D rect : geometry){
                  if(rect.intersects(temp)){
                      panel.divideRect(rect);
                      break;
                  }
              }
              
              panel.repaint();
              
          }
  
          public void mouseEntered(MouseEvent e)
          {
              
          }
  
          public void mouseExited(MouseEvent e)
          {
              
          }
  
          public void mousePressed(MouseEvent e)
          {
              
          }
  
          public void mouseReleased(MouseEvent e)
          {
              
          }
          
      }
  }

Bruger #15301 @ 09.12.12 22:17

732

En referance er "næsten" det samme som en pointer i C.
Hvis man for eksempel har 30 kasser i et super marked, svarer det til at du siger du har gerne vil have den kasse, der står nederst til venstre samtidige med at du peger på den, så alle ved hvilken du taler om.
(Det at du peger, på hvilken kasse det er, svarer til en referance)

Hvis der er 2 firkanter, den ligger overens, så vælger den kun den første firkant, og gør noget ved denne. Da den herefter bryder ud af for-løkken.

Dette kan have noget at gøre med, hvordan vi vælger firkanter (det burde ikke være hastighed). Da du kan risikere, at dit muse klik ikke ligger oven i den rigtige firkant. Du kan gøre, nogle ting, for at hjælpe på dette.

1. Lav vores muse firkant mindre, fra 5*5px til f.eks 2*2
2. I stedet for kun at vælge den ene firkant, hvis muse klikket overlapper, kan du vælge alle de firkanter den overlapper. Dette gøres ved at fjerne den linjes kode, hvor der står break i, i for løkken

Bruger #15301 @ 09.12.12 18:04

732

Start med at ligge noget af den kode du i forvejen har skrevet, så det bliver nemmere at se, hvordan du har designet dit system

Bruger #15301 @ 09.12.12 20:47

732

Java kode

 Panel panel;
 public HandlerClass(Panel panel)
 {
 this.panel = panel; // ??????????????????????????????????????????????
 }

Denne linjes kode sørger for at vi har en referance til vores panel.

Java kode

 for(Rectangle2D rect : geometry) // Kigger igennem ArrayListen
 {
 if(rect.intersects(temp)) // ??????????????????????????????????????????????
 {
 panel.divideRect(rect); // Kører divideRect med firkanten(som er blevet klikket på) som parameter
 break;
 }
 }

Som du rigtigt skriver, så kører denne metode igennem alle elementer i ArrayListen. Det der også sker, er at den tjekker, hvilken firkant der bliver klikket på, ved at vi har lavet en firkant på 5*5px, i det x,y koordinat, hvor musen er klikket, og hvis denne musse firkant ligger oven i en, i en af rectanglerne i geometry'en. Det er så denne geometry rectangel, som vi kører metoden divideRect på.

Hvad tænker du på med dette:
Den reagere ikke hver gang jeg klikker, er der noget man kan gøre så det bliver hurtigere?

Bruger #16945 @ 09.12.12 18:48

main klasse

Java kode

 import javax.swing.JFrame;
 
 public class main extends JFrame
 {
     public static int frameX = 520;
     public static int frameY = 540;
     
     public static int circleX = 500;
     public static int circleY = 500;
     public static int circlePosX = 0;
     public static int circlePosY = 0;
     
 
     
     public static Panel panel= new Panel();
     
     public main()
     {
         super("Circles 0.1");
         this.setVisible(true);
         this.setSize(frameX, frameY);
         this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
          
         this.add(panel);
     }
     
     public static void main(String args[])
     {
         main main = new main();
     }
 }

Panel klasse

Java kode

 import javax.swing.JPanel;
 import java.awt.*;
 import java.awt.event.MouseEvent;
 import java.awt.event.MouseListener;
 import java.awt.event.MouseMotionListener;
 
 public class Panel extends JPanel
 {
     public void paintComponent(Graphics g)
     {
         super.paintComponent(g);
         
         g.setColor(Color.YELLOW);
         g.fillRect(0, 0, main.circleX, main.circleY);
         
         HandlerClass handler = new HandlerClass();
         this.addMouseListener(handler);
         this.addMouseMotionListener(handler);
     }
     
     private class HandlerClass implements MouseListener, MouseMotionListener
     {
         public void mouseDragged(MouseEvent e)
         {
             
         }
 
         public void mouseMoved(MouseEvent e)
         {
             
         }
 
         public void mouseClicked(MouseEvent e)
         {
             
         }
 
         public void mouseEntered(MouseEvent e)
         {
             
         }
 
         public void mouseExited(MouseEvent e)
         {
             
         }
 
         public void mousePressed(MouseEvent e)
         {
             
         }
 
         public void mouseReleased(MouseEvent e)
         {
             
         }
         
     }
 }

Jeg skal på en eller anden måde have lavet nogle firkanter som ikke bare er tegnet på skærmen, men som er et "objekt" jeg kan arbejde med, så jeg kan tilføje en Mouselistener. Ligesom en label I guess?

Bruger #16945 @ 09.12.12 20:31

Valgte af bruge din java2d kode, den virkede bedst - har kommenteret koden og 2 steder kan jeg ikke forstå hvad du gør, hvad er det der sker?

Java kode

 import java.awt.Color;
  import java.awt.Graphics;
  import java.awt.Rectangle;
  import java.awt.event.MouseEvent;
  import java.awt.event.MouseListener;
  import java.awt.event.MouseMotionListener;
  import java.awt.geom.Rectangle2D;
  import java.util.ArrayList;
  import java.util.HashMap;
  
  import javax.swing.JPanel;
   
   @SuppressWarnings("serial")
  public class Panel extends JPanel
   {
       
       private int x,y,width,height;
       
       private ArrayList<Rectangle2D> geometry = new ArrayList<Rectangle2D>();
       private HashMap<Rectangle2D, Color> colorMap = new HashMap<Rectangle2D, Color>();
  
       public Panel(int x, int y,int width, int height)
       {
           HandlerClass handler = new HandlerClass(this);
           this.addMouseListener(handler);
           this.addMouseMotionListener(handler);
           
           Rectangle2D tempRect = new Rectangle(x, y, width, height); // Laver en firkant med parameter variabler
           geometry.add(tempRect); // add'er firkant til ArrayList
           colorMap.put(tempRect, Color.YELLOW); // Add'er firkant og farve til HashMap
       }
           
       public void paintComponent(Graphics g)
       {
           super.paintComponent(g);
           
           for(Rectangle2D rect: geometry) // Løber igennem Geometry array'et
           {
               g.setColor(colorMap.get(rect)); // Finder farven til givne rect
               g.fillRect((int)rect.getX(), (int)rect.getY(), (int)rect.getWidth(), (int)rect.getHeight()); // Tegner
               // firkant med kordinaterne der svarer til firkanten inde i ArrayListen
           }
           
       }
       
       public void divideRect(Rectangle2D rect) // Modtager en firkant
       {
           Rectangle2D tempRect1 = new Rectangle((int)rect.getX(), (int)rect.getY(), (int)rect.getWidth()/2, (int)rect.getHeight()/2);
           // Tegner en ny firkant som er halv så stor oppe i venstre hjørne af den første firkant. 
           colorMap.put(tempRect1, Color.GREEN);
           // Putter den nye firkant i hash'mappet. 
           Rectangle2D tempRect2 = new Rectangle((int)rect.getX()+(int)rect.getWidth()/2, (int)rect.getY(), (int)rect.getWidth()/2, (int)rect.getHeight()/2);
           // Tegner en ny firkant som er halv så stor oppe i højre hjørne af den første firkant. 
           colorMap.put(tempRect2, Color.RED);
           // Putter den nye firkant i hash'mappet. 
           Rectangle2D tempRect3 = new Rectangle((int)rect.getX(), (int)rect.getY()+(int)rect.getHeight()/2, (int)rect.getWidth()/2, (int)rect.getHeight()/2);
           // Tegner en ny firkant som er halv så stor nede i venstre hjørne af den første firkant. 
           colorMap.put(tempRect3, Color.BLUE);
           // Putter den nye firkant i hash'mappet. 
           Rectangle2D tempRect4 = new Rectangle((int)rect.getX()+(int)rect.getWidth()/2, (int)rect.getY()+(int)rect.getHeight()/2, (int)rect.getWidth()/2, (int)rect.getHeight()/2);
           // Tegner en ny firkant som er halv så stor nede i højre hjørne af den første firkant. 
           colorMap.put(tempRect4, Color.YELLOW);
           // Putter den nye firkant i hash'mappet. 
           
           geometry.remove(rect); // Fjerner den første firkant
           geometry.add(tempRect1); // tilføjer den første nye firkant
           geometry.add(tempRect2); // tilføjer den anden nye firkant
           geometry.add(tempRect3); // tilføjer den tredje nye firkant
           geometry.add(tempRect4); // tilføjer den fjerde nye firkant         
       }
       
       private class HandlerClass implements MouseListener, MouseMotionListener // Extends Panel
       {
           
          Panel panel;
           
          public HandlerClass(Panel panel) 
          {
              this.panel = panel; // ??????????????????????????????????????????????
          }
                   
           public void mouseDragged(MouseEvent e)
           {
               
           }
   
           public void mouseMoved(MouseEvent e)
           {
               
           }
   
           public void mouseClicked(MouseEvent me)
           {
               // Skaffer musens position
               int x = me.getX();
               int y = me.getY();
               
               Rectangle2D temp = new Rectangle(x, y, 5, 5); // Opretter ny firkant på musens position der er 5x5px
               
               for(Rectangle2D rect : geometry) // Kigger igennem ArrayListen
               {
                   if(rect.intersects(temp)) // ??????????????????????????????????????????????
                   {
                       panel.divideRect(rect); // Kører divideRect med firkanten(som er blevet klikket på) som parameter
                       break;
                   }
               }
               
               panel.repaint();
               
           }
   
           public void mouseEntered(MouseEvent e)
           {
               
           }
   
           public void mouseExited(MouseEvent e)
           {
               
           }
   
           public void mousePressed(MouseEvent e)
           {
               
           }
   
           public void mouseReleased(MouseEvent e)
           {
               
           }
           
       }
   }

Den reagere ikke hver gang jeg klikker, er der noget man kan gøre så det bliver hurtigere?

Indlæg senest redigeret d. 09.12.2012 20:32 af Bruger #16945

Bruger #16945 @ 09.12.12 21:56

Jeg er ikke så skarp på referancer

Hvad var det nu lige det var?

Så hvis den der firkant på 5*5px ligger oven i 2 firkanter, så vil der ikke ske noget, oder was ?

- Jeg mener at nogle gange når jeg klikker med musen reagere programmet ikke, så jeg skal trykke lidt flere gange. Som om den ikke når at opfatte det .

Formering af firkanter med Java

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler