图形用户界面交互方法及触摸终端与流程

文档序号:12595662阅读:539来源:国知局
图形用户界面交互方法及触摸终端与流程

本发明涉及用户界面交互技术领域,特别是涉及一种图形用户界面交互方法及触摸终端。



背景技术:

手机、平板电脑等触摸终端,由于采用触摸操作大大便利了人们与终端设备的交互,手机和平板电脑等触摸终端已经成为人们日常办公、娱乐的常用设备。

但是,现有技术中,用户界面的交互,除了满足基本操作功能的交互外,功能比较单一,尤其是应用图标本身没任何变化、各个应用图标之间也缺乏一定的联系,通常图标所在的背景板是不会随着用户操作图标的变化而相应的变化,给用户呆板的感觉,缺乏灵活和乐趣。



技术实现要素:

本发明提供一种图形用户界面交互方法及触摸终端,通过3D应用图标的交互,提升用户操控体验,增强用户界面的易用性、灵活性和乐趣性。

为解决上述技术问题,本发明采用的一个技术方案是:一种图形用户界面交互方法,应用于触摸终端,所述触摸终端屏幕的用户界面上显示有背景板以及悬浮于所述背景板的3D应用图标,所述方法包括:

检测操作体在所述触摸终端屏幕上针对选定的3D应用图标输入的操作信息;

根据所述检测到的操作信息确定所述操作体的操作类型;

根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作。

为解决上述技术问题,本发明采用的一个技术方案是:

一种触摸终端,所述触摸终端屏幕的用户界面上显示有背景板以及悬浮于所述背景板的3D应用图标,所述触摸终端还包括:

第一检测模块,用于检测操作体在所述触摸终端屏幕上针对选定的3D应用图标输入的操作信息;

确定模块,用于根据所述检测到的操作信息确定所述操作体当前的操作类型;

执行模块,用于根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作。

为解决上述技术问题,本发明采用的一个技术方案是:

提供一种触摸终端,包括处理器、屏幕和总线,所述处理器和屏幕均与所述总线连接;所述触摸终端屏幕的用户界面上显示有背景板以及悬浮于所述背景板的3D应用图标;

所述处理器用于检测操作体在所述屏幕上针对选定的3D应用图标输入的操作信息,并根据所述检测到的操作信息,确定所述操作体当前的操作类型,根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作。

本发明实施例中,根据操作信息确定操作类型,以及根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作,实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。

附图说明

图1是本发明触摸终端的用户界面的示意图;

图2是本发明3D应用图标悬浮于背景板的示意图;

图3是本发明3D应用图标交互方法第一实施例的流程图;

图4是本发明3D应用图标交互方法第二实施例的流程图;

图5是本发明在触摸终端上上下滑动打开子级功能的示意图;

图6是本发明改变3D应用图标的位置的示意图;

图7是本发明生成新文件夹的示意图;

图8是本发明删除3D应用图标的示意图;

图9是本发明操作体吸起3D应用图标的示意图;

图10是图9中本发明操作体离开屏幕时3D应用图标下沉的示意图;

图11是本发明3D应用图标交互方法第三实施例的流程图;

图12是本发明触摸终端第一实施例的结构示意图;

图13是本发明触摸终端第二实施例的结构示意图;

图14是本发明触摸终端第三实施例的结构示意图。

具体实施例

下面结合附图和实施例对本发明进行详细说明。

需要说明的是,如果不冲突,本发明实施例中的各个特征可以相互结合,均在本发明的保护范围之内。另外,虽然在装置示意图中进行了功能模块划分,在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于装置中的模块划分,或流程图中的顺序执行所示出或描述的步骤。

为便于理解本发明实施例,在开始描述本发明的各个实施例之前,对本发明的所有实施例中涉及到的一些术语进行解释。具体的,在本发明所有实施例中,触摸终端包括诸如计算机、PDA、平板电脑、MP4、智能手机,电纸书等采用用户界面(UI,User Interface)实现人机交互的设备。触摸终端的屏幕上显示有3D应用图标,所谓3D应用图标,指的是具有3D显示效果的应用程序图标,即APP图标。所谓选定的3D应用图标是指用户从当前用户界面上显示的3D应用图标中选择的3D应用图标。

请结合图1和图2,触摸终端的用户界面上显示有背景板11以及悬浮于背景板11的3D应用图标12,背景板由多个多面体111组合而成,其中,当触摸终端未接收到任何操作体的操作信息之前,当前显示的背 景板11的多个多面体111处于无缝拼接状态。

