使用arc2d旋转图形

时间:2019-01-20 21:47:51

标签: java graphics paint graphics2d

我正尝试做轮盘赌场游戏,因此我使用Arc2D软件包制作了轮盘。

我的下面的代码

package roulette;
import javax.swing.*;
import java.awt.*;
import java.awt.geom.Arc2D;
import java.awt.geom.AffineTransform;
import javax.swing.Timer;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class RouletteInterface extends JPanel{
    public int spinValue = 0;
    public void paint(Graphics g){       
        Graphics2D g2d = (Graphics2D)g;
        paintRoulette(g2d);

    }

    public void paintRoulette(Graphics2D g2d) {
        RenderingHints hints = new RenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g2d.setRenderingHints(hints);
        AffineTransform at = AffineTransform.getTranslateInstance(10, 10);
        at.rotate(spinValue, 10, 10);


        double angle = 360 / 36.9;
        double startAngle = 0;
        int color = 0;
        for(int i = 0; i < 37; i++) {
            if(i == 0) {
                g2d.setColor(Color.GREEN);
            } else {
                if(color == 0) {
                    g2d.setColor(Color.BLACK);
                    color = 1;
                } else {
                    g2d.setColor(Color.RED);
                    color = 0;
                }
            }

            g2d.fill(new Arc2D.Double(100, 100, 300, 300, startAngle, angle, Arc2D.PIE));
            startAngle += angle;
        }

        g2d.transform(at);

        Timer timer = new Timer(5, new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                spinValue += 0.01;
                repaint();
            }
        });
        timer.start();
    }
}

简而言之,我不使用一般路径,因为我想像原始轮盘一样用红色/绿色或黑色填充每个圆弧,并且对于旋转,我尝试使用计时器来增加spinValue(这对我有用,但是当我为AfinneTransformation使用了通用路径),但是当我运行代码时,什么也没发生。它只显示没有动画的轮盘。我该怎么办?

谢谢。

1 个答案:

答案 0 :(得分:1)

绘画和图形通常是相当高级的主题,Java / Swing很好地做到了将API“通用化”为合理易用的东西,但是要花很多时间和精力来充分学习和理解。

我强烈建议您预订Performing Custom PaintingPainting in AWT and Swing2D Graphics并标记JavaDoc,因为您会定期回到他们那里(我仍然这样做)

有很多问题,这些问题使您的生活更加艰难。

从...开始...

public void paint(Graphics g){       
    Graphics2D g2d = (Graphics2D)g;
    paintRoulette(g2d);

}

您应该优先考虑覆盖paintComponent而不是paint,绘画是一个复杂的过程,您需要仔细选择进入的入口。另外,除非绝对有绝对的意愿准备自己接管其核心功能,否则应始终调用paint方法super方法。

在您的情况下,您还应该先复制Graphics上下文,然后再将其传递给paintRoulette,因为Graphics是共享资源,正在应用的转换将导致问题出现在您的组件后涂上的任何东西。

转化...

AffineTransform at = AffineTransform.getTranslateInstance(10, 10);
at.rotate(spinValue, 10, 10);

这有点有趣。您正在创建10x10的翻译,它将移动Graphics上下文的原点。然后,您应用一个固定在10x10上的旋转。

我之所以提及它,是因为你然后...

g2d.fill(new Arc2D.Double(100, 100, 300, 300, startAngle, angle, Arc2D.PIE));

这意味着圆弧从组件的角偏移110x110(在翻译中添加),并且您将从组件的上/左角绕点20x20旋转(加上您的翻译)...这对我来说很奇怪,因为转轮的中心实际上位于250x250(从组件的顶部/左角起),将产生一种非常奇怪的效果。

最后,在完成绘制后应用变换,然后在绘制方法内创建一个Timer ...

绘画是串行进行的。因此,一个操作将影响下一个操作,这意味着您需要在绘制某些东西(要变换的对象)之前应用变换。

您还需要了解,您无法控制绘画过程,这意味着您可以随时出于任何原因对组件进行绘画,而无需进行交互。这意味着您可以在非常短的时间内无限数量的Timer

相反,您的计时器应该从paint进程外部控制。

花了我一些时间解决的另一件事是...

public int spinValue = 0;
//...
Timer timer = new Timer(5, new ActionListener() {
    @Override
    public void actionPerformed(ActionEvent e) {
        spinValue += 0.01;
        repaint();
    }
});

您将spinValue声明为int,但在其中添加了浮点值,这将导致小数部分被截断,因此该值始终为0

此外,AffineTransform#rotate期望角度以弧度而不是度为单位。不确定它是否重要,但是您应该意识到这一点。

可运行的示例...

好的,因此在应用了上述内容之后,代码“可能”看起来就像...

import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.AffineTransform;
import java.awt.geom.Arc2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.Timer;

public class Test {

    public static void main(String[] args) {
        new Test();
    }

    public Test() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                JFrame frame = new JFrame();
                frame.add(new RoulettePane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class RoulettePane extends JPanel {

        private double spinValue = 0;
        private Timer timer;

        public RoulettePane() {
            addMouseListener(new MouseAdapter() {
                @Override
                public void mouseClicked(MouseEvent e) {
                    spin();
                }
            });
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(300, 300);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();
            paintRoulette(g2d);
            g2d.dispose();
        }

        protected void spin() {
            if (timer != null && timer.isRunning()) {
                return;
            }
            timer = new Timer(5, new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    spinValue += 0.01;
                    repaint();
                }
            });
            timer.start();
        }

        protected void paintRoulette(Graphics2D g2d) {
            RenderingHints hints = new RenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2d.setRenderingHints(hints);

            int width = getWidth();
            int height = getHeight();

            int dimeter = Math.min(width, height);

            AffineTransform at = AffineTransform.getRotateInstance(spinValue, dimeter / 2, dimeter / 2);
            g2d.transform(at);

            double angle = 360 / 36.9;
            double startAngle = 0;
            int color = 0;
            for (int i = 0; i < 37; i++) {
                if (i == 0) {
                    g2d.setColor(Color.GREEN);
                } else {
                    if (color == 0) {
                        g2d.setColor(Color.BLACK);
                        color = 1;
                    } else {
                        g2d.setColor(Color.RED);
                        color = 0;
                    }
                }

                g2d.fill(new Arc2D.Double(0, 0, dimeter, dimeter, startAngle, angle, Arc2D.PIE));
                startAngle += angle;
            }
        }
    }
}

nb:我暂时取消了翻译,因为我想专注于根据组件的实际宽度/高度使输出更加动态