如何制作Youtube';Java Swing上的s旋转微调器加载屏幕
我正在为我的swing项目制作一个加载屏幕,但我想使用谷歌的旋转微调器作为加载屏幕。这只是YouTube加载视频时使用的加载屏幕,或者在Google Chrome(或任何其他浏览器)加载网页时也可以看到它(参见屏幕截图)。我对java的图形类不是很在行,但是我知道一些基础知识。请给我一个制作上料旋转器的方法 在Google Chrome的新选项卡中加载微调器: 正在YouTube中加载微调器:如何制作Youtube';Java Swing上的s旋转微调器加载屏幕,java,swing,graphics,Java,Swing,Graphics,我正在为我的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
,但是,我建议使用计时器sactionPerformed
方法来代替。是的,直到昨天我才意识到它的存在。然而,当真的需要时,它似乎会引起很多麻烦:。它可能只在Linux上显示,当屏幕的一小部分被更新时,所以当弧短时看到旋转器起伏,然后突然变平滑,这是一个很好的答案,我基本上可以按原样使用它。不过,有一件小但重要的事情需要补充,我已经在Linux上研究了几个小时了:在paintComponent()
方法的末尾添加getToolkit().sync()
调用,否则当弧很小时,您可能会遇到严重的重绘延迟。@TomášDvořák在大约20多年的Java开发中,我从未使用过Toolkit#sync
,但是,我建议使用计时器sactionPerformed
方法来代替。是的,直到昨天我才意识到它的存在。然而,当真的需要时,它似乎会引起很多麻烦:。它可能只会在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();
}
}
}