CN104881233B - 触控界面中的滑动控制方法和装置 - Google Patents

Abstract

本发明提供了一种触控界面中的滑动控制方法，包括：侦听得到触控界面中对任一可滑动元素触发的滑动操作，所述滑动操作的滑动终点位于所述触控界面边界；获取所述滑动操作对应的滑动轨迹；根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动。此外，还提供了一种与该方法匹配的触摸屏幕中的滑动控制装置。上述触摸屏幕中的滑动控制方法和装置能使得触控界面中操控和显示相适应。

Description

触控界面中的滑动控制方法和装置

技术领域

本发明涉及计算机应用技术领域，特别涉及一种触控界面中的滑动控制方法和装置。

背景技术

各种终端设备的触摸屏幕中，触控界面常常加载了各种固定元素和可滑动元素，以实现触控界面中各种内容的表达，并根据触控界面中表达内容向可滑动元素施加各种操控操作。

然而，在对滑动元素施加各种操控操作的过程中，该操控操作可以是滑动操作，以触发可滑动元素的滑动，并显示在触控界面中。

触控界面中若可滑动元素滑动至边界时，将不无法再继续滑动，而直接停留在触控界面的边界上，不再对触发的滑动操作进行响应，因此，存在着操控和显示不相适应的局限性。

发明内容

基于此，有必要提供一种能使得触控界面中操控和显示相适应的触控界面中的滑动控制方法。

另外，还有必要提供一种能使得触控界面中操控和显示相适应的触控界面中的滑动控制装置。

为解决上述技术问题，将采用如下技术方案：

一种触控界面中的滑动控制方法，包括：

侦听得到触控界面中对任一可滑动元素触发的滑动操作，所述滑动操作的滑动终点位于所述触控界面边界；

获取所述滑动操作对应的滑动轨迹；

根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动。

在其中一个实施例中，所述根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动的步骤包括：

根据所述滑动轨迹运算得到对应的滑动距离；

按照预设的阻力系数对所述滑动距离进行阻力运算，以得到对所述触控界面中施加了阻力的滑动所对应的距离值；

按照所述距离值更新所述滑动操作对应的可滑动元素在所述触控界面的滑动。

在其中一个实施例中，所述根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动的步骤之前，所述方法还包括：

根据所述滑动轨迹判断所述滑动操作对应的滑动终点是否位于触控界面边界，若为是，则进入所述根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动的步骤。

在其中一个实施例中，所述方法还包括：

若根据所述滑动轨迹判断得到所述滑动操作对应的滑动终点位于触控界面边界，则按照所述滑动轨迹在所述触控界面更新所述滑动操作对应的可滑动元素。

在其中一个实施例中，所述侦听得到触控界面中对任一可滑动元素触发的滑动操作的步骤之前，所述方法还包括：

显示触控界面，并将可滑动元素加载于所述触控界面中

一种触控界面中的滑动控制装置，包括：

侦听模块，用于侦听得到触控界面中对任一可滑动元素触发的滑动操作，所述滑动操作的滑动终点位于所述触控界面边界；

轨迹获取模块，用于获取所述滑动操作对应的滑动轨迹；

阻力施加模块，用于根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动。

在其中一个实施例中，所述阻力施加模块包括：

滑动运算单元，用于根据所述滑动轨迹运算得到对应的滑动距离；

阻力运算单元，用于按照预设的阻力系数对所述滑动距离进行阻力运算，以得到对所述触控界面中施加了阻力的滑动所对应的距离值；

滑动更新单元，用于按照所述距离值更新所述滑动操作对应的可滑动元素在所述触控界面的滑动。

在其中一个实施例中，所述装置还包括：

边界判断模块，用于根据所述滑动轨迹判断所述滑动操作对应的滑动终点是否位于触控界面边界，若为是，则通知所述阻力施加模块。

在其中一个实施例中，所述装置还包括：

滑动模块，用于若根据所述滑动轨迹判断得到所述滑动操作对应的滑动终点位于触控界面边界时，按照所述滑动轨迹在所述触控界面更新所述滑动操作对应的可滑动元素。

在其中一个实施例中，所述装置还包括：

显示加载模块，用于显示触摸界面，并将可滑动元素加载于所述触控界面。

