【SWT】自定义数据表格

已于 2022-07-18 17:47:42 修改
阅读量591 收藏
点赞数
分类专栏： eclipse插件（RCP） 文章标签： java RCP SWT
于 2022-07-18 10:40:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47406832/article/details/125842723
版权

目的

使用SWT技术自定义数据表格，本文抛砖引玉，给出了SWT构建数据表格的基本思路和简单实现。更多特殊需求即表格功能实现待续……
在这里插入图片描述

思路

数据表格由表格头与表格体两边部分组成。
表格头部分是固定的，其字段右侧包含一个简单的表格工具–排序；
表格体部分重要用来展示数据，它需要支持滚动，本示例只实现了纵向滚动（横向滚动可参考纵向滚动自行完成）

技术方面。滚动可以使用 ScrolledComposite 滚动组件，数据表格布局使用 GridLayout 完成。

实现

在本例中，依然在编辑器中展示效果，具体步骤如下：

  • plugin.xml 中定义编辑器
      <!-- 编辑器-SWT自定义表格 -->
      <editor
            class="com.xzbd.editors.CustomTableEditor"
            default="false"
            extensions="ctb"
            icon="icons/20220417/chenggongtishi.png"
            id="com.xzbd.editor.CustomTableEditor"
            name="编辑器-SWT自定义表格">
      </editor>
  • 编辑器实现类
package com.xzbd.editors;

import org.eclipse.core.runtime.IProgressMonitor;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.ui.IEditorInput;
import org.eclipse.ui.IEditorSite;
import org.eclipse.ui.PartInitException;
import org.eclipse.ui.part.EditorPart;

import com.xzbd.views.CustomTableEditorViewer;

public class CustomTableEditor extends EditorPart {

	public static String ID = "com.xzbd.editors.CustomTableEditor";

	public boolean isDirty = false;
	private CustomTableEditorViewer viewer;

	@Override
	public void doSave(IProgressMonitor monitor) {
		clearDirty();
	}

	@Override
	public void doSaveAs() {

	}

	@Override
	public void init(IEditorSite site, IEditorInput input) throws PartInitException {
		this.setSite(site);
		this.setInput(input);
	}

	@Override
	public boolean isDirty() {
		return isDirty;
	}

	@Override
	public boolean isSaveAsAllowed() {
		return false;
	}

	@Override
	public void createPartControl(Composite parent) {
		viewer = new CustomTableEditorViewer(parent, this);

	}

	@Override
	public void setFocus() {

	}

	/**
	 * 转换编辑器状态
	 * 
	 * @param isDirty
	 */
	public void changeDirtyState(boolean isDirty) {
		this.isDirty = isDirty;
		firePropertyChange(PROP_DIRTY);
	}
	
	public void toDirty() {
		changeDirtyState(true);
	}

	public void clearDirty() {
		changeDirtyState(false);
	}
}
  • 视图实现类
package com.xzbd.views;

import org.eclipse.swt.SWT;
import org.eclipse.swt.custom.ScrolledComposite;
import org.eclipse.swt.events.ControlListener;
import org.eclipse.swt.graphics.Color;
import org.eclipse.swt.graphics.GC;
import org.eclipse.swt.graphics.Rectangle;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Control;
import org.eclipse.swt.widgets.Label;
import org.eclipse.swt.widgets.Listener;
import org.eclipse.swt.widgets.Widget;

import com.xzbd.editors.CustomTableEditor;
import com.xzbd.utils.LayoutUtil;
import com.xzbd.utils.SWTResourceManager;


/**
 * 
 * SWT-自定义数据表编辑器视图
 *
 */
public class CustomTableEditorViewer {

	private CustomTableEditor editor;
	private Composite parent;
	

	public CustomTableEditorViewer(Composite parent, CustomTableEditor editor) {
		this.parent = parent;
		// 缓存 Editor
		setEditor(editor);

		// 绘制UI
		buildPageUI();
	}

