定制圆皮gui [英] custom round skin gui
问题描述
寻找如何创建圆形界面的起点。我已经尝试查看文档并尝试查看Eclipse的其他插件。我刚刚开始使用java构建gui，我找到的一切要么是要求我成为公司的一部分才能使用他们的产品或想要几百美元。
<我只是一个谦虚的程序员，我正在尝试gui的手，我正在做的个人项目需要一个圆形的gui皮肤。
至少有两种方法可以达到这个目的......
你可以......
使用 JFrame #setShape 改变主窗口的形状，例如......
JFrame frame = new JFrame（Testing）;
frame.getContentPane（）。setBackground（Color.RED）;
frame.setDefaultCloseOperation（JFrame.EXIT_ON_CLOSE）;
frame.setLayout（new GridBagLayout（））;
frame.add（new JLabel（Boo！））;
frame.setSize（200,200）;
frame.setLocationRelativeTo（null）;
frame.setUndecorated（true）;
frame.setShape（new Ellipse2D.Double（0,0,200,200））;
frame.setVisible（true）;
这很简单，但坦率地说，看起来很糟糕。使用这种技术无法实现软剪裁以平滑边缘...
你可以......
创建一个透明窗口并伪造形状......
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagLayout;
import java.awt.RenderingHints;
import java.awt.geom.Ellipse2D;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;
公共类CircleUI {
public static void main（String [] args）{
new CircleUI（）;
}
public CircleUI（）{
EventQueue.invokeLater（new Runnable（）{
@Override
public void run（）{
try {
UIManager.setLookAndFeel（UIManager.getSystemLookAndFeelClassName（））;
} catch（ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex）{
}
JFrame框架= new JFrame（Testing）;
frame.setUndecorated（true）;
frame.setBackground（new Color（0,0,0,0））;
frame.setDefaultCloseOperation（JFrame .EXIT_ON_CLOSE）;
frame.add（new CirclePane（））;
frame.pack（）;
frame.setLocationRelativeTo（null）;
frame.setVisible（true）;
}
}）;
}
公共类CirclePane扩展JPanel {
public CirclePane（）{
setOpaque（false）;
setLayout（new GridBagLayout（））;
add（new JLabel（Boo！））;
setBackground（Color.RED）;
}
@Override
public Dimension getPreferredSize（）{
return new Dimension（200,200）;
}
@Override
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）;
g2d.setColor（Color.RED）;
g2d.fill（new Ellipse2D.Double（0,0，getWidth（） - 1，getHeight（） - 1））;
g2d.dispose（）;
}
}
}
可以说，它可以产生更好看的结果，但是可以让你显示超出形状的组件（允许它们溢出），所以你需要能够管理内容以确保不会发生这种情况......
你可以......
两者都有...
JFrame frame = new JFrame（Testing）;
frame.setUndecorated（true）;
frame.setBackground（new Color（0,0,0,0））;
frame.setDefaultCloseOperation（JFrame.EXIT_ON_CLOSE）;
//这是这里的秘密...
JPanel content = new JPanel（new BorderLayout（））;
content.setOpaque（false）;
content.setBorder（new EmptyBorder（1,1,1,1））;
content.add（new CirclePane（））;
frame.setContentPane（content）;
frame.pack（）;
int width = frame.getWidth（）;
int height = frame.getHeight（）;
frame.setShape（new Ellipse2D.Double（0,0，width，height））;
frame.setLocationRelativeTo（null）;
frame.setVisible（true）;
这样做是使用 setShape 方法从第一个例子开始，使用第二个例子中的软剪辑并将它们组合起来。这是通过使用另一个 JPanel 来充当我们的假形状面板的容器并提供非常小的（1像素）空边框。这会将框架的大小从我们的软剪裁面板的边缘推出，但意味着任何溢出它的组件都会被裁剪...
In looking for a starting place to how to create a round interface. I have tried looking into the docs and tried looking into other plugins for Eclipse. I'm just starting to build gui's with java and everything I find is either asking for me to be a part of a company to use their product or want a few hundred dollars.
I'm just a humble coder trying my hand at gui's and a personal project I'm working on wants a round gui skin.
There are, at least, two ways you might achieve this...
You could...
Use JFrame#setShape to alter the shape of the main window, for example...
JFrame frame = new JFrame("Testing");
frame.getContentPane().setBackground(Color.RED);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new GridBagLayout());
frame.add(new JLabel("Boo!"));
frame.setSize(200, 200);
frame.setLocationRelativeTo(null);
frame.setUndecorated(true);
frame.setShape(new Ellipse2D.Double(0, 0, 200, 200));
frame.setVisible(true);
This is simple, but frankly, looks crap. There's no way to implement soft clipping to smooth out the edges with this technique...
You could...
Create a transparent window and "fake" the shape...
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagLayout;
import java.awt.RenderingHints;
import java.awt.geom.Ellipse2D;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;
public class CircleUI {
public static void main(String[] args) {
new CircleUI();
}
public CircleUI() {
EventQueue.invokeLater(new Runnable() {
@Override
public void run() {
try {
UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
} catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
}
JFrame frame = new JFrame("Testing");
frame.setUndecorated(true);
frame.setBackground(new Color(0, 0, 0, 0));
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.add(new CirclePane());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
});
}
public class CirclePane extends JPanel {
public CirclePane() {
setOpaque(false);
setLayout(new GridBagLayout());
add(new JLabel("Boo!"));
setBackground(Color.RED);
}
@Override
public Dimension getPreferredSize() {
return new Dimension(200, 200);
}
@Override
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);
g2d.setColor(Color.RED);
g2d.fill(new Ellipse2D.Double(0, 0, getWidth() - 1, getHeight() - 1));
g2d.dispose();
}
}
}
Which, arguably, produces a nicer looking result, but will allow you to display components beyond the shape (allow them to overflow), so you need to be able to manage the content to ensure that this doesn't happen...
You could...
Do both...
JFrame frame = new JFrame("Testing");
frame.setUndecorated(true);
frame.setBackground(new Color(0, 0, 0, 0));
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
// This is the secret here...
JPanel content = new JPanel(new BorderLayout());
content.setOpaque(false);
content.setBorder(new EmptyBorder(1, 1, 1, 1));
content.add(new CirclePane());
frame.setContentPane(content);
frame.pack();
int width = frame.getWidth();
int height = frame.getHeight();
frame.setShape(new Ellipse2D.Double(0, 0, width, height));
frame.setLocationRelativeTo(null);
frame.setVisible(true);
What this does is uses the setShape method from the first example, with the soft clipping from the second example and combines them. This is done by using another JPanel to act as the container for our "fake" shape panel and supplying a very small (1 pixel) empty border. This pushes the size of the frame out from the edge of our soft clipping panel, but means that any components that overflow it, will be clipped...
这篇关于定制圆皮gui的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
