CN105117109B - 一种基于触摸屏的界面空间扩展方法及系统 - Google Patents

Abstract

本发明公开一种基于触摸屏的界面空间扩展方法及系统，方法包括步骤：A、当触摸屏在窗口接触区域内检测到点击操作时，通过程序检测模块检测所述窗口是否支持扩展显示；B、当所述窗口支持扩展显示时，则控制被点击窗口向左右方向扩展并使其与触摸屏的左上方对齐，同时控制未被点击的其它窗口向左右方向收缩并依次排列在触摸屏的右侧。本发明通过扩展被点击窗口并同时收缩未被点击窗口，使触摸屏在有限的界面空间内展示更多的窗口内容，同时从用户体验上减少层级跨越感，提升用户在操作上的愉悦度和产品操作效率。

Description

一种基于触摸屏的界面空间扩展方法及系统

技术领域

本发明涉及界面空间扩展领域，尤其涉及一种基于触摸屏的界面空间扩展方法及系统。

背景技术

在使用电容触摸屏产品时，由于产品本身内容丰富，需要在首界面展示更多内容，但受限于屏幕空间有限，能展示出的内容数量有限。当用户查看感兴趣的内容时，整体页面会跳转到另外一个页面。然而，首界面页面与内容页面之间的跳转，从体验上会给用户带来陌生感，同时转场效果枯燥乏味，且需要等待页面加载完成才能浏览，给用户体验带来极大不便。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于触摸屏的界面空间扩展方法，旨在解决现有触摸屏界面空间显示内容少，页面转换效果枯燥乏味，从体验上给用户带来陌生感和不便的问题。

本发明的技术方案如下：

一种基于触摸屏的界面空间扩展方法，其中，包括步骤：

A、当触摸屏的程序窗口内接收到点击指令时，检测被点击的程序窗口是否支持扩展显示；

B、当所述被点击的程序窗口支持扩展显示时，则控制所述被点击的程序窗口上下或左右方向扩展，同时控制触摸屏上未被点击的其它程序窗口上下或左右方向收缩。

所述的基于触摸屏的界面空间扩展方法，其中，所述步骤B中，当所述被点击的程序窗口位于触摸屏左侧时，控制所述被点击的程序窗口与触摸屏的左上角对齐并进行扩展，当所述被点击的程序窗口位于触摸屏右侧时，控制所述被点击的程序窗口与触摸屏的右上角对齐并进行扩展。

所述的基于触摸屏的界面空间扩展方法，其中，所述步骤A之前还包括：

预设设置触摸屏上一程序窗口支持扩展显示。

所述的基于触摸屏的界面空间扩展方法，其中，所述步骤B还包括：

B1、当触摸屏上不支持扩展显示的程序窗口接收到拖动至支持扩展显示的程序窗口指令时，将所述不支持扩展显示的程序窗口显示的内容与支持扩展显示的程序窗口显示的内容进行对换。

所述的基于触摸屏的界面空间扩展方法，其中，所述步骤B之后还包括：

C1、在已扩展的程序窗口上显示一收起按钮；

C2、当检测到点击收起按钮的指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。

所述的基于触摸屏的界面空间扩展方法，其中，所述步骤B之后还包括：

C1’、当触摸屏上已扩展的程序窗口接收到朝扩展方向相反的滑动指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。

所述的基于触摸屏的界面空间扩展方法，其中，所述步骤B还包括：

B2、当所述被点击的程序窗口不支持扩展显示时，则执行所述被点击的程序窗口内程序预设的操作任务。

一种基于触摸屏的界面扩展系统，其中，包括:

点击指令检测模块，用于检测触摸屏的程序窗口中是否接收到点击指令；

程序检测模块，用于检测被点击的程序窗口是否支持扩展显示；

控制模块，当被点击的程序窗口支持扩展显示时，用于控制所述被点击的程序窗口上下或左右方向扩展；同时控制触摸屏上未被点击的程序窗口上下或左右方向收缩。

所述的基于触摸屏的界面扩展系统，其中，所述控制模块还包括：

程序窗口内容替换模块，用于当触摸屏上不支持扩展显示的程序窗口接收到拖动至支持扩展显示的程序窗口指令时，将所述不支持扩展显示的程序窗口显示的内容与支持扩展显示的程序窗口显示的内容进行对换。

所述的基于触摸屏的界面扩展系统，其中，所述控制模块还包括：

程序窗口恢复模块，用于当触摸屏上已扩展的程序窗口中的收起按钮区域接收到点击指令或触摸屏上已扩展的程序窗口接收到朝扩展方向相反的滑动指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。

