如何在摆动中逐渐旋转图像？

Question

如何在摆动中逐渐旋转图像？当用户单击按钮时，我有一个正在旋转的图像。但这是行不通的。我想看到图像逐渐旋转到90度，直到它停止，但它没有。当点击按钮时，图像必须逐渐旋转90度。我创建了一个SSCCE来演示这个问题。请替换CrossingPanelSSCE使用您选择的任何图像初始化。把图像放进你的images文件夹并命名为images/railCrossing.JPG.RotateButtonSSCEimport java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.Action;import javax.swing.BorderFactory; import javax.swing.JButton;import javax.swing.JPanel;public class RotateButtonSSCE extends JPanel implements ActionListener{       private JButton rotate = new JButton("Rotate");       private VisualizationPanelSSCE vis = new VisualizationPanelSSCE();     public RotateButtonSSCE() {         this.setBorder(BorderFactory.createTitledBorder("Rotate Button "));         this.rotate.addActionListener(this);         this.add(rotate);     }     public void actionPerformed(ActionEvent ev) {         vis.rotatetheCrossing();     }}

Answer 1

除了@tulskiy的有益观察之外，我还要补充两点：

1. 始终在事件调度线程见下文。

2. 阿沙司应该是简短、独立、正确(可编译)，示例..为了方便起见，不需要其他人重新创建多个公共类；使用顶级(包私有)或嵌套类。由于这是一个图形问题，使用一个公共的或合成的图像，以反映您的问题。

在下面的例子中，paintComponent()改变图形上下文的转换以影响旋转。注意，这些操作是以声明顺序(明显)相反的方式执行的：首先，图像的中心被转换为原点；第二，图像被旋转；第三，图像的中心被转换到面板的中心。通过调整面板大小可以看到效果。

增编：另见本备选案文进场使用AffineTransform.

package overflow;import java.awt.*;import java.awt.event.*;import java.awt.image.BufferedImage;import java.util.Random;
import javax.swing.*;/**
 * @see https://stackoverflow.com/questions/3371227
 * @see https://stackoverflow.com/questions/3405799
 */public class RotateApp {

    private static final int N = 3;

    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable() {

            @Override
            public void run() {
                JFrame frame = new JFrame();
                frame.setLayout(new GridLayout(N, N, N, N));
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                for (int i = 0; i < N * N; i++) {
                    frame.add(new RotatePanel());
                }
                frame.pack();
                frame.setVisible(true);
            }
        });
    }}class RotatePanel extends JPanel implements ActionListener {

    private static final int SIZE = 256;
    private static double DELTA_THETA = Math.PI / 90;
    private final Timer timer = new Timer(25, this);
    private Image image = RotatableImage.getImage(SIZE);
    private double dt = DELTA_THETA;
    private double theta;

    public RotatePanel() {
        this.setBackground(Color.lightGray);
        this.setPreferredSize(new Dimension(
            image.getWidth(null), image.getHeight(null)));
        this.addMouseListener(new MouseAdapter() {

            @Override
            public void mousePressed(MouseEvent e) {
                image = RotatableImage.getImage(SIZE);
                dt = -dt;
            }
        });
        timer.start();
    }

    @Override
    public void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;
        g2d.translate(this.getWidth() / 2, this.getHeight() / 2);
        g2d.rotate(theta);
        g2d.translate(-image.getWidth(this) / 2, -image.getHeight(this) / 2);
        g2d.drawImage(image, 0, 0, null);
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        theta += dt;
        repaint();
    }

    @Override
    public Dimension getPreferredSize() {
        return new Dimension(SIZE, SIZE);
    }}class RotatableImage {

    private static final Random r = new Random();

    static public Image getImage(int size) {
        BufferedImage bi = new BufferedImage(
            size, size, BufferedImage.TYPE_INT_ARGB);
        Graphics2D g2d = bi.createGraphics();
        g2d.setRenderingHint(
            RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);
        g2d.setPaint(Color.getHSBColor(r.nextFloat(), 1, 1));
        g2d.setStroke(new BasicStroke(size / 8));
        g2d.drawLine(0, size / 2, size, size / 2);
        g2d.drawLine(size / 2, 0, size / 2, size);
        g2d.dispose();
        return bi;
    }}

Answer 2

密码旋转图标使用仿射变换围绕其中心旋转。