GridLayoutでグリッドラインをどのように表示しますか? Javaで?
JPanel panel = new JPanel(new GridLayout(10,10));
panel.setBorder(BorderFactory.createEmptyBorder(2,2,2,2));
for (int i =0; i<(10*10); i++){
panel.add(new JLabel("Label"));
}
コンポーネントが追加されるときにコンポーネントに境界線を追加することでそれを試みます。これを行う簡単な方法は、次のようにBorderFactory.createLineBorder()
を使用することです。
_JPanel panel = new JPanel(new GridLayout(10,10));
panel.setBorder(BorderFactory.createEmptyBorder(2,2,2,2));
for (int i =0; i<(10*10); i++){
final JLabel label = new JLabel("Label");
label.setBorder(BorderFactory.createLineBorder(Color.BLACK));
panel.add(label);
}
_
ただし、外側のエッジには1ピクセルの太い境界線のみがあり、内側のエッジには2つの1ピクセルの太い境界線があるため、セル間の境界線はパネルの端よりも太くなります。これを回避するには、BorderFactory.createMatteBorder()
を使用して、どこにでも1ピクセル幅の境界線のみを描画します。
_final int borderWidth = 1;
final int rows = 10;
final int cols = 10;
JPanel panel = new JPanel(new GridLayout(rows, cols));
panel.setBorder(BorderFactory.createEmptyBorder(2,2,2,2));
for (int row = 0; row < rows; row++) {
for (int col = 0; col < cols; col++) {
final JLabel label = new JLabel("Label");
if (row == 0) {
if (col == 0) {
// Top left corner, draw all sides
label.setBorder(BorderFactory.createLineBorder(Color.BLACK));
}
else {
// Top Edge, draw all sides except left Edge
label.setBorder(BorderFactory.createMatteBorder(borderWidth,
0,
borderWidth,
borderWidth,
Color.BLACK));
}
}
else {
if (col == 0) {
// Left-hand Edge, draw all sides except top
label.setBorder(BorderFactory.createMatteBorder(0,
borderWidth,
borderWidth,
borderWidth,
Color.BLACK));
}
else {
// Neither top Edge nor left Edge, skip both top and left lines
label.setBorder(BorderFactory.createMatteBorder(0,
0,
borderWidth,
borderWidth,
Color.BLACK));
}
}
panel.add(label);
}
}
_
これにより、セル間および外端に沿って、どこにでも幅borderWidth
の境界線が表示されます。
Joe Carnahanが言及した太い境界線の問題を回避する簡単な方法があります:GridLayout(10,10, -1, -1)
は、コンポーネント間の垂直方向のギャップと水平方向のギャップを-1に設定します。したがって、完全なコードは次のとおりです。
JPanel panel = new JPanel(new GridLayout(10,10, -1, -1));
panel.setBorder(BorderFactory.createEmptyBorder(2,2,2,2));
for (int i =0; i<(10*10); i++){
final JLabel label = new JLabel("Label");
label.setBorder(BorderFactory.createLineBorder(Color.BLACK));
panel.add(label);
}
私は非常に簡単な解決策を見つけました:
_ final GridBagLayout layout = new GridBagLayout();
JPanel content = new JPanel(layout)
{
@Override
public void Paint(Graphics g)
{
super.Paint(g);
int[][] dims = layout.getLayoutDimensions();
g.setColor(Color.BLUE);
int x = 0;
for (int add : dims[0])
{
x += add;
g.drawLine(x, 0, x, getHeight());
}
int y = 0;
for (int add : dims[1])
{
y += add;
g.drawLine(0, y, getWidth(), y);
}
}
};
_
編集:このソリューションでは、JPanelのPaint()
メソッドをオーバーライドし、GridBagLayout.getLayoutDimensions()
で定義されたグリッドをJPanelの独自の画像の上に手動でペイントします。
//http://www.geekssay.com/how-to-make-grid-layout-using-swing/
import Java.awt.*;
import javax.swing.*;
class GridExample {
private JFrame f;
private JButton b1, b2, b3, b4, b5, b6;
public GridExample() {
f = new JFrame("Grid Example");
b1 = new JButton("Button 1");
b2 = new JButton("Button 2");
b3 = new JButton("Button 3");
b4 = new JButton("Button 4");
b5 = new JButton("Button 5");
b6 = new JButton("Button 6");
}
public void launchFrame() {
f.setLayout (new GridLayout(3,2));
f.add(b1);
f.add(b2);
f.add(b3);
f.add(b4);
f.add(b5);
f.add(b6);
f.pack();
f.setVisible(true);
}
public static void main(String args[]) {
GridExample grid = new GridExample();
grid.launchFrame();
}
}
グリッドに基づいて線を描画する上部に不透明でないコンポーネントを配置するためにJLayeredPane
を使用したくなるでしょう。
または、パネルの背景色を境界線の色に設定すると、グリッド線が魔法のように表示されます。
import Java.awt.*;
import javax.swing.*;
import javax.swing.border.*;
public class GridLayoutLines extends JFrame
{
public GridLayoutLines()
{
JPanel grid = new JPanel( new GridLayout(10, 10, 2, 2) );
grid.setBackground( Color.BLACK );
grid.setBorder( new MatteBorder(2, 2, 2, 2, Color.BLACK) );
for (int i = 0; i < 100; i++)
{
JLabel label = new JLabel();
label.setText(" label" + i);
label.setOpaque( true );
grid.add( label );
}
add( grid );
}
public static void main(String[] args)
{
GridLayoutLines frame = new GridLayoutLines();
frame.setDefaultCloseOperation( EXIT_ON_CLOSE );
frame.pack();
frame.setLocationRelativeTo( null );
frame.setVisible(true);
}
}