使用Java swing制作交互式组件

时间:2018-09-21 17:31:12

标签: java swing user-interface shapes

我正在尝试映射某些服务器主机之间的数据流。这个想法是数据在网络中的多播会话之间流动,并且我有一个数据往返的表。我想生成使用箭头显示去向的图。

我使用图形库绘制了一些形状(用于主机的矩形,用于多播会话的椭圆形),并将形状的位置/比例数据存储在对象中,以便我可以计算箭头应在何处锁定。 我也画了他们之间的箭头。使用带有paintComponenet方法的自定义函数添加箭头,类似于 addArrow(startShape,endShape),它将找到形状的两个最接近的锚点并在它们之间绘制箭头。

My work so far, randomly using the addArrow function

但是,这本身是非常没有生气的。我还想向箭头添加悬停效果,以使其变粗并在鼠标指针触摸时显示一些自定义文本。使用paintComponent函数似乎不可行,因为我无法向其绘制的形状添加事件。

我认为可以绘制箭头,然后将其放入JLabel组件并在其上定义鼠标事件。我也许还可以创建一个新的“箭头摆动组件”,但是我认为这已经超出了我的水平。

你们对如何进行有建议吗?

1 个答案:

答案 0 :(得分:-1)

  

我认为可以绘制箭头,然后将其放入JLabel组件并在其上定义鼠标事件。

是的。您只需创建一个代表箭头的图标,然后将图标添加到标签即可。

有两种创建图标的方法。

您实际上可以实现Icon界面:

import java.awt.*;
import javax.swing.*;

public class ColorIcon implements Icon
{
    private Color color;
    private int width;
    private int height;

    public ColorIcon(Color color, int width, int height)
    {
        this.color = color;
        this.width = width;
        this.height = height;
    }

    public int getIconWidth()
    {
        return width;
    }

    public int getIconHeight()
    {
        return height;
    }

    public void paintIcon(Component c, Graphics g, int x, int y)
    {
        g.setColor(color);
        g.fillRect(x, y, width, height);
    }

    public static void main(String[] args)
    {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGUI();
            }
        });
    }

    public static void createAndShowGUI()
    {
        JPanel panel = new JPanel( new GridLayout(2, 2) );

        for (int i = 0; i < 4; i++)
        {
            Icon icon = new ColorIcon(Color.RED, 50, 50);
            JLabel label = new JLabel( icon );
            label.setText("" + i);
            label.setHorizontalTextPosition(JLabel.CENTER);
            label.setVerticalTextPosition(JLabel.CENTER);
            panel.add(label);
        }

        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(panel);
        f.setSize(200, 200);
        f.setLocationRelativeTo( null );
        f.setVisible(true);
    }
}

或者,您可以绘制到BufferedImage上并使用该图像在ImageIcon中创建:

BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);
Graphics g = bi.getGraphics();
g.setColor(...);
g.fillOval(...);
ImageIcon icon = new ImageIcon( bi );

当然,问题之一是Icon始终是矩形的,因此即使在箭头之外的地方也会生成事件。

您可以尝试使用Playing With Icons中的Shape Component