पैनल में एक जटिल छवि जोड़ें, जिसमें एक अनुकूलित उपयोगकर्ता इंटरफ़ेस

Question

मैं इस छवि को slavePanel में नीचे कैसे देख सकता हूं और उस जेपीनल के शीर्ष पर JButtons समायोजित करें जो छवि की तरह दिखता है लेकिन बटन सही तरीके से लपेटे जाते हैं चारों ओर? Andrew Thompson + कम से कम मेरी टूट विधि

package test; 

import java.awt.*; 
import java.awt.font.FontRenderContext; 
import java.awt.font.TextLayout; 
import javax.swing.*; 

public class New extends JFrame { 

    private static final long serialVersionUID = 1L; 
    private ImageIcon errorIcon = 
      (ImageIcon) UIManager.getIcon("OptionPane.errorIcon"); 
    private Icon infoIcon = 
      UIManager.getIcon("OptionPane.informationIcon"); 
    private Icon warnIcon = 
      UIManager.getIcon("OptionPane.warningIcon"); 

    public static void main(String[] args) { 
    SwingUtilities.invokeLater(new Runnable() { 
     @Override 
     public void run() { 
     New t = new New(); 
     } 
    }); 
    } 

    public New() { 
    setLayout(new BorderLayout()); 

    JPanel slavePanel = new NewPanel(); 
    slavePanel.setLayout(new GridLayout(0, 2, 4, 4)); 
    add(slavePanel);  

    JButton button = new JButton(); 
    button.setBorderPainted(false); 
    button.setBorder(null); 
    button.setFocusable(false); 
    button.setMargin(new Insets(0, 0, 0, 0)); 
    button.setContentAreaFilled(false); 
    button.setIcon((errorIcon)); 
    button.setRolloverIcon((infoIcon)); 
    button.setPressedIcon(warnIcon); 
    button.setDisabledIcon(warnIcon); 
    slavePanel.add(button);  

    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
    pack(); 
    setVisible(true); 
    } 
} 


package test; 

import java.awt.*; 
import java.io.IOException; 
import java.io.InputStream; 
import javax.imageio.ImageIO; 
import javax.swing.*; 
import javax.swing.border.Border; 

public class NewPanel extends JPanel { 

    private Image imageGui; 
    private static Dimension screen; 

    public NewPanel() { 
    try { 
     imageGui = 
       ImageIO.read(
       (InputStream) NewPanel.class.getResourceAsStream(
       "/image/ptz.png")); 
    } catch (IOException e) { 
     e.printStackTrace(System.err); 
    } 

    Border border = BorderFactory.createEmptyBorder(11, 11, 11, 11); 
    setOpaque(true); 
    setBorder(border); 
    setFocusable(true); 
    setSize(getPreferredSize()); 
    revalidate(); 
    repaint(); 
    setVisible(true); 
    } 

    public void paintComponent(Graphics g) { 
    super.paintComponent(g); 
    g.drawImage(imageGui, 0, 0, 
      imageGui.getWidth(null), imageGui.getHeight(null), null); 
    revalidate(); 
    repaint(); 
    } 

    @Override 
    public Dimension getPreferredSize() { 
    return new Dimension(imageGui.getWidth(null), imageGui.getHeight(null)); 
    } 
} 

से बहुत बढ़िया एक:

// 
    // Shot Gun mover up/down/left/right, middle on is for zoom 
    // 
    public void GunMover(JPanel configPanel) throws IOException { 

    // Master Panel - holds everything 
    JPanel masterPanel = new Panel(); 
    masterPanel.setLayout(new SpringLayout()); 

    // Slave Panel - with image background 
    JPanel slavePanel = new Panel(); 
    slavePanel.setLayout(new SpringLayout()); 

    // Row 1 
    final JButton ptzLeft = new JButton("<");  
    masterPanel.add(ptzLeft, BorderLayout.WEST); 

    // Row 2 
    final JButton ptzRight = new JButton(">"); 
    masterPanel.add(ptzRight, BorderLayout.CENTER);  

    // Row 3 
    final JButton ptzUp = new JButton("^"); 
    masterPanel.add(ptzUp, BorderLayout.WEST);  

    // Row 4 
    final JButton ptzDown = new JButton("down"); 
    masterPanel.add(ptzDown, BorderLayout.CENTER);  

    // How do i add slavePanel this background and add all the JButtons 
    // According to that image shape? 

    // Layout the panel. 
    SpringUtilities.makeCompactGrid(masterPanel, 
           1, 4, //rows, cols 
           6, 6, //initX, initY 
           6, 6);   

    configPanel.setLayout(new GridLayout(0,1)); 
    configPanel.add(masterPanel); 
    } 