用户可对触摸终端中显示的用户界面进行操作,触摸终端可根据用户的操作体进行响应,实现图形用户界面的交互。由于触摸终端的用户界面上显示有多个3D应用图标,下面,通过具体的实施例来详细描述本发明实施例的图形用户界面交互方法。

请参阅图3,图3是本发明图形用户界面交互方法第一实施例的流程图,该图形用户界面交互方法包括:

步骤S201,检测操作体在触摸终端屏幕上针对选定的3D应用图标输入的操作信息;

操作体是指触摸屏幕时触摸终端产生操作信号的触摸载体,其可以为触摸笔、触摸手套、手指等等,屏幕上的3D应用图标指的是应用程序的图标,不包括widget图标或者是文件夹图标。

步骤S202,根据检测到的操作信息确定所述操作体的操作类型;

操作信息包括:操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息。其中,操作体接触屏幕的时间信息是指操作体接触屏幕的时长信息,操作体在屏幕上的运动轨迹信息是指操作体接触屏幕并在屏幕上滑动的相关信息。

步骤S203,根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作。

本发明实施例中,根据操作信息确定操作类型,根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行确定的操作类型确定的操作,实现了3D应用图标的动态交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。

上述实施例中,根据所述背景板和3D应用图标的变化信息对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作,由于不同操作触发产生不同操作类型,触摸终端根据不同操作类型,响应不同内容。

其中,操作体的操作类型包括:单击操作、快捷设置操作、快捷启动操作、左右滑动操作、图标吸附操作或图标移动操作中的一种或多种。

其中,根据检测到的操作信息,确定操作体当前的操作类型的步骤,即执行步骤S202时,如图4所示,可以包括:

步骤S2021,当操作体接触屏幕的时间小于预设的第一时间阈值时,判断操作体在屏幕上是否存在运动轨迹,若没有运动轨迹,则进入步骤S2022;

若存在运动轨迹且运动轨迹为上下位移时,进一步进入步骤S2023:判断在上下位移完成后操作体接触屏幕不动的时间是否小于预设的第二时间阈值,若在上下位移完成后操作体接触屏幕不动的时间小于预设的第二时间阈值时,则进入步骤S2024;若存在运动轨迹且运动轨迹为上下位移,并且在上下位移完成后操作体接触屏幕不动的时间达到预设的第二时间阈值时,则进入步骤S2025;

若存在运动轨迹且运动轨迹为左右位移,则进入步骤S2026。

步骤S2022:确定操作体当前的操作类型为单击操作;

步骤S2024:确定操作体当前的操作类型为快捷启动操作;

步骤S2025:确定操作体当前的操作类型为快捷设置操作;

步骤S2026:确定操作体当前的操作类型为左右滑动操作;

又或者,当操作体长按屏幕不动(即:操作体接触屏幕且无运动轨迹)的时间大于或等于预设的第一时间阈值时,判断操作体在离开屏幕之前是否存在运动轨迹,若不存在运动轨迹,则确定操作类型为图标吸附操作操作,若操作体在离开屏幕之前有运动轨迹时,则确定操作类型为图标移动操作。

需要说明的是,长按用户界面上的位置不同,3D应用图标下沉的方式也可以不一样,例如:当长按的是用户界面上的空白区域时,并且判断长按的时长超过第一时间阈值时,则用户界面上的3D应用图标一起下沉至屏幕的下方,同时伴随着背景板分离成多个多面体,下沉的3D应用图标悬浮在对应多面体上。当长按的是用户界面上的3D应用图标时,则被操作的3D应用图标开始下沉,在判断到长按的时长超过一定时间时,用户界面上的其余应用图标才一起下沉至屏幕的下方,同时伴随着背景板分裂成多个多面体,下沉的3D应用图标则悬浮在对应多面 体上。

当操作类型为单击操作时,则启动选中的3D应用图标对应的应用,则步骤S203又可具体为:当操作类型为单击操作时,则执行晃动选中的3D应用图标,启动选中的3D应用图标对应的应用的操作。

当操作类型为快捷设置操作时,则执行3D应用图标的快捷设置操作。

当操作类型为上下滑动操作且滑动区域存在一3D应用图标时,则执行启动所述3D应用图标子级功能的操作。

在这里需要说明的一点,为达到上下滑动3D应用图标操作时可以直接启动该3D应用图标子级功能的目的,需要预先生成操作命令与直接启动某一3D应用图标子级功能的映射关系,并保存在触摸终端中,以便在触摸终端接收到相应操作命令时,能够响应直接启动子级功能。

