CN115185439A - 一种嵌入式触摸屏滑动窗口控件及其实现方法 - Google Patents

Abstract

本发明公开了一种嵌入式触摸屏滑动窗口控件及其实现方法，包括滑动主窗口和滑动窗口图标，所述滑动主窗口包括滑动主窗口编辑模块、滑动主窗口视图模块和滑动主窗口属性模块，所述滑动窗口图标包括滑动窗口图标编辑模块、滑动窗口图标视图模块和滑动窗口图标属性模块；本发明可实现对滑动主窗口和滑动图标的统一管控，通过编辑模块、视图模块和属性模块的有机组合，提供了一种高效实现滑动窗口功能的途径；本发明的滑动窗口图标可通过鼠标在视图窗口或者编辑窗口中拖拉实现位置的动态调整，次调整无需更改触摸事件代码；本发明编辑器会自动按图标原有顺序重新排列，而相关的坐标和外观参数会自动调整。

Description

一种嵌入式触摸屏滑动窗口控件及其实现方法

技术领域

本发明属于嵌入式触摸屏软件开发技术领域，具体涉及一种嵌入式触摸屏滑动窗口控件及其实现方法。

背景技术

触控式软件具有良好的交互功能和用户体验，在消费电子和工业控制领域应用广泛。软件导航设计通常采用滑动串口和图标列表形式，通常的实现办法是每个页面相当于一个窗口、每个窗口内通过多个图标控件的排列组合，用户滑动时相当于翻页。这种实现方法最大的问题在于，所有页面以及页面内的图标控件仍然是独立的，不能形成一个有机整体。会给后续的功能实现、页面调整带来很大困难，某个部件的更改会牵一发而动全身，特别是图标位置变动时，其对应的触摸事件代码也需要调整。为此，我们提出一种嵌入式触摸屏滑动窗口控件及其实现方法，以解决上述背景技术中提到的问题。

发明内容

本发明的目的在于提供一种嵌入式触摸屏滑动窗口控件及其实现方法，以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案：一种嵌入式触摸屏滑动窗口控件，包括滑动主窗口和滑动窗口图标，所述滑动主窗口包括滑动主窗口编辑模块、滑动主窗口视图模块和滑动主窗口属性模块，所述滑动窗口图标包括滑动窗口图标编辑模块、滑动窗口图标视图模块和滑动窗口图标属性模块；

所述滑动主窗口编辑模块是一个所见即所得的可视化UI编辑窗口，用于供用户通过鼠标调整窗口位置和大小；

所述滑动主窗口视图模块用于设置组件的可见性、选择滑动窗口图标和调整排列顺序；

所述滑动主窗口属性模块用来设置和滑动行为有关的属性；

所述滑动窗口图标编辑模块是一个所见即所得的可视化UI编辑窗口，用于供用户通过鼠标调整窗口位置；

所述滑动窗口图标视图模块和滑动主窗口视图模块配合实现滑动窗口图标的选择、移动和删除；

所述滑动窗口图标属性模块用来设置图标的有关属性。

所述滑动主窗口编辑模块和滑动窗口图标编辑模块共用一个UI图层，其布局和外观随用户操作实时调整，显示效果和在触摸屏硬件设备中完全一致。

所述滑动主窗口视图模块和滑动窗口图标视图模块共用一个UI图层，其中主窗口视图是图标视图的父窗口，可同步控制主窗口和图标的显示与隐藏；图标视图以列表形式显示，用户可通过鼠标拖动移动图标顺序。

所述滑动主窗口属性模块包括ID(不可更改)、行数、列数、滑动速度、字体大小、图标大小、内容与边框的间距、文字对齐、文字内边距、按键音、坐标、是否显示、能否触摸、背景色和背景图，用户可根据设计需要进行调整和配置。

所述滑动窗口图标属性模块包括图片设置、按键音、文字、颜色设置，用户可根据设计需要进行调整和配置。

本发明还提供了一种嵌入式触摸屏滑动窗口控件的实现方法，具体包括以下步骤：

S1、鼠标左键单击可选中图标；长按选中的图标然后拖动，可以实现图标的移动功能；

S2、移动时编辑模块根据当前坐标自动定位到相近的目标区域，松开左键可将当前图标替换目标图标，而图标位置按顺序后移一位；

S3、右键选中的图标，则显示右键菜单，可执行撤销、重做、删除、复制、粘贴和跳转到相关代码操作。

与现有技术相比，本发明的有益效果是：本发明提供的一种嵌入式触摸屏滑动窗口控件及其实现方法，本发明可实现对滑动主窗口和滑动图标的统一管控，通过编辑模块、视图模块和属性模块的有机组合，提供了一种高效实现滑动窗口功能的途径；