有益效果：本发明提供的一种基于触摸屏的界面控件扩展方法及系统，通过扩展被点击窗口并同时收缩未被点击窗口，使触摸屏在有限的界面空间内展示更多的窗口内容，同时从用户体验上减少层级跨越感，提升用户在操作上的愉悦度和产品操作效率。

附图说明

图1为本发明的一种基于触摸屏的界面空间扩展方法较佳实施例的流程图。

图2为本发明的一种基于触摸屏的界面空间扩展方法较佳实施例的扩展前多窗口分布示意图。

图3-4为本发明的一种基于触摸屏的界面空间扩展方法较佳实施例的扩展后多窗口分布示意图。

具体实施方式

本发明提供一种基于触摸屏的界面空间扩展方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，图1为本发明一种基于触摸屏的界面空间扩展方法较佳实施例的流程图，如图所示，其包括步骤：

S101、当触摸屏的程序窗口内接收到点击指令时，检测被点击的程序窗口是否支持扩展显示；

S102、当所述被点击的程序窗口支持扩展显示时，则控制所述被点击的程序窗口上下或左右方向扩展，同时控制触摸屏上未被点击的其它程序窗口上下或左右方向收缩。

在本实施例中，触摸屏显示区域中可同时显示有多个程序窗口，所述多个程序窗口可根据用户喜好以不同方式在触摸屏中显示，例如设定所述程序窗口以相同大小尺寸整齐排列在触摸屏上；也可设定某个或某几个程序窗口以较大尺寸显示，剩余其它程序窗口以相同大小尺寸排列在触摸屏上。这样做可以满足不同用户的各种需求，使用户在使用本发明触摸屏时得到良好的体验，方便契合用户的使用习惯。

本发明在具体实施时，当触摸屏中的某个程序窗口接收到点击指令（如单击指令或者双击指令）时，随即检测所述被点击的程序窗口是否支持扩展显示，若所述被点击的程序窗口支持扩展显示，则控制被点击的程序窗口向上下或左右方向扩展，同时控制触摸屏上未被点击的程序窗口向上下或左右方向收缩。具体地，根据用户的使用习惯，当被点击的程序窗口位于触摸屏的左侧时，则使被点击的程序窗口与触摸屏的左上角对齐并进行扩展；当被点击的程序窗口位于触摸屏的右侧时，则使被点击的程序窗口与触摸屏的右上角对齐并进行扩展。即程序窗口在进行扩展时优选以触摸屏的一处端点为基点向外进行扩展，例如在触摸屏左侧时，则以左上角为基点进行扩展，在触摸屏右侧时，则以右上角为基点进行扩展。当然也可以是程序窗口位于触摸屏的左侧时，与触摸屏的左下角对齐进行扩展；或者程序窗口位于触摸屏的左侧时，与触摸屏的左下角对齐进行扩展。当然，在进行扩展时，也可以程序窗口本身的某个端点为基点进行扩展，例如以程序窗口的左上角或右上角为基点向其他方向进行扩展。

至于程序窗口的扩展方向，举例如下：当程序窗口位于触摸屏的左侧并且程序窗口左边与触摸屏的左边齐平时，则程序窗口向右扩展；当程序窗口位于触摸屏的右侧并且程序窗口右边与触摸屏的右边齐平时，则程序窗口向左扩展；当程序窗口位于触摸屏的顶部并且程序窗口的顶边与触摸屏的顶边齐平时，则程序窗口向下扩展；当程序窗口位于触摸屏的底部并且程序窗口的底边与触摸屏的底边齐平时，则程序窗口向上扩展。程序窗口的扩展程度可以设置固定边界，当扩展的程序窗口到达该固定边界时，则停止扩展，所述的固定边界可以是触摸屏的边界，但优选是距离触摸屏边界具有一段距离（即左边的固定边界距离触摸屏的左边界具有一段距离，右边的固定边界距离触摸屏的右边边界具有一段距离，上边的固定边界距离触摸屏的上边界具有一段距离，或者下边的固定边界距离触摸屏的下边界具有一段距离，上述四个距离的长度可以设置为相同或不同，长度可以是容纳两个收缩的程序窗口并排排列），以便显示其他未被点击的程序窗口内容。另外，程序窗口的扩展方式也不限于上述的单方向扩展，也可同时向左和向右扩展，或者同时向上和向下扩展，或者同时向左、向右、向上和向下扩展，直至到达固定边界。

