如何制作Youtube';Java Swing上的s旋转微调器加载屏幕

如何制作Youtube';Java Swing上的s旋转微调器加载屏幕,java,swing,graphics,Java,Swing,Graphics,我正在为我的swing项目制作一个加载屏幕,但我想使用谷歌的旋转微调器作为加载屏幕。这只是YouTube加载视频时使用的加载屏幕,或者在Google Chrome(或任何其他浏览器)加载网页时也可以看到它(参见屏幕截图)。我对java的图形类不是很在行,但是我知道一些基础知识。请给我一个制作上料旋转器的方法 在Google Chrome的新选项卡中加载微调器: 正在YouTube中加载微调器: 因此,基本思想是,形状是一个开放的圆弧。也就是说,具有一个起始角度并延伸一定数量的角度以创建边 也许

我正在为我的swing项目制作一个加载屏幕,但我想使用谷歌的旋转微调器作为加载屏幕。这只是YouTube加载视频时使用的加载屏幕,或者在Google Chrome(或任何其他浏览器)加载网页时也可以看到它(参见屏幕截图)。我对java的图形类不是很在行,但是我知道一些基础知识。请给我一个制作上料旋转器的方法

在Google Chrome的新选项卡中加载微调器:

正在YouTube中加载微调器:


因此,基本思想是,形状是一个开放的圆弧。也就是说,具有一个起始角度并延伸一定数量的角度以创建边

也许你可以看一看,了解更多的想法

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

因为Swing是单线程的,并且不是线程安全的,所以不要阻止事件调度线程,而只从事件调度线程的内容中更新UI的状态(直接或间接)是很重要的

最简单的解决方案是使用Swing
定时器,它等待EDT关闭,但在EDT内生成通知

有关更多详细信息,请参阅


该示例还使用
基本行程
为形状赋予一定厚度

因此,基本思想是,形状是一个开放的圆弧。也就是说,具有一个起始角度并延伸一定数量的角度以创建边

也许你可以看一看,了解更多的想法

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

因为Swing是单线程的,并且不是线程安全的,所以不要阻止事件调度线程,而只从事件调度线程的内容中更新UI的状态(直接或间接)是很重要的

最简单的解决方案是使用Swing
定时器,它等待EDT关闭,但在EDT内生成通知

有关更多详细信息,请参阅


该示例还使用
BasicStroke
为形状赋予一定的厚度

,它不太可能与图形有关,因为它与螺纹有关。你们知道很多关于线程的知识吗?看看问题的答案。它有一个超级简单的例子,说明如何使用
gif
ImageIcon
实现这一点。您在这个问题上做了哪些尝试?首先展示你在上面的进展,如果你有什么地方卡住了,我们肯定会帮助你…本质上它是一个圆弧,你只需要能够以不同的速率设置开始角度和范围的动画。这不太可能是关于图形的,因为它是关于线程的。你们知道很多关于线程的知识吗?看看问题的答案。它有一个超级简单的例子,说明如何使用
gif
ImageIcon
实现这一点。您在这个问题上做了哪些尝试?首先展示你在上面的进展,如果你有什么地方卡住了,我们肯定会帮助你…基本上是一个圆弧,你只需要能够以不同的速率设置开始角度和范围的动画。这是一个很好的答案,我基本上可以按原样使用它。不过,有一件小但重要的事情需要补充,我已经在Linux上研究了几个小时了:在
paintComponent()
方法的末尾添加
getToolkit().sync()
调用,否则当弧很小时,您可能会遇到严重的重绘延迟。@TomášDvořák在大约20多年的Java开发中,我从未使用过
Toolkit#sync
,但是,我建议使用
计时器
s
actionPerformed
方法来代替。是的,直到昨天我才意识到它的存在。然而,当真的需要时,它似乎会引起很多麻烦:。它可能只在Linux上显示,当屏幕的一小部分被更新时,所以当弧短时看到旋转器起伏,然后突然变平滑,这是一个很好的答案,我基本上可以按原样使用它。不过,有一件小但重要的事情需要补充,我已经在Linux上研究了几个小时了:在
paintComponent()
方法的末尾添加
getToolkit().sync()
调用,否则当弧很小时,您可能会遇到严重的重绘延迟。@TomášDvořák在大约20多年的Java开发中,我从未使用过
Toolkit#sync
,但是,我建议使用
计时器
s
actionPerformed
方法来代替。是的,直到昨天我才意识到它的存在。然而,当真的需要时,它似乎会引起很多麻烦:。它可能只会在Linux上显示,当屏幕的一小部分被更新时,所以当弧短时,旋转器会起伏,然后突然变平滑,这是完全令人困惑的。
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();
        }

    }

}