由上述技术方案可知，触摸界面中加载了至少一个可滑动元素，在侦听得到针对任一可滑动元素触发的滑动操作时，对于滑动终点位于触控边界的滑动操作而言，将获取滑动操作所对应的滑动轨迹，根据该滑动轨迹对触控界面中可滑动元素触发的滑动施加阻力，以将施加了阻力的可滑动元素的滑动更新在触控界面中，使得触控界面中操控和显示相适应。

附图说明

图1是一个实施例中触控界面中的滑动控制方法的流程图；

图2是图1中根据滑动轨迹对触控界面中可滑动元素触发的滑动施加阻力，并更新可滑动元素在触控界面中的滑动的方法流程图；

图3是另一个实施例中触控界面中的滑动控制方法的流程图；

图4是一个实施例中触控界面中的滑动控制装置的结构示意框图；

图5为图4中阻力施加模块的结构示意框图；

图6是另一个实施例中触控界面中的滑动控制装置的结构示意框图。

具体实施方式

体现本发明特征与优点的典型实施方式将在以下的说明中详细叙述。应理解的是本发明能够在不同的实施方式上具有各种的变化，其皆不脱离本发明的范围，且其中的说明及图示在本质上是当作说明之用，而非用以限制本发明。

如前所述，对于触控界面中显示的各种元素，即固定元素和可滑动元素，其位置以及可进行的滑动是根据界面内容和布局分别进行设置的，当可滑动元素位于触控界面边界时，将无法对该可滑动元素所触发的滑动操作进行响应，存在着当前滑动操作的触发和对该滑动操作的响应不相匹配的问题。

因此，基于以上问题，特提出了一种触控界面中的滑动控制方法。该方法依赖于计算机程序，该计算机程序将运行在计算机系统上，该计算机系统可运行于智能手机、平板电脑、个人电脑、笔记本电脑、儿童平板、家教机等终端设备中。

在一个实施例中，具体的，该方法如图1所示，包括：

步骤110，侦听得到触控界面中对任一可滑动元素触发的滑动操作，该滑动操作的滑动终点位于触控界面边界。

当前显示的触控界面包含了至少一个可滑动元素，例如，该可滑动元素可以用于实现两个触控界面之间的跳转，也可用于变换当前显示的触控界面的布局，还可用于实现其它的一些娱乐功用等。

侦听得当前显示了触控界面中某一可滑动元素对应于触摸屏幕的位置中触发了按下并移动受加点的操作，该操作即为对该可滑动元素触发的滑动操作，待其滑动终点位于触控界面边界时在受加点的移动方向上，该可滑动元素将无滑动空间。

步骤130，获取滑动操作对应的滑动轨迹。

该滑动轨迹是由在可滑动元素所对应的触摸屏幕的位置上按下所得到的起始受力点和移动的受力点形成的。

步骤150，根据滑动轨迹对触控界面中可滑动元素触发的滑动施加阻力，并更新可滑动元素在触控界面中的滑动。

当前可滑动元素所进行的滑动中，其滑动终点位于触控界面的边界上；按照该获取得到的滑动轨迹在触控界面中进行的显示将是可滑动元素在触控界面中未处于边界的两点之间的滑动。触控界面的边界对于可滑动元素而言，是可滑动元素进行滑动的范围界线，对位于边界的可滑动元素所进行的向外滑动进行阻拦，因此，对该可滑动元素触发的滑动施加阻力以使得临近触控界面边界的可滑动元素触发的滑动无法顺畅进行，延迟于该滑动轨迹，既响应了触发的滑动操作又使得所进行的响应是与其所临近的触控界面边界相适应的。

如上所述的触控界面中的滑动控制过程中，触控界面的显示以及触控界面中各元素的显示均是以帧同为单位进行刷新的，因此，如上所述的触控界面中滑动控制的执行也将是以帧为单位的。

具体的，在一帧中将侦听得到任一可滑动元素触发的滑动操作，若该滑动操作的终点为触控界面边界，将根据该滑动操作的滑动轨迹对该可滑动元素的滑动施加阻力，以为当前帧更新了施加了阻力的可滑动元素的滑动，使得用户滑动该可滑动元素到边界时，可继续滑动但也感觉到存在着一定的阻力，通过这一方式进行响应并反馈当前可滑动元素所进行的滑动已经到达触控界面的边界，从而保证了触控界面中显示的流畅性。

