CN103838510A

CN103838510A - 一种界面控制装置

Info

Publication number: CN103838510A
Application number: CN201410069590.3A
Authority: CN
Inventors: 牛建新; 谷磊
Original assignee: BEIJING 6ROOMS TECHNOLOGY Co Ltd
Current assignee: BEIJING 6ROOMS TECHNOLOGY Co Ltd
Priority date: 2014-02-27
Filing date: 2014-02-27
Publication date: 2014-06-04

Abstract

本发明提供一种界面控制装置，应用于触屏设备上，其中包括：用户界面单元，用于根据用户开启指令生成主界面，该主界面包括菜单栏及展示栏；手势检测单元，用于检测用户在展示栏所占触屏区域上的操作手势；手势判断单元，用于判断检测到的操作手势是否匹配符合预设手势集合中的任意一个预设手势；如果是，则转界面调整单元处理；界面调整单元，用于在检测到的操作手势匹配第一预设手势时，将菜单栏从第一模式调整为第二模式；在检测到的操作手势匹配第二预设手势时，将菜单栏从第二模式调整为第一模式。本发明可以通过滑动触摸的方式来控制所述触摸设备的界面调整，从而简化用户操作，给用户带来的较佳的体验效果。

Description

一种界面控制装置

技术领域

本发明涉及电子技术领域，尤其涉及一种界面控制装置。

背景技术

随着移动设备运算能力的不断提升，使得人们能够在更小巧的设备上完成以往只能在笨重的电脑上完成的工作，因此，大量传统电脑的应用正在逐步向移动设备迁移。但由于移动设备的操作和显示区域相对传统电脑来说要小很多，那么如何针对移动设备的特点开发出操作简易并且节省空间的交互方式就成为了一项很重要的研究课题。

目前绝大多数的移动设备都以触摸屏作为基本的输入设备，因此又称其为“移动触屏设备”简称“触屏设备”。它拥有的触摸屏（也称为数位板技术）允许用户通过手指或是触控笔来进行点击和滑动，而不是通过传统的键盘或鼠标，因此，相对而言降低了操作的复杂度。

然而，由于现有的触屏设备在菜单栏以及操作视窗的设计上依然延续了传统电脑的设计特点，比如菜单栏的折叠和展开，以及操作视窗的关闭操作都需要用户点击屏幕上特定的按钮来实现。这种操作要求触摸的准确度较高，且操作方式比较单一，就如同在传统电脑上使用鼠标一样，使得用户没有体验到触屏设备的灵活和便捷，给用户带来的较差的体验效果。

发明内容

有鉴于此，本发明提供一种界面控制装置可以通过滑动的方式控制触摸设备执行相应的操作，从而简化用户操作，实现更自然的互动方式。

为实现上述目的，本发明提供技术方案如下：

一种界面控制装置，应用于触屏设备上，所述装置包括：

用户界面单元，用于根据用户开启指令生成主界面，其中该主界面包括具有若干触摸按钮的菜单栏以及提供界面内容的展示栏；

手势检测单元，用于检测用户在展示栏所占触屏区域上的操作手势；

手势判断单元，用于判断检测到的操作手势是否匹配符合预设手势集合中的任意一个预设手势；如果是，则转界面调整单元处理；其中该预设手势集合至少包括第一预设手势以及第二预设手势；

界面调整单元，用于在检测到的操作手势匹配所述第一预设手势时，将所述菜单栏从第一模式调整为第二模式；在检测到的操作手势匹配所述第二预设手势时，将所述菜单栏从第二模式调整为第一模式；其中所述菜单栏在第一模式以及第二模式下至少有部分相同的触摸按钮；所述菜单栏在第二模式下展示的信息多于在第一模式下展示的信息，所述菜单栏在第二模式下所占据的触屏区域大于在第一模式下所占据的触屏区域。

相对与现有技术，本发明可以通过滑动触摸的方式来控制所述触摸设备的界面执行相应的操作，从而简化用户操作，缩短了用户设置移动的距离，实现更自然的互动方式，给用户带来的较佳的体验效果。

附图说明

图1-1是本发明提供的一种界面控制装置的结构示意图；

图1-2是本发明实施例中一种触屏区域的示意图；

图1-3是本发明实施例中一种菜单栏的示意图；

图2是本发明实施例中另一种菜单栏的示意图；

图3是本发明实施例中一种展示栏的示意图；

图4是本发明实施例中另一种展示栏的示意图；

图5是本发明实施例中一种预设惯性算法的处理流程图。

具体实施方式

为解决上述问题，本发明提供一种界面控制装置，请参考图1-1，本发明中一种界面控制装置的结构示意图，其中，所述装置应用于触屏设备上，所述触屏设备包括：CPU、非易失性存储器、内存以及其他硬件。其中，所述界面控制装置作为一个逻辑层面的虚拟装置，其通过CPU运行对应的计算机程序实现。所述界面控制装置包括：