本发明的滑动窗口图标可通过鼠标在视图窗口或者编辑窗口中拖拉实现位置的动态调整，次调整无需更改触摸事件代码；

本发明的滑动图标大小和行列式布局，可通过属性进行设置，用户输入行数和列数以及图标大小，编辑器会自动按图标原有顺序重新排列，而相关的坐标和外观参数会自动调整。

附图说明

图1为本发明一种嵌入式触摸屏滑动窗口控件的结构示意图；

图2为本发明的滑动窗口控件的编辑模块效果；

图3为本发明的滑动窗口控件的视图模块效果；

图4为本发明的滑动主窗口的属性模块；

图5为本发明的滑动窗口图标的属性模块。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例1：本发明提供了一种嵌入式触摸屏滑动窗口控件，包括滑动主窗口和滑动窗口图标，所述滑动主窗口包括滑动主窗口编辑模块、滑动主窗口视图模块和滑动主窗口属性模块，所述滑动窗口图标包括滑动窗口图标编辑模块、滑动窗口图标视图模块和滑动窗口图标属性模块；

所述滑动主窗口编辑模块是一个所见即所得的可视化UI编辑窗口，用于供用户通过鼠标调整窗口位置和大小；

所述滑动主窗口视图模块用于设置组件的可见性、选择滑动窗口图标和调整排列顺序；

所述滑动主窗口属性模块用来设置和滑动行为有关的属性；

所述滑动窗口图标编辑模块是一个所见即所得的可视化UI编辑窗口，用于供用户通过鼠标调整窗口位置；

所述滑动窗口图标视图模块和滑动主窗口视图模块配合实现滑动窗口图标的选择、移动和删除；

所述滑动窗口图标属性模块用来设置图标的有关属性。

所述滑动主窗口编辑模块和滑动窗口图标编辑模块共用一个UI图层，其布局和外观随用户操作实时调整，显示效果和在触摸屏硬件设备中完全一致。

所述滑动主窗口视图模块和滑动窗口图标视图模块共用一个UI图层，其中主窗口视图是图标视图的父窗口，可同步控制主窗口和图标的显示与隐藏；图标视图以列表形式显示，用户可通过鼠标拖动移动图标顺序。

所述滑动主窗口属性模块包括ID(不可更改)、行数、列数、滑动速度、字体大小、图标大小、内容与边框的间距、文字对齐、文字内边距、按键音、坐标、是否显示、能否触摸、背景色和背景图，用户可根据设计需要进行调整和配置。

所述滑动窗口图标属性模块包括图片设置、按键音、文字、颜色设置，用户可根据设计需要进行调整和配置。

本发明还提供了一种嵌入式触摸屏滑动窗口控件的实现方法，具体包括以下步骤：

S1、鼠标左键单击可选中图标；长按选中的图标然后拖动，可以实现图标的移动功能；

S2、移动时编辑模块根据当前坐标自动定位到相近的目标区域，松开左键可将当前图标替换目标图标，而图标位置按顺序后移一位；

S3、右键选中的图标，则显示右键菜单，可执行撤销、重做、删除、复制、粘贴和跳转到相关代码操作。

参见图1，本发明包括滑动主窗口编辑模块、滑动主窗口视图模块、滑动主窗口属性模块、滑动窗口图标编辑模块、滑动窗口图标视图模块、滑动窗口图标属性模块。

其中滑动主窗口的编辑模块、视图模块、编辑模块和滑动窗口图标同名模块之间具有耦合性，在操作时共用一个图层。

参见图2，本发明的滑动主窗口和滑动窗口图标共用一个编辑图层，该图层中的控件可以响应鼠标事件。具体来说鼠标左键单击可选中图标；长按选中的图标然后拖动，可以实现图标的移动功能；移动时编辑模块根据当前坐标自动定位到相近的目标区域，松开左键可将当前图标替换目标图标，而图标位置按顺序后移一位；右键选中的图标，则显示右键菜单，可执行撤销、重做、删除、复制、粘贴和跳转到相关代码等操作。

参见图3，本发明的滑动主窗口和滑动窗口图标共用一个视图图层，该图层中的控件可以响应鼠标事件。Slidewindow1为滑动主窗口的ID，文本/图片、进度条、按键等为滑动图标名称，一个主窗口内可以包含多个滑动图标。鼠标左键单击视图内的对象，可执行选择操作；双击Slidewindow1可修改调整主窗口是否可见；Slidewindow1选中时，在编辑模块中会显示边框和编辑点，编辑点可进行缩放操作；长按选中的图标然后拖动，可以实现图标的移动功能；移动到目标位置松开左键可将当前图标替换目标图标，而图标位置按顺序后移一位，该操作效果和在编辑窗口中一样，但是比编辑窗口灵活，特别是需要跨页移动时；右键选中的图标，则显示右键菜单，可执行撤销、重做、删除、复制、粘贴和跳转到相关代码等操作，和编辑窗口效果一样。

