SWT GridLayout网格布局

2024-01-08 04:38
文章标签 布局 swt 网格 gridlayout

本文主要是介绍SWT GridLayout网格布局,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

SWT GridLayout 网格布局

GridLayout是一个非常强大的布局管理器,它可以实现很多复杂的布局,名字中暗示它将所有控件放置在类似网格的布局中.GridLayout有两个构造函数.

GridLayout的构造函数
构造函数描述
public GridLayout()建立一个默认的GridLayout布局.
public GridLayout(int numColumns, boolean makeColumnsEqualWidth)建立一个GridLayout布局,拥有numColumns列,如果makeColumnsEqualWidth为true,则全部组件将拥有相同的宽度.
GridLayout有6个公共的数据成员,相对重要的是numColumns.

GridLayout数据成员
属性描述
int horizontalSpacing控制一行中两个网格间组件的宽度,像素为单位.
boolean makeColumnsEqualWidth如果为true,强制全部的列拥有相同的宽度.
int marginHeight控制顶部和底部组件离边缘的距离空间,以像素为单位.
int marginWidth控制左边和右边组件离边缘的距离空间,以像素为单位.
int numColumns此GridLayout的列数目.
int verticalSpacing控制一列中两个网络间组件的宽度,像素为单位.
你能使用GridLayout设置GridData类来布局更多的复杂组件.GridData有两个构造函数.

GridData构造函数
构造函数描述
public GridData()创建默认一个默认的GridData对象.
public GridData(int style)初始化指定的style风格布局.
和其它的布局类一样,GridLayout也提供一些公共的数据成员控制它的状态,它也提供一些常量,你可以在在构造成函数中使用.你可以用过位标志"|"来连接几个不同的效果,但请注意风格不要起冲突.

GridData数据成员
属性描述
boolean grabExcessHorizontalSpace如果为true,指示布局器中网格自动填充多余的水平空间,默认为false.
boolean grabExcessVerticalSpace如果为true,指示布局器中网格自动填写多余的垂直空间,默认为false.
int heightHint该行中最小的高度,以像素为单位,默认为SWT.DEFAULT.
int horizontalAlignment网格中组件水平对齐方式,可能的值为BEGINNING, CENTER, END,和FILL.
int horizontalIndent与左边网格的水平缩进,默认为0
int horizontalSpan设置网格占有的列数目,默认为1
int verticalAlignment网格中组件垂直对齐方式,可能的值为BEGINNING, CENTER, END,和FILL.
int verticalSpan设置网格占有的行数目,默认为1
int widthHint该列中最小的宽度,以像素为单位,默认为SWT.DEFAULT.

GridData常量
常量描述
BEGINNING非style值,指定水平或垂直的对齐方式.
CENTER非style值,指定组件在网格中居中,水平或垂直.
END非style值,指定水平或垂直的对齐方式.
FILL非style值,指定组件填充网格,水平或垂直.
FILL_BOTH设置horizontalAlignment和verticalAlignment为FILL,设置grabExcessHorizontalSpace和grabExcessVerticalSpace为true.
FILL_HORIZONTAL设置horizontalAlignment为FILL,和设置grabExcessHorizontalSpace为true.
FILL_VERTICAL设置verticalAlignment为FILL,和设置grabExcessVerticalSpace为true.
GRAB_HORIZONTAL设置grabExcessHorizontalSpace为true.
GRAB_VERTICAL设置grabExcessVerticalSpace为true.
HORIZONTAL_ALIGN_BEGINNING设置horizontalAlignment为BEGINNING.
HORIZONTAL_ALIGN_CENTER设置horizontalAlignment为CENTER.
HORIZONTAL_ALIGN_END设置horizontalAlignment为END.
HORIZONTAL_ALIGN_FILL设置horizontalAlignment为FILL.
VERTICAL_ALIGN_BEGINNING设置verticalAlignment为BEGINNING.
VERTICAL_ALIGN_CENTER设置verticalAlignment为CENTER.
VERTICAL_ALIGN_END设置verticalAlignment为END.
VERTICAL_ALIGN_FILL设置verticalAlignment为FILL.

下面我们来看几个例子:
代码片段:

GridLayout gridLayout = new GridLayout();
gridLayout.numColumns = 2;
shell.setLayout(gridLayout);

new Button(shell, SWT.PUSH).setText("one");
new Button(shell, SWT.PUSH).setText("two");
new Button(shell, SWT.PUSH).setText("three");
new Button(shell, SWT.PUSH).setText("four");运行效果:


图中可以看到各个Button的宽度是依靠字体长度来自动设定的,假如你想设置所有的Button都使用相同的大小该怎么办?使用makeColumnsEqualWidth = true;吗?不,这样做不行,它回会将各网格的大小设为相同,我们该使用GridData中相关属性来设置Button.下面程序中使用了GridData.FILL_BOTH属性,它将填充所在网格水平或垂直空间,并将多余空间占有,这样不论窗口调整多大,四个Button都会有相同空间.
当然GridLayout能做的不只是这些,要更复杂的效果,可能多个Composite配合使用,具体请参见原书第二部分第四章:Apress.The.Definitive.Guide.to.SWT.and.JFace.eBook-LiB.chm
运行效果
初始化:

调整大小后:

完整代码:
package chapter4;

import org.eclipse.swt.SWT;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Button;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Shell;

/**//**
* @author HexUzHoNG Created on 2005-6-23
*
*/
public class GridLayoutDemo {

public static void main(String[] args) {

Display display = new Display();
Shell shell = new Shell(display);

GridLayout gridLayout = new GridLayout();
//设置为2列
gridLayout.numColumns = 2;
gridLayout.makeColumnsEqualWidth = true;
shell.setLayout(gridLayout);

GridData gd = new GridData(GridData.FILL_BOTH);
Button butOne = new Button(shell, SWT.PUSH);
butOne.setText("one");
butOne.setLayoutData(gd);

gd = new GridData(GridData.FILL_BOTH);
Button butTwo = new Button(shell, SWT.PUSH);
butTwo.setText("two");
butTwo.setLayoutData(gd);

gd = new GridData(GridData.FILL_BOTH);
Button butThree = new Button(shell, SWT.PUSH);
butThree.setText("three");
butThree.setLayoutData(gd);

gd = new GridData(GridData.FILL_BOTH);
Button butFour = new Button(shell, SWT.PUSH);
butFour.setText("four");
butFour.setLayoutData(gd);

shell.pack();
shell.open();

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

display.dispose();
}

}

这篇关于SWT GridLayout网格布局的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/582346

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局,其中 label 控件位于 image 控件下方,你可以使用 lv_obj_set_flex_flow 来设置布局为垂直,并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例: 创建父容器:首先创建一个容器对象,该对象将作为布局的基础。设置容器为垂直布局:使用 lv_obj_set_flex_flow 设置容器

Apache Tiles 布局管理器

陈科肇 =========== 1.简介 一个免费的开源模板框架现代Java应用程序。  基于该复合图案它是建立以简化的用户界面的开发。 对于复杂的网站,它仍然最简单,最优雅的方式来一起工作的任何MVC技术。 Tiles允许作者定义页面片段可被组装成在运行一个完整的网页。  这些片段,或Tiles,可以用于为了降低公共页面元素的重复,简单地包括或嵌入在其它瓦片,制定了一系列可重复使用

【CSS in Depth 2 精译_023】第四章概述 + 4.1 Flexbox 布局的基本原理

当前内容所在位置(可进入专栏查看其他译好的章节内容) 第一章 层叠、优先级与继承(已完结) 1.1 层叠1.2 继承1.3 特殊值1.4 简写属性1.5 CSS 渐进式增强技术1.6 本章小结 第二章 相对单位(已完结) 2.1 相对单位的威力2.2 em 与 rem2.3 告别像素思维2.4 视口的相对单位2.5 无单位的数值与行高2.6 自定义属性2.7 本章小结 第三章 文档流与盒模型(已

ConstraintLayout布局里的一个属性app:layout_constraintDimensionRatio

ConstraintLayout 这是一个约束布局,可以尽可能的减少布局的嵌套。有一个属性特别好用,可以用来动态限制宽或者高app:layout_constraintDimensionRatio 关于app:layout_constraintDimensionRatio参数 app:layout_constraintDimensionRatio=“h,1:1” 表示高度height是动态变化

html记账本改写:数据重新布局,更好用了,没有localStorage保存版本

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>htm记账本</title><style>table {user-select: none;/* width: 100%; */border-collapse: collapse;}table,th,td {border: 1px solid bla

Qt-常用控件(3)-多元素控件、容器类控件和布局管理器

1. 多元素控件 Qt 中提供的多元素控件有: QListWidgetQListViewQTableWidgetQTableViewQTreeWidgetQTreeView xxWidget 和 xxView 之间的区别,以 QTableWidget 和 QTableView 为例. QTableView 是基于 MVC 设计的控件.QTableView 自身不持有数据,使用 QTab

【CSS】flex布局 - 左边超过打点, 右边完整展示

场景:宽度一定的情况下右边自适应,左边被挤压。 需要的效果如下: flex 的三个参数分别对应:flex-grow、flex-shrink、flex-basis。 flex-grow:定义项目的放大比例,默认为0。即如果存在剩余空间,也不放大。flex-shrink:定义项目的缩小比例,默认为1。即如果空间不足,该项目将缩小。flex-basis:定义在分配多余空间之前,项目占据的主轴空间。

”CSS 网格“二维布局系统(补充)——WEB开发系列32

CSS 网格布局是一种二维布局系统,用于网页设计。通过使用网格,你可以将内容以行和列的形式进行排列。此外,网格布局还能够简便地实现一些复杂的布局结构。 一、什么是网格布局? CSS网格布局是一种二维布局系统,它允许我们创建复杂的网页布局,既可以处理行也可以处理列。与传统的布局方法不同,网格布局将网页分成多个可控的区域,这些区域可以任意排列、对齐和调整大小。网格布局使得创建灵活且响应

css——网格布局

名词解释 div{$}*9+tab键,快捷生成   记首字母gtc  网格布局:display: grid;        grid-template-columns: 100px 100px 100px;        grid-template-rows: 100px 100px 100px; (父元素) <!DOCTYPE html><html lang="en"