用户界面单元，用于根据用户开启指令生成主界面，也就是说，当用户在所述触屏设备上选择一个应用后，所述用户界面单元会收到该应用对应的开启指令，然后所述用户界面单元根据所述开启指令生成所述应用对应的主界面，其中该主界面包括具有若干触摸按钮的菜单栏以及提供界面内容的展示栏；

手势检测单元，用于检测用户在展示栏所占触屏区域上的操作手势；当用户在所述应用的主界面进行操作时，所述手势检测单元就会根据所述触屏区域的电位变化获得用户的操作手势；

手势判断单元，用于判断检测到的操作手势是否匹配符合预设手势集合中的任意一个预设手势；如果是，则转界面调整单元处理；其中该预设手势集合至少包括第一预设手势以及第二预设手势；若所述操作手势未能匹配到所述预设手势集合中的预设手势，则所述操作手势可能为误操作，因此所述装置不做处理；

界面调整单元，用于在检测到的操作手势匹配所述第一预设手势时，将所述菜单栏从第一模式调整为第二模式。

请参见图1-2，是本发明实施例中第一模式的示意图，假设主界面启动之后，其占据了整个触屏区域或者几乎占尽整个触屏区域。在本实施方式中，主界面包括菜单栏以及展示栏。其中最左侧为菜单栏，菜单栏中有多个触摸按钮；所述菜单栏的右侧为展示栏，在本发明中，其是用户可以进行滑动控制的区域。在所述第一模式下，菜单栏内通常只显示部分菜单信息，比如只有图标式的触摸按钮，此时展示栏所占据的触屏区域相对较大，可以展示更为丰富和细腻的内容。当所述操作手势匹配所述第一预设手势时，所述界面调整单元根据判断结果进行对所述主界面调整，也就是将菜单栏由第一模式调整为第二模式，请参见图1-3，是本发明实施例中第二模式的示意图，其中所述菜单栏在第一模式以及第二模式下至少有部分相同的触摸按钮；并且所述菜单栏在第二模式下展示的信息多于在第一模式下展示的信息，所述菜单栏在第二模式下所占据的触屏区域大于在第一模式下所占据的触屏区域；相对的，所述展示栏在所述第二模式下所占的区域相对较小。同理，在检测到的操作手势匹配所述第二预设手势时，所述界面调整单元也会将所述菜单栏从第二模式调整为第一模式，如图2所示。由于这种调整过程在以前的触屏设备上都是由用户靠点击主界面上的特定触摸按钮来实现的，这不仅需要用户对于特定按钮功能的了解，还需要比较准确的操作，而这些限制显然会降低触屏设备的可操作性，对于用户而言，使用这样的触屏设备与使用传统电脑在操作上并没有本质的差别。

相对于现有技术的点击操作，本发明可以通过滑动触摸的方式来控制所述触摸设备进行界面调整等相应的操作，无需寻找特定的触摸按钮，从而简化用户操作，缩短了用户手指移动的距离，增强了设备的可操作性，给用户带来了较佳的体验效果。

为了模拟滑动操作产生的动态效果，在优选的实施例中，在用户手指移动的同时，所述触屏设备会获取到用户手指在触屏区域的坐标，再控制所述展示栏也移动到所述坐标上，看上去像是所述展示栏跟随手指的移动而移动。

需要说明的是，所述手势集合一般是设计者预设在内存中的数据，其中包含的预设手势都是相对较为常见的操作手势。由于用户的滑动手势可以是多样的，本实施例中主要以水平移动的手势为例进行说明。在优选的实施例中，所述第一预设手势具体为：用户在展示栏所占触屏区域上的沿远离所述菜单栏的方向滑动，如图1-3所示的手势；而所述第二预设手势具体为：用户手指在展示栏所占触屏区域上的沿靠近所述菜单栏的方向滑动，如图2所示的手势。

进一步的，为了满足多种操作需求，所述手势集合中还包括第三预设手势；在所述菜单栏处于第二模式时，若检测到的操作手势匹配所述第三预设手势，所述界面调整单元则将所述菜单栏从第二模式调整为第三模式；所述第三模式为所述展示栏关闭，如图3所示，其中主界面上通常显示菜单栏的内容，而展示栏（也就是图中虚线区域）则沿图中箭头方向移出主界面。

在优选的实施例中，所述第三预设手势具体为：用户手指在展示栏所占的触屏区域上沿远离所述菜单栏的方向滑动，且所述滑动距离达到预设距离或是具有达到所述预设距离的运动条件。

其中，所述运动条件具体为：