	// 创建UI
	private void buildPageUI() {
		// 设置 parent 布局
		parent.setLayout(new FillLayout());
		
		
		Composite contaniner = new Composite(parent, SWT.NONE);
		contaniner.setLayout(new GridLayout());
		
		Label descLabel  = new Label(contaniner, SWT.NONE);
		descLabel.setText("这个表格是完全自定义的，虽然比较简单，但可以作为自定义表格原型");
		
		Label sepratorLine = new Label(contaniner, SWT.SEPARATOR | SWT.HORIZONTAL);
		sepratorLine.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

		Composite header = new Composite(contaniner, SWT.NONE);
		header.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
		header.setLayout(new GridLayout(4, false));
		for (int j = 0; j < 4; j++) {
			Composite col = new Composite(header, SWT.NONE);
			col.setLayout(new GridLayout(2, false));
			col.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
			Label label = new Label(col, SWT.None);
			label.setText("列-00" + j + 1);

			Composite tools = new Composite(col, SWT.NONE);
			tools.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
			tools.setLayout(LayoutUtil.clearMarin(new GridLayout()));

			Label asc = new Label(tools, SWT.NONE);
			asc.setImage(SWTResourceManager.getImage(CustomTableEditorViewer.class, "/icons/sort-up.png"));
			Boolean[] check = { false };
			Boolean[] line = { false };
			asc.addPaintListener(e -> {
				if (line[0] || check[0]) {
					GC gc = e.gc;
					Rectangle bounds = asc.getBounds();
//					gc.setForeground(ColorConstant.MAIN_BLUE);
					gc.drawRectangle(0, 0, bounds.width - 1, bounds.height - 1);
					gc.dispose();
				}

			});
			asc.addListener(SWT.MouseEnter, e -> {
				line[0] = true;
				asc.redraw();
			});
			asc.addListener(SWT.MouseExit, e -> {
				if (check[0]) {
					return;
				}
				line[0] = false;
				asc.redraw();
			});
			asc.addListener(SWT.MouseDown, e -> {
				check[0] = !check[0];
				asc.redraw();
			});

			Label desc = new Label(tools, SWT.PUSH);
			desc.setImage(SWTResourceManager.getImage(CustomTableEditorViewer.class, "/icons/sort-down.png"));

		}

		Label seprator = new Label(contaniner, SWT.SEPARATOR | SWT.HORIZONTAL);
		seprator.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

		Composite scContaniner = new Composite(contaniner, SWT.NONE);
		scContaniner.setLayoutData(new GridData(GridData.FILL_BOTH));
		scContaniner.setLayout(new FillLayout());

		// 滑动面板
		ScrolledComposite sc = new ScrolledComposite(scContaniner, SWT.H_SCROLL | SWT.V_SCROLL);
		Composite content = new Composite(sc, SWT.None);
		content.setLayout(new GridLayout());
//		content.setBackground(SWTResourceManager.getColor(SWT.COLOR_RED));

		Color activeColor = SWTResourceManager.getColor(SWT.COLOR_GRAY);
		Listener activeListener = e -> {
			Control widget = (Control) e.widget;
			widget.setBackground(activeColor);
		};
		Listener defaultListener = e -> {
			Control widget = (Control) e.widget;
			widget.setBackground(null);
		};

		for (int i = 0; i < 100; i++) {
			Composite row = new Composite(content, SWT.NONE);
			GridData gridData = new GridData(GridData.FILL_HORIZONTAL);
			row.setLayoutData(gridData);

			row.setLayout(new GridLayout(4, false));
			for (int j = 0; j < 4; j++) {
				Label label = new Label(row, SWT.None);
				label.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
				label.setText(i + "行" + j + "列 ： " + i + " - " + j);
				
				// 事件绑定
				label.addListener(SWT.MouseEnter, activeListener);
				label.addListener(SWT.MouseExit, defaultListener);
			}
			Label rowSeprator = new Label(content, SWT.SEPARATOR | SWT.HORIZONTAL);
			rowSeprator.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

			// 事件绑定
			row.addListener(SWT.MouseEnter, activeListener);
			row.addListener(SWT.MouseExit, defaultListener);

		}

		sc.setExpandHorizontal(true);
		sc.setExpandVertical(true);
		sc.addControlListener(ControlListener.controlResizedAdapter(e -> {
			Rectangle r = sc.getClientArea();
			sc.setMinSize(content.computeSize(r.width, SWT.DEFAULT));
		}));

		// 设置滑动内容
		sc.setContent(content);
		content.setSize(content.computeSize(SWT.DEFAULT, SWT.DEFAULT));
		// sc 重新绘制，否则不显示 滑动内容
		sc.layout();
		
	}

	public CustomTableEditor getEditor() {
		return editor;
	}

