java - 如何在 Java Swing 上制作 Youtube 的旋转加载屏幕

Question

我正在我的 swing 项目上制作加载屏幕，但我想使用 Google 的旋转微调器作为加载屏幕。它只是 YouTube 在加载视频时使用的加载屏幕，或者当 Google Chrome(或任何其他浏览器)加载网页时也可以看到它(参见屏幕截图)。我不太擅长java的图形类，但我知道基础知识。请建议我一种制作加载旋转器的方法。

在 Google Chrome 的新标签页中加载微调器:

在 YouTube 中加载微调器:

Answer 1

所以，基本思想是，形状是一个开放的弧线。也就是说，具有起始角度并延伸一定度数以创建边缘。

也许看看 Working with Geometry以获得更多想法。

然后，我们的想法是为起始“角度”和“范围”以及不同的速率设置动画。这得到了圆的“闭合”。诀窍是当两端相遇时圆的“开口”，这实际上是相反的相同想法(有点;))。再次“打开”圆圈需要重新计算起始位置作为当前角度与范围之间的差值，然后将范围更改为下落圆圈，然后让动画再次播放。

因为 Swing 是单线程且不是线程安全的，所以重要的是不要阻塞事件分派(dispatch)线程并且仅从事件分派(dispatch)线程的内容中(直接或间接)更新 UI 的状态。

最简单的解决方案是使用 Swing Timer，它等待 EDT，但在 EDT 内生成通知。

参见How to use Swing Timers了解更多详情。

import java.awt.BasicStroke;
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.geom.Arc2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.Timer;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class Test {

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

    public Test() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private double angle;
        private double extent;

        private double angleDelta = -1;
        private double extentDelta = -5;

        private boolean flip = false;

        public TestPane() {
            setBackground(Color.BLACK);
            Timer timer = new Timer(10, new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    angle += angleDelta;
                    extent += extentDelta;
                    if (Math.abs(extent) % 360.0 == 0) {
                        angle = angle - extent;
                        flip = !flip;
                        if (flip) {
                            extent = 360.0;
                        } else {
                            extent = 0.0;
                        }
                    }
                    repaint();
                }
            });
            timer.start();
        }

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

        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();
            g2d.setRenderingHint(RenderingHints.KEY_ALPHA_INTERPOLATION, RenderingHints.VALUE_ALPHA_INTERPOLATION_QUALITY);
            g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2d.setRenderingHint(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);
            g2d.setRenderingHint(RenderingHints.KEY_DITHERING, RenderingHints.VALUE_DITHER_ENABLE);
            g2d.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
            g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);
            g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
            g2d.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL, RenderingHints.VALUE_STROKE_PURE);

            Arc2D.Double arc = new Arc2D.Double(50, 50, 100, 100, angle, extent, Arc2D.OPEN);
            BasicStroke stroke = new BasicStroke(4, BasicStroke.CAP_BUTT, BasicStroke.JOIN_ROUND);
            g2d.setStroke(stroke);
            g2d.setColor(Color.WHITE);
            g2d.draw(arc);
            g2d.dispose();
        }

    }

}

该示例还使用 BasicStroke 为形状提供一定的厚度