用户手指离开触屏区域前所述展示栏的实际滑动距离，以及用户手指离开触屏区域后所述展示栏在预设时间内根据预设惯性算法预测出的模拟滑动距离的总和达到所述预设距离。

通常所述预设距离是根据用户的普遍要求以及所述触屏设备的性能进行设定的。为了避免误操作，所述预设距离不宜设置过短，开发者可以将所述触屏设备正常状态下展示栏宽度的一半作为预设距离，当用户在所述触屏设备上的任一点沿远离菜单栏的方向进行滑动时，所述菜单栏可能会被置于所述第二模式，当用户继续移动使得移动距离达到了半个展示栏的距离后，此时系统会认为用户想要执行关闭所述展示栏的操作。又考虑到很多用户的操作动作较快，虽然没有移动到预设距离，但是还是希望关闭所述展示栏，因此本发明还提出了一种方案，也就是当用户在控制所述触屏设备时，在所述菜单栏处于第二模式下，只要用户手指在所述展示栏的任意位置沿远离菜单栏的方向滑动，并根据惯性算法对其手指离开前的速度进行预测，若预测的模拟滑动距离加上已滑动的距离到达预设距离，系统同样会认为用户需要关闭所述操作视窗，从而执行该操作。这样一来，对于触屏设备的控制就像翻书一样的简单方便，操作更加人性化。

在优选的实施例中，所述预设惯性算法具体为:

Σ_0→nS_i=V₀×fⁱ×t；其中，S_i为所述展示栏在单位时间内平移的距离，单位为像素；t为单位时间，单位为秒，上述的预设时间中包含至少一个单位时间t；V₀是初速度，单位为像素/秒；f为阻尼系数，f小于等于1，当f等于1时，则为理想状态下的光滑运动；i为非负整数，i小于等于n，i起始于0，每隔单位时间i增加1。

下面请结合附图，对本发明的实施方案进行详细的说明。

请参考图4，假设在菜单栏处于所述第二模式下，用户的手指继续滑动后，在A点以速度V离开所述触屏区域。根据上述实施例可知，展示栏会跟随用户手指进行移动，其在用户手指离开触屏区域之前移动的距离为S，本发明可以根据所述惯性算法进行预算，假设预测后得到的所述展示栏移动到A1点，其模拟移动距离为S₀，如果所述S和S₀的总和可以达到预设距离，那么也认为用户的操作手势匹配所述第三预设手势。请参见图5，是本发明实施例中一种惯性算法的处理流程图。所述算法包括步骤：

501、用户手指在A点以速度V离开所述显示区域；

502、所述展示栏以所述速度V作为其平移的初速度V₀，即V₀=V，单位为像素/秒；

503、所述展示栏在n个单位时间t内平移的距离Σ_0→nS_i=V₀×fⁱ×t；

其中，在的一个单位时间内，根据上述公式得到S₀=V₀t，也就是将所述展示栏平移S₀像素（所述展示栏由图4中的A点平移到了A1点）；移动到A1点后，初速度V₀会进行衰减（f的指数n会加1），衰减后的速度V₁=V₀×fⁿ，其中，f为阻尼系数（f≤1），该系数可以根据所述触屏设备的灵敏度进行设置，也可以设置成1，即为模拟光滑运动，当f＜1时，随着n的增大，f会减小，且V也会相应减小，从而得到的S₁=V₀×f¹×t，也就是所述展示栏将在第二个单位时间所滑动的距离S₁。由于每经过单位时间所述展示栏的滑动速度会衰减（f的指数n会加1），因此根据上述算法，当预设时间为n个单位时间t时，可以根据Σ_0→nS_i=V₀×fⁱ×t来计算出上述预设时间内（n个单位时间t内）所述展示栏滑动的距离，因此，通过上述惯性算法可以预测在用户手指离开触屏区域后所述展示栏的模拟滑动距离。

传统的触屏设备在进行界面调整时，会有一些视觉过渡效果，比如匀速移出，或是迅速移关闭。考虑到用户滑动操作的特点，在优选的实施例中，关闭展示栏也会有相应的过渡过程，该过程具体为：根据预设吸附算法，以用户手指离开触屏区域前的速度为初速度，将所述展示栏向远离所述菜单栏的方向从所述主界面平移出去。

所述吸附算法是根据经典的运动公式简化而来的，该算法具体为：

S=(V+n×a)×t；其中，S为所述展示栏在单位时间内平移的距离，单位为像素；t为单位时间，单位为秒；V是用户手指离开所述触屏区域前的滑动速度，单位为像素/秒；n为非负整数，n起始于0，每隔单位时间n增加1；a为加速度。需要说明的是，所述由于加速度是具有方向的，而加速度a的方向就是是根据上述的运动条件来确定的，如果满足上述运动条件，加速度的方向会与所述展示栏移动的方向相同，则此时加速度a就是个正数，也就是说所述展示栏在用户手指离开后会加速移出所述主界面；否则加速度a就是个负数。需要说明的是那么，可以理解当所述a为0时，所述展示栏会以用户手指离开的速度作为初速度进行匀速运动。所述加速度a可以设定为一个固定值，或是一个变量，这取决于设计者对于所述过渡效果的设计。

