Eclipse界面编写实例(2)--理解布局1

原创 2004年09月19日 19:25:00

本文档的原文在eclipse网站:http://www.eclipse.org/articles/Understanding%20Layouts/Understanding%20Layouts.htm

 winion翻译整理 Copyright © 2001 Object Technology International, Inc.

摘要

采用

SWT编写应用程序时,通常需要使用布局layouts来设计美观的界面。一个布局管理着在Composite上面的子组件的大小和位置。布局类是抽象类Layout的子类。本文档介绍如何使用标准布局类,以及如何编写自定义布局类。

原作者Carolyn MacLeod, OTI  March 22, 2001 

修订Shantha Ramachandran, OTI May 02, 2002

        翻译 winion 2004.9.19

第一节 概述

1.1 布局概述

       当使用标准部件库(SWT)编写应用程序时,通常需要使用通常需要使用布局layouts来设计美观的界面。一个布局管理着在Composite上面的子组件的大小和位置。SWT提供了及格标准的布局类,并且可以自定义布局类。

       SWT中,组件的位置和大小不是自动布置的。应用程序可以在初始化时计算Composite的子组件的大小和位置,也可以通过Resize监听器来调整。如果没有给定子组件的大小,那么它们的尺寸将默认为0,因而界面上显示不出来。

       下图演示了几个在布局中常用的概念。一个Composite(图示是一个TabFolder)有一个位置(location)、客户区(clientArea)和修饰区(trim)。Composite的大小就是客户区大小加上修饰区大小。本例的Composite有两个子组件并列排放。Layout用来管理子组件的大小和位置,它可以定义子组件之间的距离(spacing),子组件和边界之间的空白大小(margin)。Layout的大小和Composite的客户区大小一致。

    一个组件的首选的尺寸(preferred size)是显示大的内容所需的最小的尺寸。对容器而言,其大小是包含所有子组件的最小的矩形。如果子组件由应用程序放置,容器根据子组件的大小和位置来计算它的首选尺寸。如果容器使用布局类来放置子组件,它就要求Layout来计算它的客户区尺寸,然后加上修饰区,从而得出它的首选尺寸。

1.2 标准布局

SWT中的标准布局类有:

l         FillLayout:以相同的大小单行或单列的排列组件;

l         RowLayout:以单行或多行的方式使用fill,wrap,spacing,等选项排列组件;

l         GridLayout:在格子中排列组件;

l         FormLayoutSWT 2.0的新特性):通过创建组件各个边的“附件”来排列组件。

要使用标准布局类,需要引入SWT布局类包:

   import org.eclipse.swt.layout.*;

       布局是可插入的。要设置Composite组件的布局,使用setLayout(Layout)方法。一下代码演示了,一个ShellComposite的子类)采用RowLayout来布局它的子组件。

   Shell shell = new Shell();

   shell.setLayout(new RowLayout());

       一个布局类可以有一个相应的布局数据类(Object的子类),可以对指定的子控件设置具体的布局方式。为了使用方便,布局数据类的名字是通过替换布局类的LayoutData而得到。例如,标准布局类RowLayout的布局数据类是RowDataGridLayoutt的布局数据类是GridDataFormLayout的布局数据类是FormData。以下代码演示了如何设置组件的布局数据:

   Button button = new Button(shell, SWT.PUSH);

   button.setLayoutData(new RowData(50, 40));

1.3 本文档使用的例子

       本文档的多数屏幕截图是根据不同变量运行下面示例代码得到的。可以更改布局的类型、参数以及子组件的类型和数量:

import org.eclipse.swt.*;

import org.eclipse.swt.widgets.*;

import org.eclipse.swt.layout.*;

public class LayoutExample {

   public static void main(String[] args) {

       Display display = new Display();

       Shell shell = new Shell(display);

       //创建布局

       RowLayout layout = new RowLayout();

       // 设置可选的选项

       layout.wrap = true;

       // 设置到容器上

       shell.setLayout(layout);

       // 创建容器的子组件

       new Button(shell, SWT.PUSH).setText("B1");

       new Button(shell, SWT.PUSH).setText("Wide Button 2");

       new Button(shell, SWT.PUSH).setText("Button 3");

       shell.pack();

       shell.open();

       while (!shell.isDisposed()) {

          if (!display.readAndDispatch()) display.sleep();

       }

   }

}

运行上面的代码,得到下图:

如果调整上面的界面,使右面放置不下Button 3,那么RowLayout将折行,在下一行显示Button 3,如图:

       使用布局受调整大小的很大限制。因此本文档的多数例子演示了如果容器变大或变小将如何布局,以此说明布局的工作原理。

 

(待续)

如何让eclipse恢复默认布局

eclipse的布局是可拖动了,有时候不小心拖动了之后,死活弄不回来。好在现在版本的eclipse都提供了一个恢复默认布局的功能: Window->Reset Perspective...
  • howlaa
  • howlaa
  • 2014年09月10日 10:42
  • 49008

eclipse窗口布局重置

Window > Reset Perspective> OK
  • HFHHXH
  • HFHHXH
  • 2014年05月09日 19:09
  • 2596

eclipse恢复默认布局

Window->Perspective->Reset Perspective
  • u013086716
  • u013086716
  • 2016年12月26日 16:12
  • 2010

Android Layout各种布局

Android Layout各种布局 LinearLayout(线性布局) 提供了控件水平垂直排列的模型,同时可以通过设置子控件的weight布局参数控制各个控件在布局中的相对大小。 水平(ve...
  • x359981514
  • x359981514
  • 2013年07月16日 20:11
  • 5533

设置ECLIPSE编辑窗口布局

  • 2009年04月29日 19:50
  • 423KB
  • 下载

Eclipse界面编写实例(1)--扩展TitleAreaDialog

    TitleAreaDialog是Eclipse的Jface组件包中提供的一个对话框,它提供了一个可以显示标题、提示信息以及一个图标的区域,以及一个包含实际内容的区域,并默认提供了两个按钮。最显...
  • winion_c
  • winion_c
  • 2004年09月18日 21:13
  • 4856

eclipse、android开发,查看软件布局神器

  • ylj15503473366
  • ylj15503473366
  • 2014年08月06日 11:49
  • 1377

如何使用Eclipse开发用户图形界面

看到Android 开发工具droiddraw-r1b8这个UI工具,如果能集成到Eclipse中就好了。可以参考下文来实现。如何使用Eclipse开发用户图形界面(类似VC拖放控件功能)2009-0...
  • liu01983zm
  • liu01983zm
  • 2010年05月27日 10:45
  • 14680

Eclipse中安装Java Swing图形界面开发插件windowbuilder

今天给大家讲解一下,如何在eclipse中安装swing 插件windowbuilder,首先点击打开windowbuilder的官网下载地址,http://www.eclipse.org/windo...
  • llqqxf
  • llqqxf
  • 2016年07月14日 14:47
  • 5246

Eclipse界面编写实例(2)--理解布局1

本文档的原文在eclipse网站:http://www.eclipse.org/articles/Understanding%20Layouts/Understanding%20Layouts.htm...
  • winion_c
  • winion_c
  • 2004年09月19日 19:25
  • 4768
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Eclipse界面编写实例(2)--理解布局1
举报原因:
原因补充:

(最多只允许输入30个字)