进一步的，在本实施例中，如图2所示，该步骤150包括：

步骤151，根据滑动轨迹运算得到对应的滑动距离。

触控屏幕中滑动操作所对应的滑动起点、滑动终点以及介于滑动起始点和滑动终点之间的滑动轨迹将是以坐标的形式进行位置标识的。也就是说，将预先为触控屏幕设置坐标系，根据滑动起始点对应的坐标（x_起始,y_起始）和滑动终点对应的坐标（x_终点,y_终点）进行运行滑动角度的运算，进而根据计算得到的滑动角度、滑动起始点对应的坐标（x_起始,y_起始）和滑动终点对应的坐标（x_终点,y_终点）再次进行运算，以得到滑动距离，详细公式如下所述：

滑动角度 = atan（（）/()）*180/π

滑动距离 = * cos（滑动角度）

步骤153，按照预设的阻力系数对滑动距离进行阻力运算，以得到对触控界面中施加了阻力的滑动所对应的距离值。

预先设置了阻力系数所对应的数值，其中，该阻力系数将是一个小于1的数值。滑动距离与阻力系数之间的乘积即为触控界面中施加了阻力的可滑动元素进行滑动所对应的距离值，即：

距离值 =滑动距离 * 阻力系数

步骤155，按照该距离值更新滑动操作对应的可滑动元素在触控界面的滑动。

在触控界面中更新相对触发的滑动操作，与原始的滑动轨迹相比较，显示了缩短的滑动轨迹，进而在视觉效果上呈现出可滑动元素的滑动受阻的效果。

进一步的，在本实施例中，如图3所示，步骤150之前，该方法还包括：

步骤210，根据滑动轨迹判断滑动操作对应的滑动终点是否位于触控界面边界，若为是，则进入步骤150，若为否，则进入步骤230。

获取滑动轨迹在触控界面中的位置，以判断其所对应的滑动终点是否位于触控界面边界，若为是，则说明需要对该可滑动元素进行的滑动施加阻力，以响应位于触控界面边界上可滑动元素的滑动，进而提示用户当前所进行的滑动已经到达触控界面边界，若为否，则直接按照滑动轨迹进行可滑动元素在触控界面上的滑动即可。

步骤230，按照滑动轨迹在触控界面更新滑动操作对应的可滑动元素。

通过如上所述的方式，将使得触控界面中对可滑动元素所进行的操控可同时兼顾两种模式，进而提高了触控界面的友好性。

在一个实施例中，该步骤110之前，如上所述的方法还包括了显示触控界面，并将可滑动元素加载于触控界面中的步骤。

触摸屏幕中，将首先进行触控界面以及触控界面中一个或者多个可滑动元素的显示，以便于用户对任一可滑动元素触发各种滑动操作。

在一个实施例中，还相应地提供了一种触控界面中的滑动控制装置，如图4所示，该装置包括侦听模块410、轨迹获取模块430和阻力施加模块450，其中：

侦听模块410，用于侦听得到触控界面中对任一可滑动元素触发的滑动操作。

当前显示的触控界面包含了至少一个可滑动元素，例如，该可滑动元素可以用于实现两个触控界面之间的跳转，也可用于变换当前显示的触控界面的布局，还可用于实现其它的一些娱乐功用等。

侦听模块410侦听得当前显示了触控界面中某一可滑动元素对应于触摸屏幕的位置中触发了按下并移动受加点的操作，该操作即为对该可滑动元素触发的滑动操作，待其滑动终点位于触控界面边界时在受加点的移动方向上，该可滑动元素将无滑动空间。

轨迹获取模块430，用于获取滑动操作对应的滑动轨迹。

该滑动轨迹是由在可滑动元素所对应的触摸屏幕的位置上按下所得到的起始受力点和移动的受力点形成的。

阻力施加模块450，用于根据滑动轨迹对触控界面中可滑动元素触发的滑动施加阻力，并更新可滑动元素在触控界面中的滑动。

