长东应用,一款可以自定义app的软件 - Swing技术运用实例

 

 

 


前言

长东应用,是一款单机桌面软件,图形界面采用Swing实现。

本文仅演示软件的应用,具体功能的实现会另外发文描述。


 

一、桌面

软件桌面默认有两个内置app,自定义应用 以及 设置。

设置app默认位于下方任务栏内。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

App可以自由在桌面与任务栏之间拖拽显示位置。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

桌面右侧,提供一个悬浮的辅助触控按钮。单击会显示便捷操作菜单,包括:关闭系统、桌面。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

轻点两下辅助触控按钮,会显示后台任务列表。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

在后台任务列表中按住某一个已打开的app,向上轻移一段距离,会关闭此App。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

在后台任务列表中单击某一个app,会切换显示此app界面。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

二、设置

2.1 程序坞

程序坞位于任务栏的右侧,默认不会显示已打开的app,如果需要可以在设置中开启。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.2 水印

为app启用水印,水印文字、旋转角度可自由定制。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.3 通用

2.3.1 关于软件

软件的一些基本信息,以及联系作者的方式。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.3.2 软件授权

授权的一些基本信息,允许提交新授权文件。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.3.3 系统语言

支持简体中文、繁体中文以及English

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.4 辅助功能

辅助功能目前只提供辅助触控的设置。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.4.1 辅助触控

软件默认启用辅助触控,可设置单击、轻点两下后的关联动作。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

2.5 墙纸

桌面墙纸允许自由定制。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

可选择系统的墙纸,或者选取本地图片。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

如果开启灰色墙纸,则桌面墙纸会被置灰。

长东应用,一款可以自定义app的软件 - Swing技术运用实例


三、自定义应用

3.1 应用管理

点击桌面上的自定义应用,默认进入应用管理,这里会呈现所有自定义的app。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

点击新建按钮,新建一个自定义app。

以财务管理为例:

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.2 菜单管理

在应用管理中单击app,进入菜单管理。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

为每个菜单增加模块,单击菜单中的功能模块图标以进入应用模块。

灰色图标表示当前菜单下还没有应用模块;绿色图标表示当前菜单下已经拥有至少一个应用模块。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.3 应用模块

新建应用模块时要求选择对应表单,可以选择或直接新建表单。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

保存后进入模块的详细设置。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

 

3.4 表单管理

上面我们建立了生活消费的应用模块,那我们需要填写哪些消费数据?

在第2个页签表单管理中,可以自定义设计表单字段。

字段的表现形式包括:

  • 单行文本框,类型包括:文本、整数、浮点数
  • 多行文本域
  • 浏览按钮,类型包括:日期、时间、系统语言
  • 开关域
  • 选择框,类型包括:下拉框、单选框、复选框
  • 上传附件,类型包括:上传文件、上传图片
  • 特殊字段,类型包括:自定义链接、描述性文字

这里只简单设计几个字段用于演示:

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.5 流转设置

3.5.1 模块节点

模块填写数据是以工作流的形式进行节点流转。

我们需要先建立几个节点,节点类型包括:创建、批准、提交以及归档。

如果不需要流转,只添加创建、归档类型节点即可。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

为每一个节点设计节点布局。点击节点布局的图标,进入布局界面。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

可以选择多个节点进行同步当前的字段布局。

点击默认创建好的布局模板字段,进入字段布局界面。

设计在当前节点中需要显示的字段、需要可编辑的字段,以及需要必填(或必选)的字段。

可以拖拽进行字段显示排序。

示例中,我们在消费记录(创建类型)节点中,只需要填写消费的基本信息,而不需要显示付款日期、收件日期。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

在确认付款节点中,勾选显示付款日期,要求可编辑,并且必填。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

在确认收件节点中,勾选显示收件日期,要求可编辑,并且必填。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

在归档节点中,只选择显示字段,而不能再进行数据编辑。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

模块节点中,可加入节点前或节点后附加操作。

点击节点前或节点后附加操作的图标,可以选择目标字段,设置自定义显示数据。

在当前节点前或节点后进行触发赋值。

可以拖拽多个附加操作进行排序依次触发。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.5.2 节点流转

设计节点之间如何进行流转。

我们的示例要求按照如下方式流转:

长东应用,一款可以自定义app的软件 - Swing技术运用实例

添加节点流转,包括源节点、目标节点、是否退回等。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.6 报表设置

数据流转归档后,可在指定模块中查询。

此处可以设计模块报表显示哪些字段到列表数据中,哪些字段可以作为高级搜索条件进行查询。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.7 首页元素

回到应用管理中,右键点击自定义的app,单击首页元素组。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

默认会添加三个系统元素组,可以拖拽重新排列显示顺序。

系统的元素组只能自定义名称,不允许新增元素。

允许新建自定义的元素组,可以任意添加元素。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

首页横幅默认启用,但没有添加任何图片。需要手动点击元素管理-->编辑首页横幅,去添加图片。

如果不需要横幅,直接取消启用即可。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.8 应用发布与卸载

应用至此设置完成,需要手动发布到桌面,才能真正的被使用。

3.8.1 应用发布

在应用管理中,右键点击需要发布的app,选择发布到桌面。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

发布后,即成功在桌面中安装自定义的app

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.8.2 应用卸载

发布后的应用还需要进一步编辑修改时,有两种方式可供选择。

(1)在桌面右键点击自定义的app,选择卸载。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

(2)在应用管理-->已发布中,选择从桌面撤销。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.9 自定义应用的使用

点击打开桌面上新发布的自定义应用,右上方显示的是应用菜单;左侧显示的是菜单中的应用模块。

注意:首页是系统默认加载的菜单,不允许自定义。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

点击左上方的按钮,可以缩小左侧导航区。再次点击,会重新展开。

在应用管理-->新建或编辑应用时,可以自定义调整是否需要默认展开左侧导航(参见3.1)。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.9.1 新建流程

新建流程元素中,会按顺序依次加载应用内所有菜单的所有模块,每个菜单用不同颜色标识(七彩色轮循)。

点击一个模块,进行数据的填写。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

长东应用,一款可以自定义app的软件 - Swing技术运用实例

创建类型的节点,没有要求必填签字意见。如果需要,可以点击下方的签字意见,进行填写。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

提交后,关闭流程窗口,在首页中同时增加一条待办事宜。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

点击待办,打开流程继续流转。如果因为某些事情需要退回,填写签字意见后操作退回按钮(节点流转中需要勾选退回才会有退回按钮)。

此处紧急程度从普通手动改为重要。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

紧急程度为重要时,在待办标题前会多加一个红色的感叹号。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

流程继续审批流转,在确认付款节点,可以编辑付款日期,确认后提交至下一节点。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

在确认收件节点,编辑收件日期后提交流程至归档。

在已办事宜或办结事宜中,可以查看历史流程。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

点击流程标题,可以查看流程流转的明细数据。

长东应用,一款可以自定义app的软件 - Swing技术运用实例

3.9.2 报表数据

右上方切换消费菜单,查看报表数据。

长东应用,一款可以自定义app的软件 - Swing技术运用实例


总结


以上就是长东应用的功能演示。

本文仅仅简单介绍功能的使用,在下一篇中将会逐步介绍每一处功能的Swing布局以及具体技术实现。