	public void setEditor(CustomTableEditor editor) {
		this.editor = editor;
	}
	
	private void addDirtyListener(Widget com) {
		com.addListener(SWT.Modify, e->{
			editor.toDirty();
		});
	}

}

其中使用到的工具类，请参考项目中相关源码，项目地址:https://gitee.com/xzbd/epx

效果

在这里插入图片描述

总结

本文使用 SWT 中的 ScrolledComposite 、 GridLayout 和 SWT 事件实现了一个简单的数据表格实现，表格功能相对比较简单，但有足够的启发性，读者可据此实现更复杂的表格。


import org.eclipse.swt.SWT;
import org.eclipse.swt.custom.CLabel;
import org.eclipse.swt.custom.ScrolledComposite;
import org.eclipse.swt.events.ControlListener;
import org.eclipse.swt.graphics.Color;
import org.eclipse.swt.graphics.GC;
import org.eclipse.swt.graphics.Image;
import org.eclipse.swt.graphics.Rectangle;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Button;
import org.eclipse.swt.widgets.Canvas;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Control;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Label;
import org.eclipse.swt.widgets.Layout;
import org.eclipse.swt.widgets.Listener;
import org.eclipse.swt.widgets.Shell;
import org.eclipse.swt.widgets.Widget;

import com.xzbd.swt01.core.ColorConstant;
import com.xzbd.swt01.utils.LayoutUtil;
import com.xzbd.swt01.utils.SWTResourceManager;
import com.xzbd.swt01.utils.SWTTools;

public class ScrolledCompositeTest {

