javaSwing布局管理器之TableLayout

我不是女神ヾ 2022-06-16 07:29 251阅读 0赞

代码来自这个地址：  
[http://www.clearthought.info/sun/products/jfc/tsc/articles/tablelayout/Simple.html][http_www.clearthought.info_sun_products_jfc_tsc_articles_tablelayout_Simple.html]

代码如下：

/******************************************************************************* * @project: JavaSwingTest * @package: com.acconsys.swing.chapter5 * @file: TableLayoutTest2.java * @author: Administrator * @created: 2017-5-9 * @purpose: * * @version: 1.0 * * Revision History at the end of file. * * Copyright 2017 AcconSys All rights reserved. ******************************************************************************/
    
    package com.acconsys.swing.chapter5;
    
    import info.clearthought.layout.TableLayout;
    
    import java.awt.Button;
    import java.awt.Frame;
    import java.awt.event.WindowAdapter;
    import java.awt.event.WindowEvent;
    
    public class TableLayoutTest2 { 
        public static void main(String args[]) {
            // Create a frame
            Frame frame = new Frame("Example of TableLayout");
            frame.setBounds(100, 100, 300, 300);
    
            // Create a TableLayout for the frame
            double border = 10;
            double size[][] = {
                    { border, 0.10, 20, TableLayout.FILL, 20, 0.20, border }, // Columns
                    { border, 0.20, 20, TableLayout.FILL, 20, 0.20, border } }; // Rows
                    //10,40,20, 60 ,20,40,10
    
            frame.setLayout(new TableLayout(size));
    
            // Create some buttons
            String label[] = { "Top", "Bottom", "Left", "Right", "Center",
                    "Overlap" };
            Button button[] = new Button[label.length];
    
            for (int i = 0; i < label.length; i++)
                button[i] = new Button(label[i]);
    
            // Add buttons
            frame.add(button[0], "1, 1, 5, 1"); // Top
            frame.add(button[1], "1, 5, 5, 5"); // Bottom
            frame.add(button[2], "1, 3 "); // Left
            frame.add(button[3], "5, 3 "); // Right
            frame.add(button[4], "3, 3, c, c"); // Center
            frame.add(button[5], "3, 3, 3, 5"); // Overlap
    
            // Allow user to close the window to terminate the program
            frame.addWindowListener(new WindowAdapter() {
                public void windowClosing(WindowEvent e) {
                    System.exit(0);
                }
            });
    
            // Show frame
            frame.show();
        }
    
    }
    
    /******************************************************************************* * <B>Revision History</B><BR> * [type 'revision' and press Alt + / to insert revision block]<BR> * * * * Copyright 2017 AcconSys All rights reserved. ******************************************************************************/

效果图如下：  
![这里写图片描述][SouthEast]  
![这里写图片描述][SouthEast 1]

The image on the far left is a snapshot of the frame created with the above program. The image on the near left is the snapshot with lines added to show where the row and column border are. The column widths are shown on the bottom, and the row heights are shown on the right.

上面左边的图片是来自上面的代码创建的图形截图，靠近左边的图被添加了一些行和列的线条说明，其中列宽在图下面显示，行高在图右边显示。

As you can see, this example uses TableLayout to create a border of b pixels around the controls. This is an effective technique to create a "insets" in a container that has none. Since b is just a double with a non-negative integer value, the border can be made any size.

正如你所看到的，这个例子使用了TableLayout在控制区域来创建基于像素的边框，在一个没有任何组件的区域创建一个“insets”,这是一个非常有效的方式,b是一个非负整数值，边框可以设置任何值。

This example also shows how to put spaces between components. In this case, a space of 20 pixels horizontally and vertically separates most of the buttons. Some layout managers require the use of "padding" components to accomodate blankspace. With TableLayout, you need only specify a row or column size and place no component in that row or column.

这个例子也展示了如何在组件之间加入区域，在这个例子中。一个宽高各20像素的区域分开了多个按钮，一些布局管理器需要添加“padding”这个属性才能在组件之间显示空白区域，如果用tablelayout，你不需要在行或列设置组件，只需要设置一个行或列大小即可。

The left and right buttons occupy a single cell and are always the same size as the cell. The top and bottom buttons each span five cells. It is just as easy to make the top and bottom buttons single celled and the left and right buttons multicelled. TableLayout can be used anywhere you would use BorderLayout by creating a grid similar to the one shown in this example. Furthermore, you will have more flexibility with TableLayout.

左边和右边的按钮总是只占用一个单元，上和下的按钮各占5个单元，把上和下用单个单元，左和右用多个单元来处理是非常方便的事情。TableLayout可以使用任何你会使用BorderLayout通过创建一个网格如上述例子所示，而且，使用TableLayout，会有更多灵活性。

The button labeled "center" is both in the center cell and is center justified. For this reason, the button is allocated it's preferred size. If the frame is made very small, the "center" button will shrink. But it will never be larger than it's preferred size, no matter how large the frame is.

“center”的按钮在中间单元的中间位置，基于这个原因，这个按钮被分配了预设的大小，如果这个窗口被设置的非常小，那么“center”按钮将会缩小，但是无论这个窗口多大，这个按钮都不会大于它预设的值。

The button labeled "overlap" is partly obscured by the center button and the bottom button. Since the overlap button was added last, it is on the bottom of the z-order.

“overlap”这个按钮 被“center”按钮和底部按钮部分遮盖了，由于“overlap”按钮是最后添加的，所以它出路z坐标的最底部

Due to the column and row sizes specified, the top button will always have the same area as the bottom button, and the right button will always be exactly twice the size of the left button.

由于行和列大小被设置了，所以上面的按钮和下面的按钮总是有相同的区域，右边按钮始终是左边的按钮的二倍大小。

[http_www.clearthought.info_sun_products_jfc_tsc_articles_tablelayout_Simple.html]: http://www.clearthought.info/sun/products/jfc/tsc/articles/tablelayout/Simple.html
[SouthEast]: /images/20220616/faaa0e5b86314395a4fe15a239cac3fc.png
[SouthEast 1]: /images/20220616/57e6676e65bd4eddaeb4ce6f1bee939e.png