开源的JAVA（SWT）仿visual studio GUI设计器

最新推荐文章于 2024-06-12 09:42:35 发布
最新推荐文章于 2024-06-12 09:42:35 发布
阅读量394 收藏 1
点赞数
文章标签： java 开发工具 数据库
原文链接：https://my.oschina.net/TommyZgw/blog/296894
版权

JAVA（SWT）仿visual studio GUI设计器

背景介绍：

作者从事 JAVA SWT桌面应用开发多年，深感JAVA 开发的 GUI代码的繁锁与重复。于是想改进JAVA图行界面设计器 windowbuilder pro 在上面加入类似visaul studio design 中数据集的功能。注：该设计器目前只应用于SWT非swing

1        功能演示

废话不多说，通过实现“产品管理”的增删改查功能来看看效果。

1          首先用设计器画好“产品查询”主界面


170746_dLVM_1991010.png

2         添加“产品类别”数据集

170748_a1Sj_1991010.png

拖动数据集控件即可打开数据集管理界面

170750_sfa8_1991010.png

对应生成的代码

/**
	 * @wbp.nonvisual location=117,442
	 */
	private final Dataset cplb = new Dataset("select * from cplb",
			SqliteJdbcImpl.INSTANCE);

选择数据源解析执行器，输入Sql语句，即完成了一个数据据集的制作，点击预览数据可实时预览数据。相比微软N多的向导与配置是不是简单多了呀171236_n7mV_1991010.gif

170753_VgEC_1991010.png

3          一步绑定数据集至下拉框控件

170758_q0kk_1991010.png

设置下拉框显示的文本

170759_nFT0_1991010.png

4          添加“产品列表信息”数据集

数据集 分为自定义和系统定义两种类型，自定义是直接在写死在JAVA类里面，只用作用于本类。系统定义是通过数据解析执行器保存在外部（数据库或文件），软件发布之后还可以修改，并且作用于整个系统。

173002_IRTk_1991010.png

选择系统数据集后，加载相关信息至数据源

170803_AN29_1991010.png

对应生成的代码

private final Dataset cpxxSet = new Dataset(true, "cpxx",
			SqliteJdbcImpl.INSTANCE);

点击SQL 中的‘?’可定位到左边的参数项，点击参数项中三角按钮打开参数设置界面

170809_eAdG_1991010.png

对应生成的代码

protected void setParams() {
		cpxxSet.setParam(0, dataCombo.getText());
		cpxxSet.setParam(1, dataCombo.getText());
		cpxxSet.setParam(2, text.getText());
		cpxxSet.setParam(3, text.getText());
		cpxxSet.setParam(4, text.getText());
		cpxxSet.setParam(5, text.getText());
		cpxxSet.setParam(6, btnCheckButton.getSelection());
	}

点击预览按钮先预览一下数据先171529_W9SB_1991010.gif

170811_QvTz_1991010.png

5          将产品信息数据集绑定至表格

绑定的方法与下拉框绑定一样，接下来要做的就是数据集属性与对应的表格列绑定，从左边属性列中添加至右边，设置好别名即完成绑定

170813_SEak_1991010.png

对应自动生成的代码