	public static void main(String[] args) {
		final Display display = new Display();
		final Shell shell = new Shell(display);
		shell.setText("SWT 自定义数据表");
		shell.setLayout(new FillLayout());
		Composite contaniner = new Composite(shell, SWT.NONE);
		contaniner.setLayout(new GridLayout());

		Composite header = new Composite(contaniner, SWT.NONE);
		header.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
		header.setLayout(new GridLayout(4, false));
		for (int j = 0; j < 4; j++) {
			Composite col = new Composite(header, SWT.NONE);
			col.setLayout(new GridLayout(2, false));
			col.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
			Label label = new Label(col, SWT.None);
			label.setText("列-00" + j + 1);

			Composite tools = new Composite(col, SWT.NONE);
			tools.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
			tools.setLayout(LayoutUtil.clearMarin(new GridLayout()));

			Label asc = new Label(tools, SWT.NONE);
			asc.setImage(SWTResourceManager.getImage(ScrolledCompositeTest.class, "/icons/sort-up.png"));
			Boolean[] check = { false };
			Boolean[] line = { false };
			asc.addPaintListener(e -> {
				if (line[0] || check[0]) {
					GC gc = e.gc;
					Rectangle bounds = asc.getBounds();
//					gc.setForeground(ColorConstant.MAIN_BLUE);
					gc.drawRectangle(0, 0, bounds.width - 1, bounds.height - 1);
					gc.dispose();
				}

			});
			asc.addListener(SWT.MouseEnter, e -> {
				line[0] = true;
				asc.redraw();
			});
			asc.addListener(SWT.MouseExit, e -> {
				if (check[0]) {
					return;
				}
				line[0] = false;
				asc.redraw();
			});
			asc.addListener(SWT.MouseDown, e -> {
				check[0] = !check[0];
				asc.redraw();
			});

			Label desc = new Label(tools, SWT.PUSH);
			desc.setImage(SWTResourceManager.getImage(ScrolledCompositeTest.class, "/icons/sort-down.png"));

		}

		Label seprator = new Label(contaniner, SWT.SEPARATOR | SWT.HORIZONTAL);
		seprator.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

		Composite scContaniner = new Composite(contaniner, SWT.NONE);
		scContaniner.setLayoutData(new GridData(GridData.FILL_BOTH));
		scContaniner.setLayout(new FillLayout());

		// 滑动面板
		ScrolledComposite sc = new ScrolledComposite(scContaniner, SWT.H_SCROLL | SWT.V_SCROLL);
		Composite content = new Composite(sc, SWT.None);
		content.setLayout(new GridLayout());
//		content.setBackground(SWTResourceManager.getColor(SWT.COLOR_RED));

		Color activeColor = SWTResourceManager.getColor(SWT.COLOR_GRAY);
		Listener activeListener = e -> {
			Control widget = (Control) e.widget;
			widget.setBackground(activeColor);
		};
		Listener defaultListener = e -> {
			Control widget = (Control) e.widget;
			widget.setBackground(null);
		};

		for (int i = 0; i < 100; i++) {
			Composite row = new Composite(content, SWT.NONE);
			GridData gridData = new GridData(GridData.FILL_HORIZONTAL);
			row.setLayoutData(gridData);

			row.setLayout(new GridLayout(4, false));
			for (int j = 0; j < 4; j++) {
				Label label = new Label(row, SWT.None);
				label.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
				label.setText(i + "行" + j + "列 ： " + i + " - " + j);
				
				// 事件绑定
				label.addListener(SWT.MouseEnter, activeListener);
				label.addListener(SWT.MouseExit, defaultListener);
			}
			Label rowSeprator = new Label(content, SWT.SEPARATOR | SWT.HORIZONTAL);
			rowSeprator.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

			// 事件绑定
			row.addListener(SWT.MouseEnter, activeListener);
			row.addListener(SWT.MouseExit, defaultListener);

		}

		sc.setExpandHorizontal(true);
		sc.setExpandVertical(true);
		sc.addControlListener(ControlListener.controlResizedAdapter(e -> {
			Rectangle r = sc.getClientArea();
			sc.setMinSize(content.computeSize(r.width, SWT.DEFAULT));
		}));

		// 设置滑动内容
		sc.setContent(content);
		content.setSize(content.computeSize(SWT.DEFAULT, SWT.DEFAULT));
		// sc 重新绘制，否则不显示 滑动内容
		sc.layout();

		shell.setSize(800, 720);
		shell.open();
		while (!shell.isDisposed()) {
			if (!display.readAndDispatch())
				display.sleep();
		}
		display.dispose();
	}
}
小子宝丁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
eclipse SWT table 使用
d5160821的专栏
09-15 521
在Table中添加Item目录         final TableColumn newColumnTableColumn_modelNo = new TableColumn(SELPLC_table, SWT.NONE);         newColumnTableColumn_modelNo.setWidth(300);         newColumnTableColum
JAVA.SWT/JFace: SWT高级控件之表格（Table、TableItem和TableColumn）
weixin_33692284的博客
09-07 943
packagecom.wjc.tree; importjava.util.Hashtable; importorg.eclipse.swt.SWT; importorg.eclipse.swt.custom.CCombo; importorg.eclipse.swt.custom.ControlEditor; importorg.eclipse...
文本抽取：复合材料曲线图及表格数据与文本关系抽取系统
最新发布
06-03 417
复合材料行业迫切需要一种能够高效整合和处理信息的解决方案，以降低信息获取成本，提高信息处理的效率和准确性。具体来说，企业需要一个能够自动化收集、整合和分析来自不同来源的信息的平台，以减少对人工操作的依赖。此外，企业还希望提高信息识别的准确性，尤其是对非结构化文本信息的识别，以确保信息的质量和可用性。企业还期望通过这一平台，能够快速响应市场变化，提高研发、生产和销售等各个环节的效率，从而在激烈的市场竞争中获得优势。
Eclipse SWT 布局总结
张知文的博客
12-10 2467
绝对布局 absolute ，表单布局 FormLayout （相对布局），填充布局 FillLayout（水平填充、垂直填充），网格布局 GridLayout（列数、列宽度是否相同），行布局 RowLayout（水平行、垂直行），栈布局 StackLayout （后进先显示）
JAVA SWT table界面+数据（多图）
热门推荐
华容道的博客
03-01 1万+
界面 1.布局 选用两个composite， 设置shell的Layout为FillLayout； 设置Layout-Type(布局类型)为垂直分布； 设置右滑块，下滑块； 2.添加table组件 上面的composite添加的是CheckboxTableViewer，下面的是普通的Table; 同样需要设置两个composite的Layout属性为Fill...
eclipse RCP开发 table相关的操作
燃木刀法
01-26 2771
插件开发时，表是用的比较多的控件之一，但SWT提供的表只能提供最简单的表。 本文通过具体的例子，对于表的每一列加自定义控件以及对于表的一些删除，增加行操作进行说明。 表的单元格里加自定义控件在http://blog.csdn.net/jdzms23/article/details/7248444里有说明， 但用cellEditor实现时，有一点不爽的地方就是必须单击此单元格后，控件才会显示出
给table添加横向或者纵向滚动条
zhaoyifei01的博客
04-17 4892
要给table添加滚动条其实很简单，主要是给table放到一个div里去，然后再设置div显示滚动条即可。
swt虚拟表格.rar
01-01
2. **数据提供者**：介绍如何实现`IVirtualRowProvider`接口，这是SWT虚拟表格的核心，它负责在需要时提供表格数据。 3. **事件监听**：说明如何添加各种事件监听器，如单元格点击、双击、滚动等，以便对用户操作...
SWT.rar_SWT
09-19
4. **组件（Widgets）**：SWT提供了丰富的组件集合，包括Button（按钮）、Text（文本框）、Label（标签）、List（列表）、Tree（树形视图）、Table（表格）等。开发者可以根据需求组合使用这些组件来构建复杂的用户...
SWT表格管理类
09-18
在SWT中，`Table`类用于创建表格，而`TableManager`通常是一个自定义的类，用于扩展和增强`Table`的基本功能，以便更好地满足开发者的需求。 1. **表头排序**： 表头排序允许用户通过点击列头来对表格数据进行升序...
SWT开发组件demo
12-04
3. **自定义组件**：SWT允许开发者通过组合现有组件或者创建新的绘图表面来创建自定义组件。这通常涉及到对`Canvas`组件的使用，开发者可以在其上绘制自己的图形，实现特定的功能。 4. **滚动条（ScrollBar）**：当...
SWT Table单元格编辑功能
06-30
SWT Table 单元格编辑实例代码
SWT.rar_SWT_jface教程
09-14
9. 高级主题：可能涵盖SWT/JFace的高级特性，如自定义控件、打印支持、国际化等。 通过学习这个SWT和JFace的教程，开发者不仅可以掌握这两项技术的基础知识，还能了解到如何将它们有效地应用于实际项目中，提升Java...
自定义tableview Header和Footer的样式
www.hohode.com
10-04 2233
http://www.cnblogs.com/ai-developers/p/4559035.html
EclipseRCP中为表格加上序号列
了我欣艺
01-02 2888
 需求如题，效果如下：具体代码如下：import java.util.ArrayList;import java.util.HashMap;import java.util.Iterator;import java.util.List;import org.eclipse.jface.viewers.TableViewer;import org.eclipse.swt.SWT;import org