若执行的是快捷设置操作,步骤S203又可具体为:生成3D应用图标子级功能与快捷启动该应用程序子级功能的预设信号的对应关系。优选的,生成该对应关系包括:接收针对选定3D应用图标输入的快捷启动该上下滑动区域内3D应用程序子级功能的预设信号,并显示上下滑动区域内3D应用图标对应的子级功能列表,以及接收从子级功能列表中选择的子级功能,建立输入的预设信号与选择的子级功能之间的对应关系并存储。在退出快捷设置操作之前,所述背景板分裂为多个多面体,所述3D应用图标下沉于所述对应的多面体上;在退出快捷设置操作时,所述多个多面体无缝拼接,所述3D应用图标上浮。

预设信号可以是任一滑动方向的滑动操作,例如向上滑动、向下滑动、向左滑动、向右滑动或者其它方向的滑动操作。在具体操作时,用户可以通过按住某一3D应用图标(该被按住的3D应用图标即为选定操作的3D应用图标),并选择任一个方向执行滑动操作,例如:用户向上或向下执行滑动操作,即可输入快捷启动该选定3D应用子级功能的预设信号。触摸终端接到预设信号之后,会响应于接收到的快捷启动该选定应用程序子级功能的预设信号,显示该滑动操作所选中图标对应的子级功能列表。显示滑动操作所选中3D应用图标的子级功能列表,用户 可从子级功能列表选中子级功能,在选中子级功能后建立子级功能与预设信号之间的对应关系。例如:用户对微信图标执行向上滑动操作之后,显示的是微信图标的二级应用列表,二级应用列表包括:扫一扫子级功能、摇一摇子级功能、朋友圈子级功能、附近的人子级功能,从二级应用列表中选中扫一扫子级功能后,则建立扫一扫子级功能与向上滑动操作之间对应关系,并将该对应关系存储起来,此时快捷启动设置完成。

需要说明的是:在弹出子级功能列表且用户选择了某一子级功能之后,即完成快速启动设置之后,触摸终端的响应方式有三种:

第一种是:一旦用户选择了某一子级功能时,当前的子级功能列表自动消失,返回操作前图形用户界面;

第二种是:用户可点击非当前子级功能列表所在的区域,此时子级功能列表消失,电子设备返回操作前图形用户界面。在此种方式下,子级功能列表所在区域与非子级功能列表所在区域可通过阴影技术进行区分,以作提示。

第三种是:用户选择硬件按键返回快捷设置操作前界面;用户可按硬件按键的方式返回操作前图形用户界面,例如按返回键(home健)的方。

进一步的,为保证每一个预设信号仅对应一个选定应用程序下的子级功能,因此在对同一APP图标进行多次快捷启动设置时,还需要考虑该多次设置是否存在覆盖关系。例如,若第一次将微信图标向上滑动操作时设置为二级子级功能摇一摇的快捷启动方式。若第二次将微信图标执行向上滑动操作时设置为二级应用朋友圈的快捷启动方式,则此时电子设备应将后一次的设置覆盖前一次的设置,即将执行微信图标的向上滑动设置为二级子级功能朋友圈的快捷启动方式,此种情况下,如不覆盖,则会出现系统错误影响用户体验。例如,若第一次将微信图标向上滑动操作时设置为二级子级功能摇一摇的快捷启动方式,若第二次将微信图标向下滑动操作时设置为二级子级功能摇一摇的快捷启动方式。此种情况下,第二次的设置不需要覆盖第一次的设置,如此则使得用户在执行向上滑动微信图标和向下滑动微信图标时,均可以启动摇一摇这个 二级应用。由此可见,判断当前快捷启动设置方式是否覆盖前次快捷启动设置方式的基准是:当前快捷启动设置方式的滑动方向与前次快捷启动设置方式的滑动方向是否一致,若一致,则当前快捷启动设置覆盖前次快捷启动设置;反之,则不覆盖。

若执行的是快捷启动操作,在启动子级功能后,可以直接显示滑动区域的3D应用图标对应子应用的用户界面,无需多步操作才能进入子级应用,非常方便。也就是说,在启动子级功能时,具体可以为:沿滑动方向翻转3D应用图标对应多面体,在多面体的另一表面显示子级功能对应的图标,以提示当前启动的子级功的能,如图5所示,并启动该子级功能,以及显示子级功能的用户界面。

