如何创建复杂的Button形状?

时间:2013-08-08 16:59:16

标签: java image swing button paintcomponent

我有一个覆盖它的图像的框架,我希望每当有人点击图像中的不同对象时,它就会充当按钮并做一些事情。
问题是,这些对象是不是简单的形状,所以我想在这些对象的形状中绘制我自己的隐形按钮。

这可能吗?或者什么是更好的方式来完成这样的事情?

- 谢谢你

4 个答案:

答案 0 :(得分:3)

为以下区域定义界面:

//represents any clickable area.
public interface IButton{
    boolean contains(int x, int y);
}

然后,如果您想要一个圆形区域可以点击,那么定义一个类来检查x,y坐标是否在一个位置的某个距离内。

public class CircleButton implements IButton{
    Point center;
    double radius;   
    public CircleButton(int x, int y, double radius){
        this.center = new Point(x,y);
        this.radius = radius;
    }
    //check if x,y coords are within a radius 
    //from the center of this circle button
    public boolean contains(int x, int y){
        double dx = x-center.x;
        double dy = y-center.y;
        return (Math.sqrt(dx*dx+dy*dy) <= radius);
    }
}

创建IButtons列表。您将迭代这些以查看用户是否单击了您的一个隐形按钮。

List<IButton> buttons = new List<IButton>();
buttons.add(new CircleButton(100,100,200);

然后,每当有人点击你的框架时,使用鼠标点击的位置迭代你的隐形按钮。

public void mouseReleased(MouseEvent e){
    for(IButton b : buttons){
       if(b.contains(evt.getX(),e.getY()){
           //do something depending on what button was clicked.
       }
    }
} 

您可以轻松地看到如何定义这样的隐形矩形按钮,甚至是不规则的多边形形状。您只需要正确实现contains方法。

答案 1 :(得分:3)

概念:具有圆形和多边形调度区域的隐形按钮

首先,你需要一个定义一个不可见按钮的类,扩展javax.swing.AbstractButton,这样它仍然是一个可以添加监听器的全功能按钮。

public abstract class InvisibleButton extends AbstractButton {

    public abstract boolean contains(Point point);

    @Override
    public boolean isVisible() {
        return false;
    }
}

然后,当然,您需要实现该类。这里有两个例子:一个使用多边形表示复杂形状,一个使用圆形。

public class PolygonalButton extends InvisibleButton {

    private Polygon area = null;

    public PolygonalButton(Polygon area) {
        this.area = area;
    }

    @Override
    public boolean contains(Point point) {
        return area.contains(point);
    }
}

public class CircularButton extends InvisibleButton {

    private int x;
    private int y;
    private double radius;

    public CircularButton(int x, int y, double radius) {
        this.x = x;
        this.y = y;
        this.radius = radius;
    }

    @Override
    public boolean contains(Point point) {
        double dx = x - point.x;
        double dy = y - point.y;
        return Math.sqrt(dx * dx + dy * dy) <= radius;
    }
}

最后,您需要实现一个处理所有这些按钮的容器,但您应该使用面板而不是框架。您可以简单地覆盖框架的事件处理器并将它们传递给必要的按钮,而不是挂钩每个单独的监听器。

public class InvisibleButtonImagePanel extends JPanel {

    private BufferedImage image = null;
    private List<InvisibleButton> buttons = new ArrayList<>();

    public InvisibleButtonImagePanel(BufferedImage image) {
        this.image = image;
    }

    public void add(InvisibleButton button) {
        buttons.add(button);
    }

    public void remove(InvisibleButton button) {
        buttons.remove(button);
    }

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

    @Override
    public void processKeyEvent(KeyEvent event) {
        for (InvisibleButton button : buttons) {
            if (button.isFocusOwner()) {
                button.dispatchEvent(event);
            }
        }
        super.processKeyEvent(event);
    }

    @Override
    public void processMouseEvent(MouseEvent event) {
        for (InvisibleButton button : buttons) {
            if (button.contains(event.getPoint())) {
                button.dispatchEvent(event);
            }
        }
        super.processMouseEvent(event);
    }

    @Override
    protected void paintComponent(Graphics g) {
        g.drawImage(image, 0, 0, null);
        super.paintComponent(g);
    }
}

你可能想要将面板重命名为不那么笨重的东西,并且可能实现你自己的高级图像代码,但这是它背后的基本思想。

答案 2 :(得分:2)

您可以通过坐标跟踪用户鼠标位置吗?

 PointerInfo a = MouseInfo.getPointerInfo();
        Point b  = a.getLocation();
        int x = (int)b.getX();
        int y = (int)b.getY();

现在放置一个ActionPerformed方法并测试x和y是否为例如200,300 执行此操作。这样当用户点击一个点(你的目标是区域)时,它会将他重定向到一个方法。

答案 3 :(得分:2)

  

我希望每次有人点击图片中的其他对象时,它都会充当按钮并执行某些操作。

您可以创建Shape个对象的ArrayList。然后将MouseListener添加到包含图像的组件中。每当生成mousePressed事件时,您遍历ArrayList并使用组件的containts(...)方法来确定用户是否单击Shapes corrdinates。

结帐Playing With Shapes。代码对您的直接问题没有帮助,但它会让您了解您可以定义的Shapes类型。