通过上述算法处理后，当所述操作手势满足第三预设手势时，所述展示栏就会以某一初速度开始，以匀加速的速度向外移出，就像是在边缘处有一种引力将所述展示栏拉出了主界面，从而增强了视觉过渡的效果。

此外，在本发明次选的实施例中，设计人员还可以对所述展示栏的移动预先设置一个速度作为初速度，当用户手指的运动满足上述运动条件时，展示栏将按照预设的速度匀速向远离所述菜单栏的方向从所述主界面平移出去。

但若是操作手势不匹配所述第三预设手势时，所述装置会认为用户的操作可能是误操作，从而使所述界面调整单元将所述菜单栏保持在所述第二模式，以免造成不必要的麻烦。

在优选的实施例中，将所述菜单栏保持在所述第二模式也会有很多种操作，例如，若所述展示栏已跟随所述操作手势产生移动，则所述界面调整单元根据预设吸附算法，以用户手指离开触屏区域前的速度为初速度，将所述展示栏向靠近所述菜单栏的方向平移至所述第二模式，形成一种回弹的效果；但若所述展示栏没有跟随用户手指移动，也就是说，此时主界面还是所述第二模式，则保持当前状态。

由此可见，本发明可以通过滑动触摸的方式来控制所述触摸设备执行界面调整的相关操作，相对于传统的点击操作，本发明简化了用户操作，缩短了用户设置移动的距离，并且通过跟随的运动方式以及吸附算法营造出良好的视觉效果，从而实现了更自然的互动方式，给用户带来的较佳的体验效果。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims

1.一种界面控制装置，应用于触屏设备上，其特征在于，所述装置包括：

2.如权利要求1所述的装置，其特征在于，所述第一预设手势具体为：

用户在展示栏所占触屏区域上的沿远离所述菜单栏的方向滑动；

所述第二预设手势具体为：用户手指在展示栏所占触屏区域上的沿靠近所述菜单栏的方向滑动。

3.如权利要求1所述的装置，其特征在于，所述手势集合中还包括第三预设手势；

所述界面调整单元进一步用于，在所述菜单栏处于第二模式时，若检测到的操作手势匹配所述第三预设手势，则将所述菜单栏从第二模式调整为第三模式；所述第三模式为所述展示栏关闭。

4.如权利要求3所述的装置，其特征在于，所述第三预设手势具体为：

用户手指在展示栏所占的触屏区域上沿远离所述菜单栏的方向滑动，且所述滑动距离达到预设距离或是具有达到所述预设距离的运动条件。

5.如权利要求4所述的装置，其特征在于，所述运动条件具体为：

6.如权利要求5所述的装置，其特征在于，所述预设惯性算法具体为:

Σ_0→nS_i=V₀×fⁱ×t；其中，S_i为所述展示栏在单位时间内平移的距离，单位为像素；t为单位时间，单位为秒；V₀是初速度，单位为像素/秒；f为阻尼系数，f小于等于1；i为非负整数，i小于等于n，i起始于0，每隔单位时间i增加1。

7.如权利要求3所述的装置，其特征在于，所述展示栏关闭具体为：

根据预设吸附算法，以用户手指离开触屏区域前的速度为初速度，将所述展示栏向远离所述菜单栏的方向从所述主界面平移出去；

或是按照预设速度将所述展示栏向远离所述菜单栏的方向从所述主界面匀速平移出去。

8.如权利要求7所述的装置，其特征在于，所述预设吸附算法具体为：

S=(V+n×a)×t；其中，S为所述展示栏在单位时间内平移的距离，单位为像素；t为单位时间，单位为秒；V是用户手指离开所述触屏区域前的滑动速度，单位为像素/秒；n为非负整数，n起始于0，每隔单位时间n增加1；a为加速度。

9.如权利要求3所述的装置，其特征在于，所述界面调整单元进一步用于，在所述菜单栏处于第二模式时，若检测到的操作手势不匹配所述第三预设手势，则将所述菜单栏保持在所述第二模式。

10.如权利要求9所述的装置，其特征在于，所述菜单栏保持在所述第二模式具体为：

所述界面调整单元判断所述展示栏是否有移动，若是，根据预设吸附算法，以用户手指离开触屏区域前的速度为初速度，将所述展示栏向靠近所述菜单栏的方向平移使得菜单栏保持在所述第二模式；若否，则保持当前状态。