Java开发笔记(一百一十九)AWT布局

前面介绍了如何在窗口上添加一个按钮,可是每个软件界面都包含了许多控件,这些控件又是按照什么规则在界面上排列的呢?仍以按钮为例,假如要在窗口上依次添加多个按钮,那么界面会怎样显示这些按钮?想当然的话,按钮们可能从左往右排列,也可能从上往下排列,也可能后面的按钮在原处覆盖掉前面的按钮,究竟AWT会以哪种方式显示多个按钮,还得具体编码开展实地验证才行。下面便是往程序窗口先后添加五个按钮的代码片段:

		frame.setSize(400, 120); // 必须设置宽高,否则没有窗体
		Panel panel = new Panel(); // 创建一个面板
		panel.add(new Button("第一个按钮")); // 在面板上添加一个按钮
		panel.add(new Button("第二个按钮")); // 在面板上添加一个按钮
		panel.add(new Button("第三个按钮")); // 在面板上添加一个按钮
		panel.add(new Button("第四个按钮")); // 在面板上添加一个按钮
		panel.add(new Button("第五个按钮")); // 在面板上添加一个按钮
		frame.add(panel); // 在窗口上添加面板

 

运行上述的测试代码,观察到如下图所示的窗口界面。


这下眼见为实了,AWT的默认布局原来是从左往右依次排列控件,遇到一行放不下的情况,则另起一行放置新控件。这种默认布局被称作流式布局,可以看作是流水账记事,跟日常的手写差不多,手写一段文字也是从左往右书写,写满一行后另起一行书写。流式布局的大名叫做FlowLayout,调用面板对象的setLayout方法即可设置指定的布局类型。不过从界面效果看,流式布局与手写有一点不同,手写的时候每行文字都是靠左对齐,而流式布局的内部控件却是居中对齐。若想让流式布局也采取靠左对齐的格式,则需调用布局对象的setAlignment方法设置对齐格式。如此一来,完全等同手写规则的布局代码应当改为以下这般:

		FlowLayout layout = new FlowLayout(); // 创建一个流式布局
		layout.setAlignment(FlowLayout.LEFT); // 设置对齐方式为靠左对齐
		panel.setLayout(layout); // 指定面板采用流式布局

除了流式布局,AWT还提供了其它两种常见的布局类型,分别是网格布局GridLayout,以及边界布局BorderLayout。网格布局类似表格,采取多行多列的界面划分,并且允许程序员指定行数与列数。其中网格对象的setRows方法可用于设置行数,setColumns方法可用于设置列数,也可在GridLayout的构造方法中直接指定行数和列数。现在准备把面板的流式布局换成五行单列的网格布局,更改后的布局代码如下所示:

		GridLayout layout = new GridLayout(5, 1); // 创建一个网格布局,有五行一列
		layout.setRows(5); // 设置行数为5
		layout.setColumns(1); // 设置列数为1
		panel.setLayout(layout); // 指定面板采用网格布局

 

运行以上的网格布局代码,观察到如下图所示的窗口界面。


如图可见,此时的五个按钮果然形成了五行单列的网格结构。

至于边界布局,仿佛遵照古人的国土观念:本国位于天地之中,四周分布着其它部族包括东夷、南蛮、西戎、北狄,具体方位遵循地图学的“上北下南、左西右东”格局。边界布局自身无需调用专门的方法,而是由面板对象在调用add方法添加控件之时,顺便指定该控件在边界布局中所处的方位,例如EAST代表东边也就是布局右侧,WEST代表西边也就是布局左侧,SOUTH代表南边也就是布局下方,NORTH代表北边也就是布局上方,CENTER代表中央也就是面板正中。使用边界布局改写后的代码片段示例如下:

		panel.setLayout(new BorderLayout()); // 指定面板采用边界布局
		panel.add(new Button("东边的按钮"), BorderLayout.EAST); // 在面板的东边(右侧)添加按钮
		panel.add(new Button("西边的按钮"), BorderLayout.WEST); // 在面板的西边(左侧)添加按钮
		panel.add(new Button("北边的按钮"), BorderLayout.NORTH); // 在面板的北边(上方)添加按钮
		panel.add(new Button("南边的按钮"), BorderLayout.SOUTH); // 在面板的南边(下方)添加按钮
		panel.add(new Button("中间的按钮"), BorderLayout.CENTER); // 在面板的中间位置添加按钮

 

运行以上的边界布局代码,观察到如下图所示的窗口界面。


从上面的界面效果可知,五个按钮分别排列在上下左右中一共五个方位。



更多Java技术文章参见《Java开发笔记(序)章节目录

posted @ 2019-07-02 22:19  pinlantu  阅读(356)  评论(0编辑  收藏  举报