当前可滑动元素所进行的滑动中，其滑动终点位于触控界面的边界上；按照该获取得到的滑动轨迹在触控界面中进行的显示将是可滑动元素在触控界面中未处于边界的两点之间的滑动。触控界面的边界对于可滑动元素而言，是可滑动元素进行滑动的范围界线，对位于边界的可滑动元素所进行的向外滑动进行阻拦，因此，阻力施加模块450对该可滑动元素触发的滑动施加阻力以使得临近触控界面边界的可滑动元素触发的滑动无法顺畅进行，延迟于该滑动轨迹，既响应了触发的滑动操作又使得所进行的响应是与其所临近的触控界面边界相适应的。

如上所述的触控界面中的滑动控制过程中，触控界面的显示以及触控界面中各元素的显示均是以帧同为单位进行刷新的，因此，如上所述的触控界面中滑动控制的执行也将是以帧为单位的。

具体的，在一帧中将侦听得到任一可滑动元素触发的滑动操作，若该滑动操作的终点为触控界面边界，将根据该滑动操作的滑动轨迹对该可滑动元素的滑动施加阻力，以为当前帧更新了施加了阻力的可滑动元素的滑动，使得用户滑动该可滑动元素到边界时，可继续滑动但也感觉到存在着一定的阻力，通过这一方式进行响应并反馈当前可滑动元素所进行的滑动已经到达触控界面的边界，从而保证了触控界面中显示的流畅性。

进一步的，如图5所示，如上所述的阻力施加模块450包括滑动运算单元451、阻力运算单元453和滑动更新单元455，其中：

滑动运算单元451，用于根据滑动轨迹运算得到对应的滑动距离。

触控屏幕中滑动操作所对应的滑动起点、滑动终点以及介于滑动起始点和滑动终点之间的滑动轨迹将是以坐标的形式进行位置标识的。也就是说，将预先为触控屏幕设置坐标系，滑动运算单元451根据滑动起始点对应的坐标（x_起始,y_起始）和滑动终点对应的坐标（x_终点,y_终点）进行运行滑动角度的运算，进而根据计算得到的滑动角度、滑动起始点对应的坐标（x_起始,y_起始）和滑动终点对应的坐标（x_终点,y_终点）再次进行运算，以得到滑动距离，详细公式如下所述：

滑动角度 = atan（（）/()）*180/π

滑动距离 = * cos（滑动角度）

阻力运算单元453，用于按照预设的阻力系数对滑动距离进行阻力运算，以得到对触控界面中施加了阻力的滑动所对应的距离值。

预先设置了阻力系数所对应的数值，其中，该阻力系数将是一个小于1的数值。滑动距离与阻力系数之间的乘积即为触控界面中施加了阻力的可滑动元素进行滑动所对应的距离值，即：

距离值 =滑动距离 * 阻力系数

滑动更新单元455，用于按照距离值更新滑动操作对应的可滑动元素在触控界面的滑动。

滑动更新单元455在触控界面中更新相对触发的滑动操作，与原始的滑动轨迹相比较，显示了缩短的滑动轨迹，进而在视觉效果上呈现出可滑动元素的滑动受阻的效果。

进一步的，在本实施例中，如图6所示，该装置包括了边界判断模块610和滑动模块630，其中：

边界判断模块610，用于根据滑动轨迹判断滑动操作对应的滑动终点是否位于触控界面边界，若为是，则通知阻力施加模块450，若为否，则通知滑动模块630。

边界判断模块610获取滑动轨迹在触控界面中的位置，以判断其所对应的滑动终点是否位于触控界面边界，若为是，则说明需要对该可滑动元素进行的滑动施加阻力，以响应位于触控界面边界上可滑动元素的滑动，进而提示用户当前所进行的滑动已经到达触控界面边界，若为否，则直接按照滑动轨迹进行可滑动元素在触控界面上的滑动即可。

滑动模块630，用于按照滑动轨迹在触控界面更新滑动操作对应的可滑动元素。

通过如上所述的方式，将使得触控界面中对可滑动元素所进行的操控可同时兼顾两种模式，进而提高了触控界面的友好性。

在另一个实施例中，如上所述的装置还包括了显示加载模块，该显示加载模块用于显示触摸界面，并将可滑动元素加载于触控界面。

触摸屏幕中，显示加载模块将首先进行触控界面以及触控界面中一个或者多个可滑动元素的显示，以便于用户对任一可滑动元素触发各种滑动操作。

