Grid Layout

----------------siwuxie095

   

   

   

   

   

   

   

将根面板 contentPane 的布局切换为 Grid Layout

   

Grid Layout 即 网格布局

   

   

 

先向 contentPane 中添加一个 JButton，填满了整个区域

   

   

   

   

如果继续添加，可以在这个 JButton 的左侧 或 右侧放置新的元素

   

如果添加若干个 JButton，显然，在整个面板中是按照平均分配的方式排列

   

   

   

   

   

   

   

Grid Layout 的属性：

 

 元素的行数（rows）和列数（columns）

 

元素之间的横向区间（hgap）与纵向区间（vgap）

    

   

   

   

   

rows 为 1，即 1 行，而 columns 是系统自动生成的，所以是 0，如下：

   

   

   

   

如果将 columns 改为 4，则 rows 自动变为 0，依然是上图的排列

   

   

   

   

Grid Layout 的属性在 Source 中的设置：

   

   

   

   

   

网格布局 在缩放窗体时，所有元素的大小都会动态随着父级容器而变化

   

网格布局 在创建大量阵列排列的元素时非常有用，如：计算器

   

   

   

   

   

   

   

【made by siwuxie095】