DataTable dataTable = new DataTable(composite, SWT.BORDER
				| SWT.FULL_SELECTION, cpxxSet);
		dataTable.setLayoutData(new GridData(SWT.FILL, SWT.FILL, true, true, 1,
				1));
		dataTable.setHeaderVisible(true);
		dataTable.setLinesVisible(true);

		DataTableColumn dataTableColumn = new DataTableColumn(dataTable,
				SWT.NONE, "cpbh");
		dataTableColumn.setText("产品编号");
		dataTableColumn.setWidth(80);

		DataTableColumn dataTableColumn_1 = new DataTableColumn(dataTable,
				SWT.NONE, "cpmc");
		dataTableColumn_1.setText("产品名称");
		dataTableColumn_1.setWidth(80);

		DataTableColumn dataTableColumn_2 = new DataTableColumn(dataTable,
				SWT.NONE, "lb");
		dataTableColumn_2.setText("类别");
		dataTableColumn_2.setWidth(80);

		DataTableColumn dataTableColumn_5 = new DataTableColumn(dataTable,
				SWT.NONE, "tm");
		dataTableColumn_5.setText("条码");
		dataTableColumn_5.setWidth(80);

		DataTableColumn dataTableColumn_3 = new DataTableColumn(dataTable,
				SWT.NONE, "dw");
		dataTableColumn_3.setText("单位");
		dataTableColumn_3.setWidth(80);

		DataTableColumn dataTableColumn_4 = new DataTableColumn(dataTable,
				SWT.NONE, "gg");
		dataTableColumn_4.setText("规格");
		dataTableColumn_4.setWidth(80);

		DataTableColumn dataTableColumn_6 = new DataTableColumn(dataTable,
				SWT.NONE, "jj");
		dataTableColumn_6.setText("进价");
		dataTableColumn_6.setWidth(80);

		DataTableColumn dataTableColumn_7 = new DataTableColumn(dataTable,
				SWT.NONE, "sj");
		dataTableColumn_7.setText("售价");
		dataTableColumn_7.setWidth(80);

		DataTableColumn dataTableColumn_8 = new DataTableColumn(dataTable,
				SWT.NONE, "cbj");
		dataTableColumn_8.setText("成本价");
		dataTableColumn_8.setWidth(80);

		DataTableColumn dataTableColumn_9 = new DataTableColumn(dataTable,
				SWT.NONE, "kcsl");
		dataTableColumn_9.setText("库存数量");
		dataTableColumn_9.setWidth(80);

		DataTableColumn dataTableColumn_10 = new DataTableColumn(dataTable,
				SWT.NONE, "jy");
		dataTableColumn_10.setText("禁用");
		dataTableColumn_10.setWidth(80);

		DataTableColumn dataTableColumn_13 = new DataTableColumn(dataTable,
				SWT.NONE, "kczj");
		dataTableColumn_13.setText("库存总价");
		dataTableColumn_13.setWidth(80);

		DataTableColumn dataTableColumn_11 = new DataTableColumn(dataTable,
				SWT.NONE, "tzzh");
		dataTableColumn_11.setText("套装组合");
		dataTableColumn_11.setWidth(80);

		DataTableColumn dataTableColumn_12 = new DataTableColumn(dataTable,
				SWT.NONE, "bz");
		dataTableColumn_12.setText("备注");
		dataTableColumn_12.setWidth(80);

至此一个产品信息的查询功能就已完成了.来看一下设计器自动生成的代码，生成的是全部都是最基本的代码，没有强行绑定必须用第三方代码。

170815_uTtk_1991010.png


6       用设计器画好产品添加界面

170815_TVxp_1991010.png

7.        添加产品类别、单位数据集并绑定至对应控件

具体方法之前已经介绍

8.        添加产品信息数据集并填充至对应控件

替换了设计器中原有的字符串编辑器，添加了数据集绑定功能点击如图‘选择’按钮即可

170816_vAK1_1991010.png

拼接数据集属性,即完成了将数据集中的数据填充至各个控件。

170817_E74w_1991010.png

同样Boolean类型也在原基础之上添加了数据集编辑器，选择数据集属性之后会自动转换成Boolean

170818_Oq15_1991010.png

对应生成的代码，（对自动生成代码的部分修改，不会影响设计器 重新解析编辑）

protected void setValues() {
		textCpbh.setText(cpxxSet.getValue("cpbh", String.class, ""));
		textCpmc.setText(cpxxSet.getValue("cpmc", String.class, ""));
		textTm.setText(cpxxSet.getValue("tm", String.class, ""));
		ComboLb.setText(cpxxSet.getValue("lb", String.class, ""));
		comboDw.setText(cpxxSet.getValue("dw", String.class, ""));
		textGg.setText(cpxxSet.getValue("gg", String.class, ""));
		textJj.setText(cpxxSet.getValue("jj", String.class, ""));
		textSj.setText(cpxxSet.getValue("sj", String.class, ""));
		textBz.setText(cpxxSet.getValue("bz", String.class, ""));
		if (type == Add) { // 设置产品编号
			newId.update();
			if (newId.getCount() > 0) {
				Integer id = newId.getValueForIndex(0, "newId", Integer.class);
				DecimalFormat df = new DecimalFormat("00000");
				textCpbh.setText(df.format(id));
				textCpbh.selectAll();
			}
		}
		btnTtzh.setSelection(cpxxSet.getValue("tzzh", Boolean.class, false));
	}

