Java Swing中自定义六边形按钮之间的空间过大
我目前正在为一个大学项目开发一个Hidato谜题解算器。我正在使用Swing和IntellijIDE 其中一个要求是正方形、六角形和三角形。方形很容易实现,但为了实现六边形网格,我编写了一个扩展JButton的自定义六边形按钮 然而,当尝试渲染网格时,我得到了这个结果。我不知道怎么了 我得到了六边形数学,在网上被认为是六边形的圣经 这是六边形按钮和网格渲染器的代码Java Swing中自定义六边形按钮之间的空间过大,java,swing,Java,Swing,我目前正在为一个大学项目开发一个Hidato谜题解算器。我正在使用Swing和IntellijIDE 其中一个要求是正方形、六角形和三角形。方形很容易实现,但为了实现六边形网格,我编写了一个扩展JButton的自定义六边形按钮 然而,当尝试渲染网格时,我得到了这个结果。我不知道怎么了 我得到了六边形数学,在网上被认为是六边形的圣经 这是六边形按钮和网格渲染器的代码 import javax.swing.*; import java.awt.*; public class HexagonBut
import javax.swing.*;
import java.awt.*;
public class HexagonButton extends JButton {
private Shape hexagon;
float size;
float width, height;
public HexagonButton(float centerX, float centerY, float size){
Polygon p = new Polygon();
this.size = size;
p.reset();
for(int i=0; i<6; i++){
float angleDegrees = (60 * i) - 30;
float angleRad = ((float)Math.PI / 180.0f) * angleDegrees;
float x = centerX + (size * (float)Math.cos(angleRad));
float y = centerY + (size * (float)Math.sin(angleRad));
p.addPoint((int)x,(int)y);
}
width = (float)Math.sqrt(3) * size;
height = 2.0f * size;
hexagon = p;
}
public void paintBorder(Graphics g){
((Graphics2D)g).draw(hexagon);
}
public void paintComponent(Graphics g){
((Graphics2D)g).draw(hexagon);
}
@Override
public Dimension getPreferredSize(){
return new Dimension((int)width, (int)height);
}
@Override
public Dimension getMinimumSize(){
return new Dimension((int)width, (int)height);
}
@Override
public Dimension getMaximumSize(){
return new Dimension((int)width, (int)height);
}
@Override
public boolean contains(int x, int y){
return hexagon.contains(x,y);
}
}
Public class Main extends JFrame implements MouseListener {
/**
* Create the GUI and show it. For thread safety,
* this method should be invoked from the
* event-dispatching thread.
*/
public static void main(String[] args) {
// write your code here
//Schedule a job for the event-dispatching thread:
//creating and showing this application's GUI.
Main main = new Main();
main.pack();
main.setVisible(true);
main.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
Main(){
super();
int rows = 3;
int cols = 3;
setLayout(new GridLayout(rows,cols,-1,-1));
//grid.setBorder(BorderFactory.createEmptyBorder(2,2,2,2));
this.setMinimumSize(new Dimension(173 * rows, 200 * cols+2));
for(int i=0;i<rows;i++){
for(int j=0;j<cols;j++){
float size = 25;
int width = (int)(size * Math.sqrt(3));
int height = (int)(size * 2.0f);
int xOffset = (width / 2);
if(i%2==1){
//Offset odd rows to the right
xOffset += (width/2);
}
int yOffset = height / 2;
int centerX = xOffset + j*width;
int centerY = yOffset + i*height;
HexagonButton hexagon = new HexagonButton(centerX, centerY, size);
hexagon.addMouseListener(this);
hexagon.setMinimumSize(hexagon.getMinimumSize());
hexagon.setMaximumSize(hexagon.getMaximumSize());
hexagon.setPreferredSize(hexagon.getPreferredSize());
//hexagon.setVerticalAlignment(SwingConstants.CENTER);
hexagon.setHorizontalAlignment(SwingConstants.CENTER);
add(hexagon);
}
}
}
}
import javax.swing.*;
导入java.awt.*;
公共类六边形按钮扩展JButton{
私人形状六边形;
浮子大小;
浮动宽度、高度;
公共六边形按钮(浮动中心X、浮动中心Y、浮动大小){
多边形p=新多边形();
这个。大小=大小;
p、 重置();
对于(int i=0;i,我不会为每个单元格使用自定义组件,而是使用单个组件,生成或绘制所需的形状,并将它们绘制到单个组件上
这使您能够更好地控制形状的放置,并且由于Shape
内置了碰撞检测,因此可以很容易地检测鼠标在哪个单元格上单击
我对您的基本代码做了一些调整,并给出了以下示例
它创建一个作为“主控”的单一形状,然后,我为每个单元格创建一个区域
,并将其位置转换到我希望它出现的位置。然后将其添加到列表
,该列表用于绘制所有单元格并执行鼠标“点击”检测
这种方法的好处是,它会自动缩放形状以适应可用的组件空间
现在六边形彼此相对排列。仍然需要一些工作,尽管出于价值考虑,我不会为每个单元格使用自定义组件,而是使用单个组件,生成或绘制所需的形状,并将它们绘制到单个组件上
这使您能够更好地控制形状的放置,并且由于Shape
内置了碰撞检测,因此可以很容易地检测鼠标在哪个单元格上单击
我对您的基本代码做了一些调整,并给出了以下示例
它创建一个作为“主控”的单一形状,然后,我为每个单元格创建一个区域
,并将其位置转换到我希望它出现的位置。然后将其添加到列表
,该列表用于绘制所有单元格并执行鼠标“点击”检测
这种方法的好处是,它会自动缩放形状以适应可用的组件空间
现在六边形彼此相对排列。仍然需要一些工作,尽管使用GridBagLayout
。我无法想象任何布局都会有帮助。如果这里的目标是让六边形在视觉上合并成蜂窝状图案,那么绘制六边形的矩形JButton
必须重叠。普通的Swing布局管理器自然会拒绝重叠其控制下的组件。不过,您可能可以编写自定义布局管理器。若您希望按照自己的路径进行操作,请仅将大小
传递给按钮,让它们计算其余的需求。不过,若您打算创建一个蜂窝状图案,我会将所有多边形绘制到单个组件上。在列表中保持它们的形状
s,这样它们可以更容易地绘制,并且您可以更容易地对它们执行碰撞检测。改用网格布局
。我无法想象任何布局都会有帮助。如果这里的目标是拥有六边形可视化地合并到蜂窝状图案中,绘制六边形的矩形按钮必须重叠。正常的Swing布局管理器自然会拒绝重叠其控制下的组件。但是,您可能可以编写自定义布局管理器……如果您想沿着当前路径,只传递大小
到按钮,让它们计算其余的要求。然而,若您打算创建蜂窝图案,我会将所有多边形绘制到单个组件上。在列表中保持它们的形状
,这样它们可以更容易地绘制,您可以对它们执行碰撞检测很容易。嗨!关于这个项目,今天我发现自己在动态列表中面临另一个障碍。我找到了你的答案,我只想说我爱你,如果我去墨尔本,我会买一杯啤酒。嗨!关于这个项目,今天我发现自己在动态列表中面临另一个障碍。我找到了你的答案,我只想说我爱你,如果我去墨尔本,我会买一瓶啤酒
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Shape;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.AffineTransform;
import java.awt.geom.Area;
import java.awt.geom.GeneralPath;
import java.util.ArrayList;
import java.util.List;
import javax.swing.JFrame;
import javax.swing.JPanel;
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 Shape hexagon;
private List<Shape> cells = new ArrayList<>(6);
private Shape highlighted;
public TestPane() {
addMouseMotionListener(new MouseAdapter() {
@Override
public void mouseMoved(MouseEvent e) {
highlighted = null;
for (Shape cell : cells) {
if (cell.contains(e.getPoint())) {
highlighted = cell;
break;
}
}
repaint();
}
});
}
@Override
public void invalidate() {
super.invalidate();
updateHoneyComb();
}
protected void updateHoneyComb() {
GeneralPath path = new GeneralPath();
float rowHeight = ((getHeight() * 1.14f) / 3f);
float colWidth = getWidth() / 3f;
float size = Math.min(rowHeight, colWidth);
float centerX = size / 2f;
float centerY = size / 2f;
for (float i = 0; i < 6; i++) {
float angleDegrees = (60f * i) - 30f;
float angleRad = ((float) Math.PI / 180.0f) * angleDegrees;
float x = centerX + ((size / 2f) * (float) Math.cos(angleRad));
float y = centerY + ((size / 2f) * (float) Math.sin(angleRad));
if (i == 0) {
path.moveTo(x, y);
} else {
path.lineTo(x, y);
}
}
path.closePath();
cells.clear();
for (int row = 0; row < 3; row++) {
float offset = size / 2f;
int colCount = 2;
if (row % 2 == 0) {
offset = 0;
colCount = 3;
}
for (int col = 0; col < colCount; col++) {
AffineTransform at = AffineTransform.getTranslateInstance(offset + (col * size), row * (size * 0.8f));
Area area = new Area(path);
area = area.createTransformedArea(at);
cells.add(area);
}
}
}
public void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g.create();
if (highlighted != null) {
g2d.setColor(Color.BLUE);
g2d.fill(highlighted);
}
g2d.setColor(Color.BLACK);
for (Shape cell : cells) {
g2d.draw(cell);
}
g2d.dispose();
}
@Override
public Dimension getPreferredSize() {
return new Dimension(200, 200);
}
}
}
protected void updateHoneyComb() {
GeneralPath path = new GeneralPath();
double rowHeight = ((getHeight() * 1.14f) / 3f);
double colWidth = getWidth() / 3f;
double size = Math.min(rowHeight, colWidth) / 2d;
double centerX = size / 2d;
double centerY = size / 2d;
double width = Math.sqrt(3d) * size;
double height = size * 2;
for (float i = 0; i < 6; i++) {
float angleDegrees = (60f * i) - 30f;
float angleRad = ((float) Math.PI / 180.0f) * angleDegrees;
double x = centerX + (size * Math.cos(angleRad));
double y = centerY + (size * Math.sin(angleRad));
if (i == 0) {
path.moveTo(x, y);
} else {
path.lineTo(x, y);
}
}
path.closePath();
cells.clear();
double yPos = size / 2d;
for (int row = 0; row < 3; row++) {
double offset = (width / 2d);
int colCount = 2;
if (row % 2 == 0) {
offset = 0;
colCount = 3;
}
double xPos = offset;
for (int col = 0; col < colCount; col++) {
AffineTransform at = AffineTransform.getTranslateInstance(xPos + (size * 0.38), yPos);
Area area = new Area(path);
area = area.createTransformedArea(at);
cells.add(area);
xPos += width;
}
yPos += height * 0.75;
}
}