虽然已参照几个典型实施方式描述了本发明，但应当理解，所用的术语是说明和示例性、而非限制性的术语。由于本发明能够以多种形式具体实施而不脱离发明的精神或实质，所以应当理解，上述实施方式不限于任何前述的细节，而应在随附权利要求所限定的精神和范围内广泛地解释，因此落入权利要求或其等效范围内的全部变化和改型都应为随附权利要求所涵盖。

Claims (8)

1.一种触控界面中的滑动控制方法，其特征在于，包括：

侦听得到触控界面中对任一可滑动元素触发的滑动操作，所述滑动操作的滑动终点位于所述触控界面边界；所述可滑动元素用于实现两个触控界面之间的跳转；

获取所述滑动操作对应的滑动轨迹；

根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动；

其中，所述施加的阻力用以使得临近所述触控界面边界的所述可滑动元素触发的滑动无法顺畅进行，延迟于所述滑动轨迹；

所述根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动的步骤包括：

根据所述滑动轨迹运算得到对应的滑动距离，即根据滑动起始点对应的坐标和滑动终点对应的坐标进行滑动角度的运算，进而根据计算得到的滑动角度、滑动起始点对应的坐标和滑动终点对应的坐标再次进行运算，以得到滑动距离；

按照预设的阻力系数对所述滑动距离进行阻力运算，以得到对所述触控界面中施加了阻力的滑动所对应的距离值；所述距离值即为所述阻力系数与所述滑动距离之间的乘积；

按照所述距离值更新所述滑动操作对应的可滑动元素在所述触控界面的滑动。

2.根据权利要求1所述的触控界面中的滑动控制方法，其特征在于，所述根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动的步骤之前，所述方法还包括：

根据所述滑动轨迹判断所述滑动操作对应的滑动终点是否位于触控界面边界，若为是，则进入所述根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动的步骤。

3.根据权利要求2所述的触控界面中的滑动控制方法，其特征在于，所述方法还包括：

若根据所述滑动轨迹判断得到所述滑动操作对应的滑动终点不位于触控界面边界，则按照所述滑动轨迹在所述触控界面更新所述滑动操作对应的可滑动元素。

4.根据权利要求1所述的方法，其特征在于，所述侦听得到触控界面中对任一可滑动元素触发的滑动操作的步骤之前，所述方法还包括：

显示触控界面，并将可滑动元素加载于所述触控界面中。

5.一种触控界面中的滑动控制装置，其特征在于，包括：

侦听模块，用于侦听得到触控界面中对任一可滑动元素触发的滑动操作，所述滑动操作的滑动终点位于所述触控界面边界；所述可滑动元素用于实现两个触控界面之间的跳转；

轨迹获取模块，用于获取所述滑动操作对应的滑动轨迹；

阻力施加模块，用于根据所述滑动轨迹对所述触控界面中所述可滑动元素触发的滑动施加阻力，并更新所述可滑动元素在所述触控界面中的滑动；

其中，所述施加的阻力用以使得临近所述触控界面边界的所述可滑动元素触发的滑动无法顺畅进行，延迟于所述滑动轨迹；

所述阻力施加模块包括：

滑动运算单元，用于根据所述滑动轨迹运算得到对应的滑动距离，即根据滑动起始点对应的坐标和滑动终点对应的坐标进行滑动角度的运算，进而根据计算得到的滑动角度、滑动起始点对应的坐标和滑动终点对应的坐标再次进行运算，以得到滑动距离；

阻力运算单元，用于按照预设的阻力系数对所述滑动距离进行阻力运算，以得到对所述触控界面中施加了阻力的滑动所对应的距离值；所述距离值即为所述阻力系数与所述滑动距离之间的乘积；

滑动更新单元，用于按照所述距离值更新所述滑动操作对应的可滑动元素在所述触控界面的滑动。

6.根据权利要求5所述的装置，其特征在于，所述装置还包括：

边界判断模块，用于根据所述滑动轨迹判断所述滑动操作对应的滑动终点是否位于触控界面边界，若为是，则通知所述阻力施加模块。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

滑动模块，用于若根据所述滑动轨迹判断得到所述滑动操作对应的滑动终点不位于触控界面边界时，按照所述滑动轨迹在所述触控界面更新所述滑动操作对应的可滑动元素。

8.根据权利要求5所述的装置，其特征在于，所述装置还包括：

显示加载模块，用于显示触摸界面，并将可滑动元素加载于所述触控界面。