被点击的程序窗口在进行扩展时，同时控制未被点击的程序窗口收缩，例如左侧的程序窗口向右进行扩展时，使右侧未被点击的程序窗口以相同大小尺寸排列在触摸屏的右侧；右侧的程序窗口向左进行扩展时，则使未被点击的程序窗口以相同大小尺寸排列在触摸屏的左侧。这样能方便用户随时对自己想看的程序窗口进行界面扩展，同时也能在同一界面观察到已打开的其它窗口的内容，极大地提升了用户在操作上的愉悦感和操作效率，同时减少了首界面页面与窗口内容页面之间的跳转过程，从体验上给用户带来舒适和方便。

进一步，在触摸屏上设置一程序窗口支持扩展显示，即在触摸屏上固定设置一程序窗口支持扩展显示，当需要对触摸屏上某些不支持扩展显示的程序窗口进行扩展时，则需要对其进行拖动操作，即所述步骤S102还包括：当触摸屏不支持扩展显示的程序窗口接收到拖动至支持扩展显示的程序窗口指令时，将所述不支持扩展显示的程序窗口显示的内容与支持扩展显示的程序窗口显示的内容进行对换。举一例子，如图2所示，设置程序窗口1为支持扩展显示的程序窗口，而程序窗口4为不支持扩展显示的程序窗口，当程序窗口4接收到拖动至支持扩展显示的程序窗口1的指令时，则所述不支持扩展显示的程序窗口4显示的内容将与支持扩展显示的程序窗口1的内容进行对换，此时，再通过点击程序窗口1即可使得原来不支持扩展显示的程序窗口4的内容界面得到扩展。通过拖动指令，能够实现随时扩展任一程序窗口界面，并且能在同一界面观察到其它程序窗口的内容，同时通过固定支持扩展的程序窗口的位置，能够满足用户的使用习惯。

具体地，所述步骤S102之后还包括：

S200、在已扩展的程序窗口中显示有一收起按钮，所述收起按钮优选设置在程序窗口扩展方向的边界上，这样用户就能直观地判断出当点击该收起按钮时程序窗口的收缩方向，例如如图3所示，该程序窗口向右扩展，则收起按钮显示在程序窗口的右边界（中部）上；

S201、当已扩展的程序窗口的收起按钮区域检测到点击指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口向上下或左右方向扩展。此过程即为还原过程，将界面恢复到扩展前的状态，已扩展的程序窗口按扩展的相反方向进行收缩，而已收缩的程序窗口则按照收缩的相反方向进行扩展以恢复至初始位置。

所述步骤S102之后还包括：

S200’、 当触摸屏上已扩展的程序窗口接收到朝扩展方向相反的滑动指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。

在步骤S200’中，具体地，若已扩展的程序窗口是向右扩展的，则当触摸屏上已扩展的程序窗口接收到向左方向的滑动指令时，如图4所示，则控制已扩展的程序窗口向左方向收缩；如果已扩展的程序窗口是向左扩展的，则当触摸屏上已扩展的程序窗口接收到向右方向的滑动指令时，则控制已扩展的程序窗口向右方向收缩；如果已扩展的程序窗口是向上扩展的，则当触摸屏上已扩展的程序窗口接收到向下方向的滑动指令时，则控制已扩展的程序窗口向下方向收缩；如果已扩展的程序窗口是向下扩展的，则当触摸屏上已扩展的程序窗口接收到向上方向的滑动指令时，则控制已扩展的程序窗口向上方向收缩。至于其他收缩的程序窗口，可按照前述方式恢复至初始位置。

但若已扩展的程序窗口是向上和向下两个方向同时扩展的，则当触摸屏上已扩展的程序窗口接收到与扩展方向反向的滑动指令时，比如通过两个手指在上下方向向中间滑动收缩，可控制已扩展的程序窗口向上下方向收缩，又或者，已扩展的程序窗口是向左和向右两个方向同时扩展的，则当触摸屏上已扩展的程序窗口接收到与扩展方向反向的滑动指令时，比如通过两个手指在左右方向向中间滑动收缩，可控制已扩展的程序窗口向左右方向收缩。单击操作和滑动操作是目前移动装置触摸屏中最常见且方便的两种操作方式，本发明可通过这两种方式均可实现将已扩展和收缩的窗口恢复到初始状态，极大的方便了用户的操作，给用户带来舒适的体验。

本发明还提供一种基于触摸屏的界面扩展系统，其中，包括:

点击指令检测模块，用于检测触摸屏的程序窗口中是否接收到点击指令；

程序检测模块，用于检测被点击的程序窗口是否支持扩展显示；