至此产品详情展示功能也完成了。接下来看如何实现增、删除、改的功能。

9.        添加批处理控件

一个批处理控件可对应多个批处理项,每个处理项对应一个SQL更新语句，相关的参数可与界面中的控件属性进行绑定

170818_hWEk_1991010.png

/**
	 * @wbp.nonvisual location=23,422
	 */
	private final Batch cpxxEdit = new Batch(SqliteJdbcImpl.INSTANCE);

生成添加批处理项代码

{
			BatchItem batchItem = new BatchItem(cpxxEdit);
			batchItem
					.setCommand("UPDATE cpxx\r\nSET cpmc=?, jm=? ,tm=? ,lb=?, dw=?, \r\ngg=?,  jj=?, sj=?, bz=?,tzzh=?\r\nWHERE cpbh=?");
			batchItem.setName("修改产品基本信息");
		}
		{
			BatchItem batchItem = new BatchItem(cpxxEdit);
			batchItem.setCommand("delete from tzcp where tzbh=?");
			batchItem.setName("删除产品对应的套装记录");
		}

生成参数设置代码

protected void setParams() {
		tzcp.setParam(0, cpxxSet.getValue("cpbh"));
		cpxxEdit.setParam(0, 0, textCpmc.getText());
		cpxxEdit.setParam(0, 1, textCpmc.getText());
		cpxxEdit.setParam(0, 2, textTm.getText());
		cpxxEdit.setParam(0, 3, ComboLb.getText());
		cpxxEdit.setParam(0, 4, comboDw.getText());
		cpxxEdit.setParam(0, 5, textGg.getText());
		cpxxEdit.setParam(0, 6, textJj.getText());
		cpxxEdit.setParam(0, 7, textSj.getText());
		cpxxEdit.setParam(0, 8, textBz.getText());
		cpxxEdit.setParam(0, 9, btnTtzh.getSelection());
		cpxxEdit.setParam(0, 10, textCpbh.getText());
		cpxxEdit.setParam(1, 0, textCpbh.getText());
		cpxxAdd.setParam(0, 0, textCpbh.getText());
		cpxxAdd.setParam(0, 1, textCpmc.getText());
		cpxxAdd.setParam(0, 2, textCpmc.getText());
		cpxxAdd.setParam(0, 3, textTm.getText());
		cpxxAdd.setParam(0, 4, ComboLb.getText());
		cpxxAdd.setParam(0, 5, comboDw.getText());
		cpxxAdd.setParam(0, 6, textGg.getText());
		cpxxAdd.setParam(0, 7, textJj.getText());
		cpxxAdd.setParam(0, 8, textSj.getText());
		cpxxAdd.setParam(0, 9, textBz.getText());
		cpxxAdd.setParam(0, 10, btnTtzh.getSelection());
	}


OK至此整个演示结束

相关对象说明

Dataset数据集 :加载和存储二维数据包括其对应的列，使用设计器可让控件获取其数据,也可编码获取。

Batch 批处理：执行1或多个SQl的增删改操作。

数据集控件：支持绑定Dataset的控件 有 DataCombo（下拉框）、DataTable（表格），控件的一般属性可直接获取数据集数据。

IdataBaseProvide：数据解析提供器，设计器也是能过它来预览数据和管理系统数据集。注：该接口的实现类在修改之后必须重启Eclipse才会在设计器当中生效。

相关下载

---------设计器插件下载

http://pan.baidu.com/s/1hqh4ONa

------------------相关源码-------------------

windowbuilder pro： http://dev.eclipse.org/svnroot/tools/org.eclipse.windowbuilder/

eclipse  版本下载 http://archive.eclipse.org/eclipse/downloads/

fireline设计器svn: http://www.svnchina.com/svn/fireline2

com.zgw.fireline.base 数据集控件

com.zgw.fireline.demo 演示Demo

com.zgw.fireline.design 设计器插件

 