SWT控件总结
weixin_51699336的博客
09-23 2240
控件palette 1.System Choose component 选择组件：允许选择组件类型并将其拖放到设计画布上 Tab Order标签的顺序：设置所选选项卡顺序 2.Composites Composite 复合：能够包含其他控件的控件 Group 集团：提供带有可选标题的蚀刻边界 Scrolled Composite ：在滚动框中包含其他控件的控件 SashForm：以行或列的方式排列它的子控件(由方向指定) TabFolder：实现了笔记本用户界面比
SWT/Jface(2): 表格的编辑
11-23 1360
在实际应用中我们往往需要编辑表格并实现双向绑定, 本节内容主要集中讲如何对表格单元格添加编辑支持.
JAVA.SWT/JFace: RCP应用篇之Eclipse表单（三）
QUAN_IT的专栏
10-21 2465
《Eclipse SWT/JFACE 核心应用》 清华大学出版社 24 Eclipse表单 24.4.1 表格布局（TableWrapLayout）     表格布局（TableWrapLayout）是基于网格的布局，它与 SWT 的通用 GridLayout 非常类似，不同之处在于，布局规则更类似于 HTML 中的布局算法，可以支持文本的自动换行。     下面来比较一下 GridLa
swt在TabItem中加滚动条
yuxmdef1的专栏
03-13 2283
需要在TabItem中加入ScrolledComposite，试了一天都没成功。最后用曲折的方法搞定 tabItem2.setControl(addSc(tabFolder1));
自定义SWT组件文档，源自Eclispe 官方
07-21
SWT提供的标准组件毕竟有限，很多时候我们都需要自定义组件。本文介绍了自定以SWT组件的方法，可以创建独立的也可以创建复合的。 文章 地址 ： https://www.eclipse.org/articles/Article-Writing%20Your%20Own%20Widget/Writing%20Your%20Own%20Widget.htm

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值