控制模块，当被点击的程序窗口支持扩展显示时，用于控制所述被点击的程序窗口上下或左右方向扩展；同时控制触摸屏上未被点击的程序窗口上下或左右方向收缩。

所述的一种基于触摸屏的界面扩展系统，其中，所述控制模块还包括：

程序窗口内容替换模块，用于当触摸屏上不支持扩展显示的程序窗口接收到拖动至支持扩展显示的程序窗口指令时，将所述不支持扩展显示的程序窗口显示的内容与支持扩展显示的程序窗口显示的内容进行对换。

所述的一种基于触摸屏的界面扩展系统，其中，所述控制模块还包括：

程序窗口恢复模块，用于当触摸屏上已扩展的程序窗口中的收起按钮区域接收到点击指令或触摸屏上已扩展的程序窗口接收到朝扩展方向相反的滑动指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。

关于上述模块单元的技术细节在前面的方法中已有详述，故不再赘述。

综上所述，本发明提供的一种基于触摸屏的界面空间扩展方法及系统，通过扩展被点击窗口并同时收缩未被点击窗口，使触摸屏在有限的界面空间内展示更多的窗口内容，同时从用户体验上减少层级跨越感，提升用户在操作上的愉悦度和产品操作效率。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (6)

1.一种基于触摸屏的界面空间扩展方法，其特征在于，包括步骤：

A、当触摸屏的程序窗口内接收到点击指令时，检测被点击的程序窗口是否支持扩展显示；

B、当所述被点击的程序窗口支持扩展显示时，则控制所述被点击的程序窗口上下或左右方向扩展，同时控制触摸屏上未被点击的其它程序窗口上下或左右方向收缩；

所述步骤A之前还包括：预先设置触摸屏上一程序窗口支持扩展显示；

所述步骤B还包括：

B1、当触摸屏上不支持扩展显示的程序窗口接收到拖动至支持扩展显示的程序窗口指令时，将所述不支持扩展显示的程序窗口显示的内容与支持扩展显示的程序窗口显示的内容进行对换；

所述步骤B之后还包括：

C1、在已扩展的程序窗口上显示一收起按钮；

C2、当检测到点击收起按钮的指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展；

程序窗口的扩展程度设置有固定边界，当扩展的程序窗口到达所述固定边界时，则停止扩展。

2.根据权利要求1所述的基于触摸屏的界面空间扩展方法，其特征在于，所述步骤B中，当所述被点击的程序窗口位于触摸屏左侧时，控制所述被点击的程序窗口与触摸屏的左上角对齐并进行扩展，当所述被点击的程序窗口位于触摸屏右侧时，控制所述被点击的程序窗口与触摸屏的右上角对齐并进行扩展。

3.根据权利要求1所述的基于触摸屏的界面空间扩展方法，其特征在于，所述步骤B之后还包括：

C1’、当触摸屏上已扩展的程序窗口接收到朝扩展方向相反的滑动指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。

4.根据权利要求1所述的基于触摸屏的界面空间扩展方法，其特征在于，所述步骤B还包括：

B2、当所述被点击的程序窗口不支持扩展显示时，则执行所述被点击的程序窗口内程序预设的操作任务。

5.一种基于触摸屏的界面扩展系统，其特征在于，包括:

点击指令检测模块，用于检测触摸屏的程序窗口中是否接收到点击指令；

程序检测模块，用于检测被点击的程序窗口是否支持扩展显示；

控制模块，当被点击的程序窗口支持扩展显示时，用于控制所述被点击的程序窗口上下或左右方向扩展；同时控制触摸屏上未被点击的程序窗口上下或左右方向收缩；

所述控制模块还包括：

程序窗口内容替换模块，用于当触摸屏上不支持扩展显示的程序窗口接收到拖动至支持扩展显示的程序窗口指令时，将所述不支持扩展显示的程序窗口显示的内容与支持扩展显示的程序窗口显示的内容进行对换；

在已扩展的程序窗口上显示一收起按钮；

C2、当检测到点击收起按钮的指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展；

程序窗口的扩展程度设置有固定边界，当扩展的程序窗口到达所述固定边界时，则停止扩展。

6.根据权利要求5所述的一种基于触摸屏的界面扩展系统，其特征在于，所述控制模块还包括：

程序窗口恢复模块，用于当触摸屏上已扩展的程序窗口中的收起按钮区域接收到点击指令或触摸屏上已扩展的程序窗口接收到朝扩展方向相反的滑动指令时，则控制已扩展的程序窗口上下或左右方向收缩，同时控制未被点击的其它程序窗口上下或左右方向扩展。