做CS开发的朋友欢迎加qq讨论 276386551 ，或直接发邮件






转载于:https://my.oschina.net/TommyZgw/blog/296894

chuiyuyan0919
关注
java仿界面设计_开源的JAVA（SWT）仿visual studio GUI设计器
weixin_28909779的博客
02-12 503
JAVA(SWT)仿visual studio GUI设计器背景介绍：作者从事 JAVA SWT桌面应用开发多年，深感JAVA 开发的 GUI代码的繁锁与重复。于是想改进JAVA图行界面设计器 windowbuilder pro 在上面加入类似visaul studio design 中数据集的功能。注：该设计器目前只应用于SWT非swing1功能演示废话不多说，通过实现“产品管理”的增删改查功能...
Swing和SWT背后的故事
王来安的专栏
09-19 610
Swing和SWT背后的故事在现在的Java开发过程中，Swing使用的比较广，而SWT像是被人遗忘，用的人也越来越少。本文节选自一篇关于Swing和SWT的帖子。 Swing和SWT是采用不同的机制的，AWT是Swing的前身，实际上是调用本地操作系统的控件。由于在不同的操作系统下，提供的控件是不一样的， AWT采用最小公约数的办法，只提供所有操作系统都有的控件。但后来SUN改变了做
C#制作的Winform窗体设计器(仿VS界面)
04-14
Winform窗体设计器，基于C#源码实现，界面仿VisualStudio，这个窗体设计器可显示出制作窗体上一些必备元素的属性信息源码也是可以编译的。没有使用微软Runtime FormDesigner技术
准备通过开源项目学习SWT
聚焦游戏和图形引擎开发技术
08-14 2343
虽然SWT的书和资料都看了一些，但对于如何用SWT编写结构良好的GUI程序还是没有概念。突然想到可以通过学习开源项目来学习。于是上网一阵搜啊，结果找到了RSSOWL，下载了src，用Eclipse建立了一个工程，虽然有些错误标记（可能是SWT版本不同引起的吧？）但立刻可以开始看代码了，真不错啊，利用中午短短时间粗略看了一下，略有收获：）决定每天花一个小时时间学习吧 
在Eclipse中使用SWT进行界面设计
Javaor2004的专栏
11-14 911
作者：yipsilon 1. 为什么要使用SWT? 　　SWT是一个IBM开发的跨平台GUI开发工具包。至于为什么IBM要费劲自己另起炉灶开发一个GUI工具包，而不是使用Sun现有的由AWT, Swing, Java 2D, Java 3D等构成的Java GUI框架，那就说来话长了。（记得在一个BBS上读过一个关于SWT起源的调侃类的帖子）。     在SWT之前，Sun已经提供了一个跨平台
一个非常棒的仿VS2005的UI库——DockPanel Suite
weixin_33939843的博客
12-02 170
一个非常棒的仿VS2005的UI库 微软Visual Studio的UI库非常美观，大方，使用。如果要做一些界面比较复杂的程序，可以说是非常不错的选择。然而ms却不肯将它提供给我们用，当然，它这么做是出自于它的商业利益。于是，便出现了许多第三方的仿VS的ui库，以前dotnetmagic做的还不错，可是自从用户上去后就开始收费了。 在这里我要提的是luo wei fen（根据名字来看应该是...
类似Visio的节点连线绘图控件JGo For Java
weixin_30627341的博客
05-14 247
JGo For Java是一款功能强大的制图控件，可以帮助你的Java应用程序和Applet用户界面程序构建交互式地图解，绘制网络图、连接图、组织图、计划图、流程图等，支持许多图型、文本、图片、容器、连接器，正交连接，箭头，可进行放大，滚动，选择，拖拉操作，调整大小，内嵌文本编辑，具有提示，分层，多页打印等功能。 具体功能： 支持剪贴板操作 支持Swing/Swing和...
swt2c-开源
04-25
1. `swt2c-prj.sln`：这是一个Visual Studio解决方案文件，表明该项目是在Microsoft Visual Studio环境下开发的。用户可以使用这个文件在VS中打开和编译项目，这对于Windows平台上的C++开发者来说非常方便。 2. `...
ObligatoriskOpg2SWT
03-04
SWT 是一个用于 Java 的开源 GUI 工具包，它提供了与操作系统原生界面紧密集成的功能。 【描述】中没有提供具体的项目细节，但我们可以根据标题推测，这个项目可能要求开发者创建一个必要的、基于SWT的第二项任务。...
Eclipse3[1].4之SWT Designer的安装、注册及实践
01-13
SWT Designer则是Eclipse的一个插件，为开发SWT和JFace GUI提供了可视化设计工具，类似于.NET平台上的Visual Studio Designer。 **SWT Designer的安装** 安装SWT Designer首先需要确保你的Eclipse版本是3.1.4或...
QwicGUI:Java GUI非常简单！-开源
04-24
QwicGUI是由Impact Computing（http://www.impact-computing.com/）开发的易于使用的开源Java类库，它简化了Java GUI的开发，并提供了未提供的即用型功能。标准Java GUI类。
实现仿Visual_Studio风格的控件DockPanel
02-17
实现仿Visual_Studio风格的控件DockPanel，可实现VS工具箱一样可悬浮和隐藏的控件。很不错的控件哦！文档里面有下载地址！
Visual Studio GUI 设计
07-18
Visual Studio GUI 设计 ppt 详尽说明 Visual Studio GUI 设计 ppt 详尽说明
swt仿qq截图
01-05
swt仿qq截图
仿Visual Studio面板嵌入/浮起/折回三种效果
weixin_30599769的博客
09-16 283
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g...
MyEclipse SWT/Swing设计器（下）
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
04-09 1288
在MyEclipse SWT/Swing设计器（上）一文中，小编为大家介绍了什么是SWT/ Swing设计器、创建一个UI元素以及如何设计视图。接下来小编继续为大家介绍另外几节内容，希望能够帮助到大家。 4. 源视图 源视图是您手工编写代码以及查看生成代码的工具。源视图是标准的Java编辑器，同时它还提供以下功能： 语法高亮内容/代码辅助代码格式化导入辅助快速修复集成的调试功能
推荐开源项目：VFX - 美观易用的Java GUI库
最新发布
gitblog_00098的博客
06-12 303
推荐开源项目：VFX - 美观易用的Java GUI库 项目地址:https://gitcode.com/wkgcass/vfx 项目介绍 VFX 是一个简洁而高效的Java GUI库，专注于为开发者提供构建现代视觉效果丰富的应用程序的工具。它以模块化设计为基石，涵盖了从基础组件到动画系统的一系列功能，使得开发用户界面变得更加简单和直观。 项目技术分析 VFX 使用Groovy和XML作为依赖管理...
Java GUI -- Swing之外的选择开源RIA项目：Apache Pviot
Newzai的专栏
08-31 3994
Java的GUI框架非常多，从Java内置的AWT、Swing，JavaFx，在到Eclipse（IBM）的SWT/JFace。但是每个框架都是有不尽人意的地方。其中Swing和SWT/Jface算是java GUI框架中比较优秀的。但是面对 Mircosoft的GUI框架，还是太差强人意。。RIA基础的出现使得 GUI的竞争进入了白日化的阶段。Flash、银光，JavaFx等。甚至 Ecli
java swt swing_MyEclipse SWT/Swing设计器初探（多图）
weixin_39857174的博客
02-21 183
5.2 属性视图属性视图显示属性和选定控件的事件，并提交文本字段、列表和其他控件，您可以编辑属性、标签和事件。在组件树或设计视图中选择一个控件来在属性视图中显示其属性。Properties view当多个控件被选中时，他们所共享的属性会在属性视图中被列出。如果选中的控件没有一个相同属性的值，则在属性视图中的属性字段为空。在默认情况下，该属性视图显示正常属性。参数属性用粗体显示，专业属性用斜体显示(...
Java SWT GUI开发：Eclipse配置与界面设计详解
本章节详细介绍了Java SWT GUI程序可视化开发环境——Eclipse的配置与使用，由赵满来在其著作《可视化Java SWT/JFace GUI程序设计教程》中进行讲解，该书由清华大学出版社于2017年出版。Eclipse是一款开源且可扩展的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值