`
hqs7636
  • 浏览: 220334 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实战SWT布局

阅读更多
标准的SWT布局类
FillLayout:在容器中以相同的大小单行或单列的排列组件
RowLayout:以单行或多行的方式使用几个选项(fill,wrap,spacing,justify,type)定制组件的排列方式
GridLayout:类似于swing的GridLayout的方式以格子的方式排列组件
FormLayout(SWT 2.0的新特性):通过定义组件四个边的“粘贴”位置来排列组件,被引用的相对的组件可以父组件,也可以是同一容器中的其它组件。
在SWT中,可以由用户自定义布局类。

在简单的布局中,使用FillLayout和RowLayout也许就够用了,也比较简单。但是通常的布局都比较复杂,而且要求很精确。无论复杂程度如何,都可以由GridLayout或FormLayout来完成。通常GridLayout与FormLayout可以做成同样的效果,但是使用 FormLayout更有效,不会像GridLayout产生resize导致的布局错位,也更简单。下面通过一个例子简单介绍FormLayout的使用。

布局效果


布局实施
1.首先定义窗口和它的空白边
Display.getDefault().dispose(); //移去平台核心启动画面
display = new Display();
shell = new Shell(display, SWT.TITLE);
FormLayout layout = new FormLayout();
layout.marginHeight = 10;
layout.marginWidth = 20;
shell.setLayout(layout);
shell.setText("用户登录");

2.创建窗口上的元素,其中下面的两个button由一个使用RowLayout的组件来包容。
name = new Label(shell, SWT.NONE);
name.setText("用户名");
nameText = new Text(shell, SWT.SINGLE SWT.BORDER);
pass = new Label(shell, SWT.NONE);
pass.setText("密码");
passText = new Text(shell, SWT.SINGLE SWT.BORDER);
passText.setEchoChar(´*´);
passText.setTabs(2);
bottom = new Composite(shell, SWT.NONE);
RowLayout rowLayout = new RowLayout();
rowLayout.justify = true; //justify定义组件在容器中分散开,效果类似于swing的FlowLayout
bottom.setLayout(rowLayout);

3.定义name标签的位置。它的顶边离父组件(窗口shell)的空白边距离是父组件clientArea(除空白边以外的空间)高度(height)的15%,偏移的点数(points)为0。
FormData data = new FormData();
data.top = new FormAttachment(15, 0);
name.setLayoutData(data);

4.定义name文本输入的位置。它的顶边在name标签的中心位置(这不是正确的表达,但程序是这样解释,事实上它的中心位置与name标签在同一条水平线上),左边距name标签的右边有10个点。
data = new FormData();
data.top = new FormAttachment(name, 0, SWT.CENTER);
data.left = new FormAttachment(name, 10, SWT.RIGHT);
nameText.setLayoutData(data);

5.定义pass标签的位置。它的顶边距name标签的底边有10个点数的偏移。
data = new FormData();
data.top = new FormAttachment(name, 10, SWT.BOTTOM);
pass.setLayoutData(data);

6.定义pass文本输入的位置。它的顶边在name标签的中心位置(同上),左边与name文本框的左边对齐。
data = new FormData();
data.top = new FormAttachment(pass, 0, SWT.CENTER);
data.left = new FormAttachment(nameText, 0, SWT.LEFT);
passText.setLayoutData(data);

7.定义bottom组件的位置。它的顶边距pass标签的底边15个点数,左边与pass标签的左边对齐,右边与pass文本输入的右边对齐。
data = new FormData();
data.top = new FormAttachment(pass, 15, SWT.BOTTOM);
data.left = new FormAttachment(pass, 0, SWT.LEFT);
data.right = new FormAttachment(passText, 0, SWT.RIGHT);
bottom.setLayoutData(data);

完整的源码
import org.eclipse.swt.SWT;
import org.eclipse.swt.events.SelectionAdapter;
import org.eclipse.swt.events.SelectionEvent;
import org.eclipse.swt.graphics.Rectangle;
import org.eclipse.swt.layout.FormAttachment;
import org.eclipse.swt.layout.FormData;
import org.eclipse.swt.layout.FormLayout;
import org.eclipse.swt.layout.RowLayout;
import org.eclipse.swt.widgets.Button;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Label;
import org.eclipse.swt.widgets.Shell;
import org.eclipse.swt.widgets.Text;

import cn.com.efly.clientframe.core.Hook;

/**
* @author efly
* @version 1.0.0,11/22/02
*/
public final class LoginUI {
private Display display;
private Shell shell;
private Composite bottom;
private Label name;
private Label pass;
private Text nameText;
private Text passText;
private Button ok;
private Button exit;
private Rectangle clientArea;
private RootHook rootHook;

public LoginUI(Hook hook) {
rootHook = (RootHook) hook;
}

/**
* 显示登陆界面
*/
public void show() {
Display.getDefault().dispose();
display = new Display();
clientArea = display.getClientArea();
shell = new Shell(display, SWT.TITLE);
FormLayout layout = new FormLayout();
layout.marginHeight = 10;
layout.marginWidth = 20;
shell.setLayout(layout);
shell.setText("用户登录");

name = new Label(shell, SWT.NONE);
name.setText("用户名");
nameText = new Text(shell, SWT.SINGLE SWT.BORDER);
pass = new Label(shell, SWT.NONE);
pass.setText("密码");
passText = new Text(shell, SWT.SINGLE SWT.BORDER);
passText.setEchoChar(´*´);
passText.setTabs(2);
bottom = new Composite(shell, SWT.NONE);
RowLayout rowLayout = new RowLayout();
rowLayout.justify = true;
bottom.setLayout(rowLayout);

ok = new Button(bottom, SWT.PUSH);
ok.setText("确定");
ok.addSelectionListener(new SelectionAdapter() {
public void widgetSelected(SelectionEvent event) {
ok();
}
});

exit = new Button(bottom, SWT.PUSH);
exit.setText("取消");
exit.addSelectionListener(new SelectionAdapter() {
public void widgetSelected(SelectionEvent event) {
cancel();
}
});

FormData data = new FormData();
data.top = new FormAttachment(15, 0);
name.setLayoutData(data);

data = new FormData();
data.top = new FormAttachment(name, 0, SWT.CENTER);
data.left = new FormAttachment(name, 10, SWT.RIGHT);
nameText.setLayoutData(data);

data = new FormData();
data.top = new FormAttachment(name, 10, SWT.BOTTOM);
pass.setLayoutData(data);

data = new FormData();
data.top = new FormAttachment(pass, 0, SWT.CENTER);
data.left = new FormAttachment(nameText, 0, SWT.LEFT);
passText.setLayoutData(data);

data = new FormData();
data.top = new FormAttachment(pass, 15, SWT.BOTTOM);
data.left = new FormAttachment(pass, 0, SWT.LEFT);
data.right = new FormAttachment(passText, 0, SWT.RIGHT);
bottom.setLayoutData(data);

shell.pack();
Rectangle shellBounds = shell.getBounds();
shell.setLocation(
(clientArea.width - shellBounds.width) / 2,
(clientArea.height - shellBounds.height) / 2);

shell.open();

while (!shell.isDisposed()) {
if (!display.readAndDispatch())
display.sleep();
}
}

private void dispose() {
display.dispose();

}

private void cancel() {
dispose();
}

private void ok() {
verify();
}

private void verify() {
rootHook.runPlatform();
}

public static void main(String[]){
new LoginUI(null).show();
}
}





。。。。。。。。。。。




分享到:
评论

相关推荐

    Eclipse+SWTJFace开发实战精解,SWT例子,Eclipse开发入门与项目实践+源代码

    4. **SWT例子**:资源包中的SWT例子可能包括如何使用SWT创建各种控件、布局管理、事件处理等内容。这些实例可以帮助开发者理解SWT的工作原理,并提供实际操作经验。 5. **Eclipse开发入门**:对于初学者,资源包...

    Eclipse+SWT&JFace;开发实战精解

    2. **SWT控件和布局管理**:学习如何创建和配置SWT控件,如Button、Label、Text等,以及如何使用Layouts(如FillLayout、GridLayout、RowLayout)来管理窗口布局。 3. **JFace组件**:熟悉Dialogs、Views、Trees、...

    SWT详细精解

    SWT提供了几种内置的布局管理器,如FillLayout(填充布局)、GridLayout(网格布局)、RowLayout(行布局)和 MigLayout(灵活的网格布局)。这些布局管理器可以帮助开发者轻松地组织和排列组件。 5. SWT与JFace的...

    Eclipse SWT&JFace开发实战精解 源码

    本资源"《Eclipse SWT&JFace开发实战精解 源码》"包含四个主要部分,分别涵盖了基础概述、SWT组件、JFace组件增强以及实例应用,旨在帮助开发者深入理解和掌握这两项技术。 **第一部分:基础概述篇** 这部分内容...

    SWT教程

    7. **实战示例** - 创建基本窗口:学习如何创建一个带有标题、关闭按钮的窗口。 - 控件交互:实现按钮点击事件,展示消息对话框。 - 数据绑定:使用JFace的数据绑定将表单控件与模型数据关联。 - 自定义控件:...

    SWT中文教程.rar

    SWT提供多种布局管理器,如FillLayout、GridLayout、RowLayout和 MigLayout,帮助在组件之间分配空间,使界面看起来整洁有序。 4. **事件和监听器** SWT事件模型允许开发者响应用户交互,如点击按钮、选择列表项...

    Java SWT 图形用户界面教程 PDF

    SWT 提供了几种布局管理器,如 FillLayout、GridLayout、 MigLayout 和 FormLayout,用于控制组件在容器中的排列方式。通过灵活使用布局管理器,可以实现各种复杂的界面设计。 4. **事件处理**: SWT 使用事件...

    SWT/JFace 控件实例

    SWT用于创建底层的控件和布局,而JFace则用于处理数据模型和事件处理。这种方式可以让开发者利用JFace的便利性,同时也能充分利用SWT的高性能和原生外观。 ### 实例中的知识点 "SWT、JFace控件实例"这个压缩包可能...

    SWT教程之FormLayout介绍

    在SWT(Standard Widget Toolkit)框架中,FormLayout是一种非常灵活且强大的布局管理器,主要用于控制组件在容器中的位置和大小。它允许开发者通过精确指定组件的边界来实现复杂的用户界面设计。FormLayout非常适合...

    Eclipse SWT,JFace开发实战精解 书中

    2. **布局管理**:SWT提供多种布局管理器,如FillLayout、GridLayout、StackLayout等,掌握如何使用这些布局来组织控件。 3. **数据模型**:理解和应用JFace的数据模型,如Viewer和ContentProvider,实现数据和视图...

    SWT和JFace开发实例

    - 基础控件的创建和布局管理,如GridLayout、FormLayout等。 - 数据模型的建立和视图的绑定,如ContentProvider和LabelProvider。 - 使用TableViewer和TreeViewer实现数据展示和编辑。 - 创建自定义对话框,如...

    swt 停靠隐藏

    这将帮助你加深对SWT布局管理和事件处理机制的理解。 通过这种方式,开发者可以在SWT环境中创建出类似QQ那样的停靠隐藏功能,为用户提供更加友好和个性化的交互体验。掌握这些知识对于进行SWT GUI编程非常有帮助,...

    swt做的学生管理系统

    本学生管理系统主要运用了SWT中的Composite组件来构建界面布局。Composite是SWT中的容器类,它可以包含其他控件,形成复杂的界面结构。在设计这个系统时,开发者通过组合多个Composite面板,构建出层次分明、功能...

    SWT控件

    - `getControl()`: 返回`ListViewer`的控制对象,可以对它进行布局和样式设置。 - `refresh()`: 刷新列表视图,确保数据显示是最新的。 - `select(int index)`: 选择指定索引的项。 - `getSelectedIndex()`: 获取...

    Eclipse Swt/Jface核心应用 (01-03章)

    - **组件与布局管理**:介绍SWT中的各种基本组件,如Shell、Composite、Button、Text等,并讲解如何使用布局管理器(如FillLayout、GridLayout、RowLayout)来组织这些组件。 - **事件处理**:讲解如何监听和处理...

    人邮版-王津涛-EclipseSWTJFACE开发实战精解-光盘代码.rar

    《人邮版-王津涛-Eclipse SWT/JFace开发实战精解》是一本深入探讨Eclipse插件开发技术的专业书籍,由知名作者王津涛撰写。这本书的主要内容围绕Eclipse平台下的用户界面开发工具SWT(Standard Widget Toolkit)和...

    SWT_JFace_in_action_jface_action_

    1. SWT基础:包括组件的创建、布局管理、事件处理等。 2. JFace入门:介绍JFace如何简化SWT的使用,如数据绑定和视图管理。 3. Action框架:讲解如何创建和管理Action,以及如何将Action与UI元素关联。 4. 视图和...

    《Eclipse SWTJFace开发实战精解》PDF+光盘源代码

    1. **SWT基础**:介绍SWT的基本概念,包括控件的创建、布局管理、事件处理等,让读者对SWT有一个全面的认识。 2. **JFace进阶**:讲解JFace如何构建数据驱动的用户界面,如视图、表单、对话框等,并演示如何使用...

    Eclipse, SWT, Designer教程

    10. 实战项目:通过实际的案例,让读者将所学应用到实践中,巩固理解。 总之,学习Eclipse、SWT和Designer可以让你具备开发高质量、原生感观的Java桌面应用程序的能力。《Java程序设计之swt教程.pdf》作为学习资料...

Global site tag (gtag.js) - Google Analytics