当操作类型为左右滑动操作时,则执行切屏操作,步骤S203又可具体为:当操作类型为左右滑动操作时,则执行切换屏幕操作。进一步的,触摸终端在做切屏时,可根据操作体的滑动参数进行切屏,则步骤S203又可具体为:获取操作体的滑动参数,判断滑动参数是否大于预设参数阈值,若大于预设参数阈值,则执行切换屏幕操作,若判断滑动参数小于或者等于预设参数阈值,则弹回,切屏失败。当然,在切屏时还可以根据滑动方向进行切屏,例如:向左滑动时,切换为左边用户界面的图标,向右边滑动时,切换为右边用户界面的图标。触摸终端还可在切屏的过程中显示不同切屏效果,以增强趣味性,例如:在背景板为一三维旋转结构时,所述当前用户界面显示的所述背景板为三维旋转结构的一个表面,通过翻转整个三维旋转结构,从三维旋转结构的一个表面切换到三维旋转结构的另一表面,从而切换在屏幕上显示的3D应用图标;或者,通过各个多面体各自翻转,从多面体的一个表面翻转到另一个表面,从而切换在屏幕上显示的3D应用图标;或者,3D应用图标从屏幕外飞入显示屏幕实现切屏。

操作体触发切屏操作之后,背景板分裂为多个多面体,3D应用图标朝背景板方向下沉,在切换至新的用户界面的时候,分裂的多个多面体再次无缝拼接,且3D应用图标上浮。即:当操作类型为左右滑动操作时,则执行切屏操作,包括:执行切换屏幕操作,将当前显示的3D应 用图标及背景板对应切换成新的3D应用图标及背景板;

切换屏幕过程中,将所述背景板分裂为多个多面体,将所述3D应用图标收缩并下沉于所述屏幕及与该3D应用图标对应的多面体之间;

切换成新的3D应用图标及背景板后,多个多面体无缝拼接,且3D应用图标上浮。

当操作类型为图标吸附操作时,步骤S203又可具体为:执行将图标吸附于操作体的操作。

当操作类型为图标移动操作时,步骤S203又可具体为:根据操作体的运动轨迹信息执行选中的3D应用图标的移动操作;

对于第一时间阈值可以根据实际情况设定,例如:3秒、5秒等等。移动操作用于改变用户界面中3D应用图标的排列,在本实施例中,图标移动操作包括:图标位置替换操作、图标位置变化操作、创建文件夹操作和删除图标操作。

请参阅图6,当操作类型为图标移动操作时,步骤S203又具体为:当运动轨迹为从操作体当前吸附的3D应用图标位置运动到另一图标位置上方并停顿一预定时间后释放操作体时,此时操作体离开屏幕,执行图标位置替换操作。其中,图标位置替换操作包括当操作体当前吸附的3D应用图标从其初始位置运动至被替换图标上方时,被替换图标被挤出来并运动到操作体当前吸附的3D应用图标的初始始位置,且操作体当前所吸附的3D应用图标下沉于被替换图标的位置,与被替换图标实现位置互换;或者,当操作体当前吸附的3D应用图标从其初始位置运动至被替换图标上方时,被替换图标沉入逐渐隐退并沉入多面体,且该被替换图标在操作体当前所吸附的3D应用图标的初始位置逐渐显现。而操作体当前所吸附的3D应用图标下沉于被替换图标的位置,替换被替换图标,与被替换图标实现位置互换。

当操作类型为图标移动操作时,步骤S203又具体为:当运动轨迹为从操作体当前吸附的3D应用图标的初始位置运动到一空白多面体上方并停顿一预定时间后释放操作体时,此时操作体离开屏幕,并执行图标位置变化操作。其中,执行图标位置变化操作,包括:当操作体当前 吸附的3D应用图标从初始位置运动至空白多面体上方且操作体离开屏幕后,被操作体吸附的3D应用图标下沉于该空白多面体,如图13所示。

可以理解的是,在图标位置替换操作及图标位置变化操作中,为保证在图标位置改变之后,上下滑动该图标时仍能够实现直接启动该图标子级功能,在执行图标位置替换操作或图标位置变化操作时,触摸终端后台同时需要改变该图标子级功能与图标所处屏幕位置的映射关系。具体来说,在图标1未改变其在屏幕上的位置前,假设图标1子级功能与屏幕位置1之间建立了映射关系,那么当图标1由屏幕位置1改变至屏幕位置2时,图标1子级功能应消除其与屏幕位置1之间的映射,并建立其与屏幕位置2之间的映射关系。