अनुवर्ती (अभी वे 1 पंक्ति, 4 कॉलम में आकार के हैं)

Answer 1

1. 9 कोशिकाओं से प्रत्येक के लिए एक 3x3 GridLayout
2. का प्रयोग करें एक subimage मिलती है:
   • हर दूसरे घटक के लिए, subimage साथ लेबल जोड़ने।
   • हर दूसरे घटक के लिए, JButton जोड़ें जिसमें से स्थान हटा दिया गया है। उपनाम को आइकन के रूप में उपयोग करें, लेकिन आपको फोकस, सक्रियण इत्यादि को इंगित करने के लिए वैकल्पिक आइकन की आवश्यकता होगी। यह उदाहरण 'दबाए गए' आइकन के चारों ओर एक लाल सीमा रखता है।

import java.awt.*; 
import java.awt.event.*; 
import java.awt.image.BufferedImage; 
import javax.swing.*; 
import java.io.IOException; 
import java.net.URL; 
import javax.imageio.ImageIO; 

public class CompassButtons { 

    public CompassButtons(BufferedImage bi) { 
     int w = bi.getWidth(); 
     int h = bi.getHeight(); 
     int step = w/3; 
     JPanel p = new JPanel(new GridLayout(3,3)); 
     p.setOpaque(false); 
     int count = 0; 
     for (int ii=0; ii<w; ii+=step) { 
      for (int jj=0; jj<h; jj+=step) { 
       // This is it - GET THE SUB IMAGE 
       Image icon = bi.getSubimage(jj, ii, step, step); 
       if (count%2==1) { 
        JButton button = new JButton(new ImageIcon(icon)); 

        // remove the border - indicate action using a different icon 
        button.setBorder(null); 

        // make a 'pressed' icon.. 
        BufferedImage iconPressed = new BufferedImage(step,step,BufferedImage.TYPE_INT_ARGB); 
        Graphics g = iconPressed.getGraphics(); 
        g.drawImage(icon, 0, 0, p); 
        g.setColor(Color.RED); 
        g.drawRoundRect(
          0, 0, 
          iconPressed.getWidth(p)-1, iconPressed.getHeight(p)-1, 
          12, 12); 
        g.dispose(); 
        button.setPressedIcon(new ImageIcon(iconPressed)); 

        // make it transparent 
        button.setContentAreaFilled(false); 

        button.setActionCommand(""+count); 
        button.addActionListener(new ActionListener(){ 
         @Override 
         public void actionPerformed(ActionEvent ae) { 
          System.out.println(ae.getActionCommand()); 
         } 
        }); 

        p.add(button); 
       } else { 
        JLabel label = new JLabel(new ImageIcon(icon)); 
        p.add(label); 
       } 
       count++; 
      } 
     } 
     JPanel center = new JPanel(new GridBagLayout()); 
     center.setBackground(Color.BLACK); 
     center.add(p); 
     JOptionPane.showMessageDialog(null, center); 
    } 

    public static void main(String[] args) throws IOException { 
     URL url = new URL("http://i.stack.imgur.com/SNN04.png"); 
     final BufferedImage bi = ImageIO.read(url); 
     SwingUtilities.invokeLater(new Runnable(){ 
      @Override 
      public void run() { 
       new CompassButtons(bi); 
      } 
     }); 
    } 
} 

Answer 2

1) आपको पहले और प्रत्येक 5 जेबट्टन () के लिए आइकन तैयार करना होगा)

• बुनियादी isPressed()

2) how to set Icons and to remove all "balast" from JButton

3) के लिए के लिए isRollover()

चिह्न फोकस

चिह्न के बिना चिह्न इन 012,346 डालचित्रित हलकों (RemoteSet)

Answer 3

इस example से शुरू के साथ JPanel, मैं MoveButton इस तरह बदलकर एक शुरुआत की थी:

this.setBorderPainted(false); 

आप ControlPanel एक Custom Layout Manager दे सकता है। मैं ButtonModel राज्य के आधार पर एक पृष्ठभूमि छवि और किसी प्रकार की दृश्य प्रतिक्रिया भी जोड़ूंगा, जैसा कि here सुझाया गया है।