参见图4，本发明滑动主窗口具有多种属性，用户可根据设计需要进行灵活配置，无需编写繁琐的代码。其中行数和列数决定了每页图标的排列方式，用户修改后布局会根据控件内图标数量自动调整；滑动速度在无特殊需求下，采用默认值即可；字体大小决定了滑动图标说明文字的大小；图标大小用来设置滑动主窗口中滑动图标的大小；坐标属性无需设置，根据编辑窗口的布局自动生成；无特殊需求，其它属性采用默认即可。

参见图5，本发明滑动窗口图标具有多种属性，用户可根据设计需要进行灵活配置，无需编写繁琐的代码。其中文字和图片设置为必选属性，其它为可选属性。文字用来设置图标的名称，常显图片用来设置图标的外观。图片设置中的按下时图片、选中时图片、选中时按下的图片和无效时图片可根据交互复杂度和设计需要进行设置。

综上所述，与现有技术相比，本发明通过滑动窗口组件(即滑动主窗口和滑动窗口图标)实现对滑动主窗口和滑动图标的统一管控，通过编辑模块、视图模块和属性模块的有机组合，提供了一种高效实现滑动窗口功能的途径；

本发明提供的滑动窗口组件(即滑动主窗口和滑动窗口图标)中的滑动窗口图标可通过鼠标在视图窗口或者编辑窗口中拖拉实现位置的动态调整，次调整无需更改触摸事件代码；

本发明提供的滑动窗口组件(即滑动主窗口和滑动窗口图标)中的滑动图标大小和行列式布局，可通过属性进行设置，用户输入行数和列数以及图标大小，编辑器会自动按图标原有顺序重新排列，而相关的坐标和外观参数会自动调整。

最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换,凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种嵌入式触摸屏滑动窗口控件，包括滑动主窗口和滑动窗口图标，其特征在于：所述滑动主窗口包括滑动主窗口编辑模块、滑动主窗口视图模块和滑动主窗口属性模块，所述滑动窗口图标包括滑动窗口图标编辑模块、滑动窗口图标视图模块和滑动窗口图标属性模块；

所述滑动主窗口编辑模块是一个所见即所得的可视化UI编辑窗口，用于供用户通过鼠标调整窗口位置和大小；

所述滑动主窗口视图模块用于设置组件的可见性、选择滑动窗口图标和调整排列顺序；

所述滑动主窗口属性模块用来设置和滑动行为有关的属性；

所述滑动窗口图标编辑模块是一个所见即所得的可视化UI编辑窗口，用于供用户通过鼠标调整窗口位置；

所述滑动窗口图标视图模块和滑动主窗口视图模块配合实现滑动窗口图标的选择、移动和删除；

所述滑动窗口图标属性模块用来设置图标的有关属性。

2.根据权利要求1所述的一种嵌入式触摸屏滑动窗口控件，其特征在于：所述滑动主窗口编辑模块和滑动窗口图标编辑模块共用一个UI图层，其布局和外观随用户操作实时调整，显示效果和在触摸屏硬件设备中完全一致。

3.根据权利要求1所述的一种嵌入式触摸屏滑动窗口控件，其特征在于：所述滑动主窗口视图模块和滑动窗口图标视图模块共用一个UI图层，其中主窗口视图是图标视图的父窗口，可同步控制主窗口和图标的显示与隐藏；图标视图以列表形式显示，用户可通过鼠标拖动移动图标顺序。

4.根据权利要求1所述的一种嵌入式触摸屏滑动窗口控件，其特征在于：所述滑动主窗口属性模块包括ID、行数、列数、滑动速度、字体大小、图标大小、内容与边框的间距、文字对齐、文字内边距、按键音、坐标、是否显示、能否触摸、背景色和背景图，用户可根据设计需要进行调整和配置。

5.根据权利要求1所述的一种嵌入式触摸屏滑动窗口控件，其特征在于：所述滑动窗口图标属性模块包括图片设置、按键音、文字、颜色设置，用户可根据设计需要进行调整和配置。

6.一种权利要求1所述的嵌入式触摸屏滑动窗口控件的实现方法，其特征在于：具体包括以下步骤：

S1、鼠标左键单击可选中图标；长按选中的图标然后拖动，可以实现图标的移动功能；

S2、移动时编辑模块根据当前坐标自动定位到相近的目标区域，松开左键可将当前图标替换目标图标，而图标位置按顺序后移一位；

S3、右键选中的图标，则显示右键菜单，可执行撤销、重做、删除、复制、粘贴和跳转到相关代码操作。

Images