当操作类型为图标移动操作时,步骤S203又具体为:当运动轨迹为从操作体当前吸附的3D应用图标的初始位置运动到具有图标的另一多面体上方且未在该多面体上的图标上方时,则执行创建文件夹操作。其中,在执行创建文件夹操作时具体包括:当操作体当前吸附的3D应用图标从其初始位置运动到上方具有图标的另一多面体上方且未在该多面体上的图标上方时,该多面体上方的原图标变小,操作体吸附过来的3D应用图标沉入该多面体上且变小,并同所述多面体上的原图标一起放置于新创建的文件夹中,如图7所示。例如:拖动当前3D应用图标到另一个3D应用图标所在的多面体体的边缘,此时3D应用图标会被自动吸入并与原来的3D应用图标缩放到一起构成新的文件夹。

当操作类型为图标移动操作时,步骤S203又具体为:当运动轨迹为从操作体当前吸附的初始位置运动到图标删除位置区域时,则执行删除图标操作。其中,执行删除图标操作包括:当操作体当前吸附的3D应用图标被移动到图标删除位置区域的边缘时,被吸附的3D应用图标被图标删除位置区域吸入而消失,如图8所示。在本实施例中,图标删除位置还可显示碎纸机图标及删除字样,以方便用户寻找图标删除位置区域。

当操作类型为图标吸附操作时,步骤S203又可具体为:

使被触按的3D应用图标往屏幕方向上浮预设高度。例如:若操作 体选中一3D应用图标,此时该3D应用图标和其对应的多面体将上浮靠近背景板,而其余未被操作体选中的3D应用图标及对应多面体的位置则保持不变,被选中的3D应用图标呈现一种被操作体吸起来的感觉,但此时3D应用图标不会凸出屏幕,且与该被吸附的3D应用图标对应的多面体相对其他对面体往屏幕方向上浮,如图9所示。当操作体松开并释放该3D应用图标时,该3D应用图标下沉,且与该3D应用图标对应的多面体也下沉,如图10所示。随后所有3D应用图标上浮并凸出屏幕显示(在不是视差图的情况下,所有3D应用图标呈现上浮的视觉效果,但不凸出屏幕显示),同时背景板的多个多面体再次无缝拼接。

在确定操作类型为图标吸附操作或图标移动操作且操作体未离开屏幕之前,背景板分裂成多个多面体,3D应用图标收缩并下沉于屏幕及与3D应用图标对应的多面体之间。当操作体离开屏幕之后,分裂的多个多面体又再次无缝拼接。在操作类型为左右滑动操作时,背景板分裂成多个多面体,3D应用图标收缩并下沉于屏幕及与3D应用图标对应的多面体之间,随后多个分裂的多面体再次无缝拼接,下沉的3D应用图标上浮,回复至初始状态。

上述切屏操作、图标吸附操作和图标移动操作过程中出现多个多面体分裂时,多面体之间通过间隔特征来区隔,具体该间隔特征可为分割标识符,以使得多面体之间分离的间隔效果更显著,在本实施例中,优选的,分割标识符为具有深度信息的分裂线。

可以理解的是,在将背景板分裂为多个多面体和将多个多面体无缝拼接形成一体时,具体可以采取如下方法:

背景板由多个具有三维空间位置关系的多面体拼接而成,具体可以是以屏幕预定位置(例如左上角)为坐标系原点建立三维坐标,各个多面体都分别具有一在三维坐标中位置固定的固定点(例如中心点),当终端接收到触发各个多面体收缩或放大的触发信号(例如切换屏幕操作的触发信号、图标吸附操作的触发信号或图标移动操作的触发信号等)的时候,各个多面体在预定时间内围绕其各自的固定点收缩至预设大小而使得各个多面体之间出现具有深度信息的裂缝,进而使得各个多面体 之间具有间隔特征,或各个多面体在预定时间内围绕其各自的固定点放大至预定大小而使得各个多面体之间回复至初始的无缝拼接状态。例如:分裂的时候,各多面体沿自身的某一位置(例如中心位置)向内收缩,并在预定时间内完成预定幅度的收缩,例如在0.2秒之内完成收缩,收缩完成时收缩幅度达到原多面体大小的2%;收缩的同时,各多面体表面边缘自动形成圆形的倒角,倒角半径大小为此时刻收缩幅度的大小,从而使多面体之间产生裂缝。此外,收缩过程可以模拟一些物理效果,比如加减速效果、震动效果以及颜色、相对位置的变化等效果,从而达到增加乐趣与观感的效果。以上收缩时间、收缩幅度、倒角半径、收缩效果等可在触摸终端中自定义设置。显而易见,当多个多面体之间具有深度信息的裂缝的时候,还可以在这些裂缝中设置具有不同于多面体的其他间隔体,从而起到背景板和3D应用图标动态交互变化的效果。

进一步的,在操作体尚未接触触摸终端时,随着操作体靠近图标,与操作体对应的3D应用图标会逐渐下沉,以使在视角效果上产生操作体按下3D应用图标的视角效果;另外,在操作体靠近图标时图标作下沉处理,也方便用户获知即将操作那个应用程序,有利减少误操,因此则在步骤S201之前,还需要根据操作体与触摸终端屏幕之间的距离,执行3D应用图标下沉处理操作。

由于在前述中已经描述,3D应用图标的实现方式有三种,但只有采用视差图像的方式形成的3D应用图标能够凸出于触摸终端的屏幕显示。本发明实施例中所说的凸出于触摸终端屏幕的显示,指的是视差图像入射人眼后能够形成的凸出屏幕的显示效果,该显示效果是用户的主观视效。因此,在执行根据操作体与触摸终端屏幕之间的距离,执行3D应用图标下沉处理操作时,需要根据3D应用图标是否能凸出于屏幕显示,按照不同的方式执行下沉处理操作。

当采用分层技术形成或3D建模技术形成具有立体效果的3D应用图标时,由于3D应用图标始终不会呈现出凸出屏幕的显示效果,因此触摸终端在检测到操作体与屏幕之间的距离减小时,通过一些渲染手段,使得3D应用图标看起来像被按下一样。

请参阅图11,当采用视差图像的方式形成3D应用图标时,3D应用图标凸出或凹进屏幕的显示效果可以通过调整3D应用图标的深度信息来实现,即在步骤S201之前,该方法还可以包括:

步骤S101:检测操作体与屏幕之间的距离;

操作体与屏幕之间的距离可以通过触摸终端内设置的悬浮触控传感器来检测。其中,悬浮触控传感器存在一个最大感测距离,当操作体与屏幕之间的距离大于悬浮触控传感器的最大感测距离时,悬浮触控传感器无法感测操作体与屏幕之间的距离。而悬浮触控传感器的最大感测距离大于应用图标凸出屏幕的最大距离为佳。

步骤S102:判断操作体与屏幕之间的距离是否小于3D应用图标凸出于屏幕的最大距离,若小于,则进入步骤S103,否则不处理;

步骤S103:调整3D应用图标凸出于屏幕的距离;当操作体往屏幕方向移动时,则产生使该3D应用图标往背景板方向下沉的显示效果,当操作体远离屏幕方向时,则产生3D应用图标往屏幕外方向凸起的显示效果。

优选的,使该3D应用图标往背景板方向下沉包括:调整3D应用图标凸出于屏幕的距离为操作体与屏幕之间的距离。其中,3D应用图标凸出于屏幕的距离等于操作体与屏幕之间的距离相当于操作体触碰到3D应用图标,从视角效果上看,操作体接触3D应用图标,3D应用图标由于被操作体下按,而产生下沉,使得本发明具有更好的3D交互效果。

在调整3D应用图标凸出屏幕的距离的过程中,可以先调整触摸终端用户界面上显示的所有3D应用图标的凸出屏幕的距离,然后再单独调整被操作体操控的3D应用图标凸出屏幕的距离。优选地,可以将3D应用图标凸出于屏幕的距离调整为操作体与屏幕之间的距离,这样则不会出现操作体穿过3D应用图标的效果。可以理解的是,在调整3D应用图标凸出屏幕的距离的过程中,还可以同时调整3D应用图标在X-Y方向上的尺寸。另外,在3D应用图标的下沉过程中,操作体触控3D应用图标的不同位置,3D应用图标还会出现不同程度的晃动。并且,在操作体操控该应用图标的过程中,该操作体指示的3D应用图标和周围未被 操作体选中的3D应用图标可以有一个联动的变化过程,例如在操作体点击了3D应用图标之后,该3D应用图标周围的3D应用图标也会发生变化,就像水滴引起的涟漪一样。例如,操作体操控的应用程序的图标在晃动的过程中,也会带动周围应用图标的晃动。当应用图标下沉到屏幕上,此时应用图标凸出屏幕的距离为0。若松开操作体,则高亮显示该应用图标并打开其所对应的应用程序。此时,触摸终端还会使该应用图标自动上浮,使该应用图标凸出屏幕的距离恢复到初始状态,以便用户在退出该应用图标对应的应用程序时,能使应用图标保持原样。

为了使3D应用图标的3D效果更佳,触摸终端屏幕的用户界面上还显示有3D应用图标的投影,投影的大小或者形状根据时间和/或日期,结合预设变化模型变化。用户界面上的应用图标随着时间的变化而具有不同的投影变化,使得应用图标的表现形式丰富化和多样化,提高了用户界面应用图标显示时的乐趣性。

图1-图11中,详细描述了图形用户界面的交互方法,下面,将结合图12-14,对采用了上述交互方法的触摸终端进行描述。

请参阅图12,图12是本发明触摸终端第一实施例的结构示意图。触摸终端的屏幕的用户界面上显示有背景板以及悬浮于背景板的3D应用图标,触摸终端40还包括第一检测模块41、确定模块42、和执行模块43。

第一检测模块41用于检测操作体在所述触摸终端屏幕上针对选定的3D应用图标输入的操作信息。确定模块42用于根据检测到的操作信息确定所述操作体当前的操作类型。执行模块43用于根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作。

在本实施例中,操作信息包括:操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息,其中,操作体接触屏幕的时间信息是指操作体接触屏幕并且固定不动的时长,操作体在屏幕上的运动轨迹信息是指操作体接触屏幕并在屏幕上滑动的相关信息。

本发明实施例中,根据操作信息确定操作类型,再根据操作类型对 应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作,实现了3D应用图标的动态交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。

请参阅图13,图13是本发明触控终端第二实施例的结构示意图。触摸终端50还包括第一检测模块51、确定模块52和执行模块53。

第一检测模块51用于检测操作体在所述触摸终端屏幕上针对选定的3D应用图标输入的操作信息。确定模块52用于根据检测到的操作信息确定所述操作体当前的操作类型。执行模块53用于根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作。在本实施例中,操作信息包括:操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息,其中,操作体接触屏幕的时间信息是指操作体接触屏幕并且固定不动的时长,操作体在屏幕上的运动轨迹信息是指操作体接触屏幕并在屏幕上滑动的相关信息。

由于不同操作触发产生不同操作类型,不同操作类型触发执行不动的操作,从而响应不同容。

确定模块52包括第一判断单元521a、第二判断单元521b、第三判断单元521c、第一确定单元522、第二确定单元523和第三确定单元524、第四确定单元525、第五确定单元526和第六确定单元527。

第一判断单元521a用于当操作体接触屏幕的时间小于预设的第一时间阈值时,判断操作体在屏幕上是否存在运动轨迹。

第一确定单元522用于在第一判断单元521a判断到没有运动轨迹时,确定操作体当前的操作类型为单击操作。

第二判断单元521b用于判断操作体在预设的第二时间阈值内是否持续接触屏幕不动。

第二确定单元523用于在第一判断单元521a判断到操作体存在运动轨迹且运动轨迹为上下位移操作,且在完成上下位移后根据第二判断单元521b的判断为持续接触屏幕不动(即:完成上下位移后还接触屏幕不动的时间达到第二时间阈值),则确定操作体当前操作类型为快捷 设置操作。

第三确定单元524用于在第一判断单元521a判断到存在运动轨迹且运动轨迹为上下位移,且在完成上下位移后根据第二判断单元521b的判断不是持续接触屏幕不动(即:完成上下位移后接触屏幕不动的时间达不到第二时间阈值),则确定操作体当前的操作类型为快捷启动操作。

第四确定单元525在第一判断单元521a判断到存在运动轨迹且运动轨迹为快速的左右位移操作,确定操作体当前操作类型为左右滑动操作。

第三判断单元521c用于判断操作体接触屏幕不动的时间是否大于等于预设的第一时间阈值,且同时判断操作体离开屏幕前是否有运动轨迹;

第五确定单元526用于在第三判断单元521c判断出操作体接触屏幕不动的时间大于等于预设的第一时间阈值且无运动轨迹时,确定操作体当前的操作类型为图标吸附操作;

第六确定单元527用于在第三判断单元521c判断出操作体接触屏幕不动的时间大于等于预设的第一时间阈值且有运动轨迹时,确定操作体当前的操作类型为图标移动操作

执行模块53包括第一执行单元531、第二执行单元532、第三执行单元533、第四执行单元534、第五执行单元535和第六执行单元536。

第一执行单元531,用于当操作类型为单击操作时,则执行晃动选中的3D应用图标,启动选中的3D应用图标对应的应用的操作。

第二执行单元532用于当操作类型为快捷启动操作时,执行启动选中的3D应用图标对应子级功能的操作。进一步的,启动子级功能后,可以在3D应用图标的原位置上显示子级功能,无需进行进入子级功能的操作,非常方便,此外,第二执行单元532又具体为显示子级功能对应的图标,以提示当前启动的子级功能,并启动子级功能,以及显示子级功能的用户界面。

第三执行单元533用于当操作类型为快捷设置操作时,生成选中的 3D应用图标子级功能与快捷启动该应用程序子级功能的预设信号的对应关系。

第四执行单元534用于当操作类型为左右滑动操作时,执行切换屏幕操作。

第五执行单元535用于当操作类型为图标吸附操作时,执行将图标吸附于操作体的操作。

第六执行单元536用于当操作类型为图标移动操作时,执行图标的移动操作。

为了使触摸终端的3D显示效果更佳,则第四执行单元534又可具体为:将背景板分裂为多个多面体,使3D应用图标分别收缩并下沉至与其对应的多面体上,随后,多个多面体再无缝拼接,用户界面上的3D应用图标上浮,回复至初始位置。多面体之间通过分割标识符来表征,以使得多面体之间分离更显著,在本实施例中,分割标识符为具有深度信息的分裂线。

为了使触摸终端的3D显示效果更佳,则第五执行单元535又可具体为:将背景板分裂为多个多面体,使3D应用图标分别收缩并下沉至与其对应的多面体上,在操作体离开屏幕后,多个多面体再无缝拼接,用户界面上的3D应用图标上浮,回复至初始位置。多面体之间通过分割标识符来区隔,以使得多面体之间分离的效果更显著,在本实施例中,分割标识符为具有深度信息的分裂线。

为了使触摸终端的3D显示效果更佳,则第六执行单元536又可具体为:将背景板分裂为多个多面体,使3D应用图标分别收缩并下沉至与其对应的多面体上,在操作体离开屏幕后,多个多面体再无缝拼接,用户界面上的3D应用图标上浮,回复至初始位置。多面体之间通过分割标识符来区隔,以使得多面体之间分离的效果更显著,在本实施例中,分割标识符为具有深度信息的分裂线。

进一步的,在3D应用图标为具有视差信息的3D应用图标,且在操作体操作3D应用图标之前,3D应用图标凸出于屏幕显示时,本发明还可模拟按下3D应用图标的3D操作效果,则触控终端50还包括第二检 测模块和调整模块。

第二检测模块用于检测操作体与屏幕之间的距离。调整模块用于在操作体与屏幕之间的距离小于3D应用图标凸出于屏幕的最大距离,调整3D应用图标凸出于屏幕的距离,使该3D应用图标产生往背景板方向下沉或朝屏幕外方向凸起的显示效果。在3D应用图标往背景板方向下沉或朝屏幕外方向凸起的过程中,保持3D应用图标凸出于屏幕的距离等于操作体与屏幕之间的距离,使得从视角效果上看,3D应用图标由于操作体下按,而产生下沉,由于操作体远离,而产生凸起,则调整模块又具体用于调整3D应用图标凸出于所述屏幕的距离等于操作体与屏幕之间的距离。

为了使3D效果更佳,背景板上还显示有图标的投影,其中,投影的大小或者形状根据时间和/或日期,结合预设变化模型变化。

本发明实施例中,根据操作信息确定操作类型,以及根据操作类型对应变化显示所述背景板和所述3D应用图标,并执行所述确定出的操作类型对应的操作,实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。

请参阅图14,图14是本发明触摸终端第三实施例的结构示意图,触摸终端包括处理器601、屏幕602和总线603。处理器601与屏幕602均与总线603连接。所述处理器601和屏幕602均与所述总线603连接;所述触摸终端屏幕的用户界面上显示有背景板以及悬浮于所述背景板的3D应用图标;所述处理器601用于检测操作体在所述屏幕602上针对选定的3D应用图标输入的操作信息,并根据所述检测到的操作信息,确定所述操作体当前的操作类型。需要说明的是,在操作体操作3D应用图标之前,3D应用图标凸出于所述屏幕显示。此时,处理器601还用于检测操作体与屏幕602之间的距离,若操作体与屏幕602之间的距离小于3D应用图标凸出于屏幕602的最大距离,则调整3D应用图标凸出于屏幕602的距离,使该3D应用图标往背景板方向下沉。

当然,处理器601还可执行其它操作,以使触摸终端60还可以完 成其它功能,对于处理器601所执行的其它操作可以参阅触摸终端实施例,此处不再一一赘述。

以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1