应用于触摸终端的3D应用图标交互方法及触摸终端与流程

文档序号:12596177阅读:172来源:国知局
应用于触摸终端的3D应用图标交互方法及触摸终端与流程

本发明涉及3D处理技术领域,特别是涉及一种应用于触摸终端的3D应用图标交互方法及触摸终端。



背景技术:

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

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



技术实现要素:

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

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

一种应用于触摸终端的3D应用图标交互方法,其特征在于,所述触摸终端的显示模式包括使用模式和图标编辑模式,在使用模式下,所述触摸终端屏幕的用户界面上显示有背板以及悬浮于所述背板的3D应用图标,所述方法包括:

检测操作体针对所述3D应用图标输入的操作信息;

根据所述检测到的操作信息以及所述触摸终端当前所处的显示模式,确定所述操作体当前的操作类型;

根据所述确定出的操作类型,对所述3D应用图标进行变形处理, 以及执行所述确定出的操作类型对应的操作;

其中,所述3D应用图标的立体效果是采用分层技术实现的。

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

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

获取模块,用于获取所述触摸终端当前所处的显示模式;

检测模块,用于检测操作体针对所述3D应用图标输入的操作信息;

确定模块,用于根据所述检测模块检测到的操作信息以及所述获取模块获取的所述触摸终端当前所处的显示模式,确定所述操作体当前的操作类型;

处理模块,用于根据所述确定模块确定出的操作类型,对所述3D应用图标进行变形处理,以及执行所述确定出的操作类型对应的操作。

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

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

所述处理器用于检测操作体针对所述3D应用图标输入的操作信息,并根据所述检测到的操作信息以及所述触摸终端当前所处的显示模式,确定所述操作体当前的操作类型,以及根据所述确定出的操作类型,对所述3D应用图标进行变形处理,以及执行所述确定出的操作类型对应的操作。

本发明实施例中,获取触摸终端的显示模式和操作体在触摸终端针对3D应用图标输入的操作信息,并根据显示模式和操作信息确定操作类型,以及根据操作类型对采用分层技术来实现立体效果的3D应用图标进行变形处理,以及执行对应的操作,实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面 的易用性、灵活性和乐趣性。同时,由于采用分层技术来实现立体效果,与采用三维建模或视差图像来实现立体效果的方法相比,具有存储量小,对硬件配置要求更低的好处,具有更好的适用性。

附图说明

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

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

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

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

图5是本发明实施例中齿轮图形的图标的示意图;

图6是本发明实施例中变形图像随着旋转角度的变化示意图;

图7是本发明在使用模式下确定操作类型的流程图;

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

图9是本发明在图标编辑模式下确定操作类型的流程图;

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

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

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

图13是本发明在图标编辑模式下操作体吸起3D应用图标的示意图;

图14是本发明在图标编辑模式下释放3D应用图标的示意图;

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

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

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

具体实施例

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

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

为便于理解本发明实施例,在开始描述本发明的各个实施例之前,对本发明的所有实施例中涉及到的一些术语进行解释。具体的,触摸终端的屏幕上显示有3D应用图标,所谓3D应用图标,指的是具有3D显示效果的应用程序图标,即所说的具有立体效果的APP图标。触摸终端的显示模式包括图标编辑模式和使用模式。其中,触摸终端正常显示UI(User Interface,用户界面)的方式称为使用模式,将编辑用户界面上应用图标的模式称为图标编辑模式。当触摸终端处于使用模式时,触摸终端的用户界面上显示有背板以及悬浮于背板的3D应用图标。请结合图1和图2,当触摸终端处于使用模式时,触摸终端的用户界面上显示有背板11以及悬浮于背板11的3D应用图标12。其中,在使用模式下,背板11是由多个多面体111无缝拼接形成的。在图标编辑模式下,多个多面体被分裂开来,每一个3D应用图标对应一个多面体,该多面体可以用于承载该3D应用图标。

在本发明所有实施例中,触摸终端包括诸如计算机、PDA、平板电脑、MP4、智能手机,电纸书、游戏机等采用图形用户界面(UI)实现人机交互的设备。用户可通过操作体对触摸终端中显示的3D应用图标进行操作,触摸终端可根据操作体的操作进行相应的响应,以实现3D应用图标的交互。

触摸终端的用户界面上一般显示有多个3D应用图标。下面,以操作体操作用户界面上某一3D应用图标为例,详细描述本发明实施例中的3D应用图标的交互方法及触摸终端。

请参阅图3,是本发明3D应用图标交互方法第一实施例的流程图,方法包括:

步骤S301,检测操作体针对3D应用图标输入的操作信息;

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

步骤S302,根据检测到的操作信息以及触摸终端当前所处的显示模式,确定操作体当前的操作类型;

其中,操作体的操作类型包括:隔空操作和/或触屏操作。其中隔空操作即通常所说的悬浮操作,执行此种操作时,操作体未接触触屏终端的屏幕,且该种操作只有触摸终端处于使用模式时才可能出现。而触屏操作,即操作体接触屏幕的操作,在使用模式和图标编辑模式均存在触屏操作。具体地,使用模式下的触屏操作包括:单击操作、上下滑动操作、左右滑动操作或长按操作中的一种或多种。图标编辑模式下的触屏操作包括:移动操作、切屏操作或快捷设置操作中的一种或多种。

可以理解的是,在隔空操作下,由于操作体不接触屏幕,因此,此时检测到的操作信息可以操作体与触摸终端屏幕之间的距离。当该距离满足预设的距离条件时,可确定出当前的操作类型为隔空操作。当检测到操作体的操作类型为隔空操作时,可根据操作体与显示屏幕之间的实际距离,对3D应用图标进行渲染等变形处理并显示。

然而,在触屏操作下,由于操作体接触屏幕,因此此时检测到的操作信息则可以包括:操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息。其中,操作体接触屏幕的时间信息是指操作体接触屏幕的时长,操作体在屏幕上的运动轨迹信息是指操作体接触屏幕并在屏幕上滑动的相关信息。根据操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息以及结合显示模式,则可以判断出操作体当前的操作类型。

步骤S303,根据步骤S302确定出的操作类型,对3D应用图标进行变形处理,以及执行该确定出的操作类型对应的操作。

在步骤S303中,触摸终端可以根据确定出的操作类型,进行相应的响应操作。在响应相应操作的过程中,可以先对图标进行变形处理,然后执行对应的操作;也可以在执行操作的过程中同时对图标进行变形处理。

需要说明的是,在本发明的所有实施例中,触摸终端上的3D应用图标的立体效果是采用分层技术的方式来实现。所谓分层技术实现3D 立体效果,即是通过改变按照特定顺序组合的分层图片的变形参数来实现立体效果的技术。因此,在步骤S301之前,还可以包括:

步骤S300,预设3D应用图标的分层信息。其中,3D应用图标的分层信息包括:分层图片以及该分层图片的排列顺序。其中,该分层图片按照特定的排列顺序组合之后,即可形成3D应用图标。

本发明实施例中,获取触摸终端的显示模式和操作体在触摸终端针对3D应用图标输入的操作信息,并根据显示模式和操作信息确定操作类型,以及根据操作类型对采用分层技术来实现立体效果的3D应用图标进行变形处理,以及执行对应的操作,实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。同时,由于采用分层技术来实现立体效果,与采用三维建模或视差图像来实现立体效果的方法相比,具有存储量小,对硬件配置要求更低的好处,具有更好的适用性。

请参阅图4,是本发明3D应用图标交互方法第二实施例的流程图,该方法包括:

步骤S400,预设3D应用图标的分层信息,3D应用图标的分层信息包括:分层图片以及所述分层图片的排列顺序;

步骤S401,检测操作体针对3D应用图标输入的操作信息;

步骤S402,根据检测到的操作信息以及触摸终端当前所处的显示模式,确定操作体当前的操作类型;

其中,步骤S400-S402与步骤S300-S302操作相同,在此不再赘述。本实施例与上一实施例不同的是,在执行根据确定出的操作类型,对3D应用图标进行变形处理时,即上一实施例步骤S303中的变形处理部分时,具体可以包括如下步骤:

步骤S403,获取该3D应用图标的分层信息;

由于触摸终端的数据库中预先设置了该触摸终端的显示屏幕上的全部3D应用图标的分层信息。例如:触摸终端的数据库中预先保存了该微信图标的分层信息,具体为三层分层图片,分别为A图片、B图片、 C图片,且三层分层图片的排列顺序为A图片、B图片、C图片,且A图片为底层图片,C图片为最上层图片,即C图片为靠近用户侧的图片。

需要说明的是,3D应用图标的分层信息是由开发人员按照图标的材质、结构构成等属性进行分层拆分得到的。

步骤S404,获取该分层信息包括的每一层分层图片在确定出的操作类型下的变形参数;

为实现不同操作类型下不同3D应用图标或同一3D应用图标的不同呈现效果。因此,触摸终端的数据库中预先设置了屏幕上显示的每个3D应用图标的每一分层图片在不同操作类型下的变形参数。在本发明实施例中,变形参数包括图层旋转系数、图层偏移系数、图层缩放系数、图层倾斜系数、跟随系数等。变形参数的系数可以设置为0,当某一操作类型下,某一变形参数为0时,表示不需执行相应的操作。例如,当图层旋转参数为0时,表示在该操作类型下无需对分层图片进行旋转处理。作为示例而非限定,上述变形参数可用于包括隔空操作、单击操作、切屏操作及图标移动操作等操作中对3D应用图标的变形处理。

在本发明实施例中,图层旋转系数用于描述各图层在X,Y平面上沿着Z轴的旋转角度。比如在一个齿轮图形的图标中,如图5所示,在单击时齿轮需要有旋转的效果。为显示该齿轮的3D视效,触摸终端需要获取该齿轮分的分层图片,并获取在单击操作下该图标的各个分层图片的图层旋转系数。

其中,X和Y平面是触摸终端的标准坐标中的X和Y平面,其中,在该标准坐标中,X轴为水平方向,Y轴垂直方向,X轴与Y轴相互垂直,触摸终端的显示界面是与X轴与Y轴构成的平面平行的,Z轴是垂直于手机界面向外方向的,Z轴与X轴、Y轴垂直。

在本发明实施例中,图层偏移系数用于计算图标的分层图片在X,Y轴上的偏移量。比如:在图标沿Y轴旋转时,通过计算旋转角度θ的正旋值与将该图标的每一层分层图片的图层偏移系数的乘积,可得到该图标的每一层分层图片在X轴和Y轴的偏移量,以便于对分层图片进行偏移处理,其中,分层图片在X轴的偏移量的计算方式为xOffsetFactor·sinθ, 其中,xOffsetFactor表示在X轴上的图层偏移系数,分层图片在Y轴的偏移量的计算方式为yOffsetFactor·sinθ,其中,yOffsetFactor表示在Y轴上的图层偏移系数。

为了更好的理解,请参阅图6,为本发明实施例中变形图像随着旋转角度的变化示意图。其中,图6中箭头方向表示触摸终端在Y轴的旋转角度逐渐增大,且从图6可以看出,图标在Y轴的旋转角度逐渐增大时,图标内的球的滚动幅度也逐渐增大。

在本发明实施例中,图层缩放系数用于描述图标的缩小及放大的比例。以用户单击图标为例,单击时,图标的整体视觉效果为向显示屏幕内(即远离用户侧)收起的效果,由于图标整体远离用户,所以图标整体需要缩小,所以一般可以将该图标各层的分层图片的图层缩放系数设置小于1;但是对于有些特殊图层,例如水滴或其他易变形物体时候,点击时特殊图层会有压扁的效果,则设置的图层缩放系数的值大于1。

在本发明实施例中,图层倾斜系数用于描述分层图片在沿X,Y轴旋转时的变形度。以图标沿Y轴旋转为例,当旋转角度越大,图像变形越明显。在本发明实施例中,可将分层图片沿X,Y轴的旋转角度与图层倾斜系数的乘积作为分层图片的变形度,以对分层图片进行倾斜处理。

其中,X轴上的变形度为:xSkewFactor·tanθx,其中,xSkewFactor表示X轴上的图层倾斜系数,θx表示X轴上的旋转角度。Y轴上的变形度为:ySkewFactor·tanθy,其中,ySkewFactor表示Y轴上的图层倾斜系数,θy表示Y轴上的旋转角度。

在本发明实施例中,跟随系数用于描述图标在被移动时,各分层图片与操作体的相对位移。操作体的拖动速度越快,图标与操作体的相对距离越大;操作体拖动越慢,则图标与操作体的相对距离越小。假如操作体的移动速度为sf,则图层与操作体的相对距离为移动速度与跟随系数的乘积。

需要说明的是,对于不同的图标操作,对图标进行变形处理得到3D动态显示效果所使用的变形参数的类型及参数大小可以相同也可以不 相同,且在实际应用中可根据具体的需要选择不同的图标操作所需要使用到的变形参数。

步骤S405,根据每一层分层图片在确定出的操作类型下的变形参数,对3D应用图标的每一层分层图片进行变形处理,得到3D应用图标每一层分层图片的变形图像;

在执行本步骤时,根据步骤S404中获取到的变形参数,即根据获取的图层缩放系数、图层旋转系数、图层偏移系数、图层倾斜系数、跟随系数的分别对所述3D应用图标的每一层分层图片进行缩放处理、旋转处理、偏移处理、倾斜处理及跟随处理,得到3D应用图标每一层分层图片的变形图像。

步骤S406,利用该每一层分层图片的变形图像及该分层图片的排列顺序确定该3D应用图标的变形图像。

具体执行中,可根据获取的分层图片的排列顺序,对步骤S405中得到的3D应用图标每一层分层图片的变形图像进行组合,从而获得3D应用图标的变形图像。

需要说明的是,对于不同的图标操作,对图标进行变形处理得到3D动态显示效果所使用的变形参数的类型及参数大小可以相同也可以不相同,且在实际应用中可根据具体的需要选择不同的图标操作所需要使用到的变形参数。

在本发明实施例中,移动终端接收操作体输入的操作信息,根据该操作信息,获取该图标的分层信息,该分层信息包括图标的分层图片及该分层图片的排列顺序,获取图标的每一层分层图片在图标操作下的变形参数,根据该图标的每一层分层图片在不同操作类型下的变形参数对图标的每一层分层图片进行变形处理,得到每一层分层图片的变形图像,利用每一层分层图片的变形图像及分层图片的排列顺序确定图标的变形图像,对图标的变形图像进行显示,以实现图标的3D动态显示,且利用图标的分层信息及每一层分层图片的变形参数生成图标的变形图像,将得到显示效果更好的3D视效,逼真度更好,用户体验更好。

请参阅图7,是本发明3D应用图标交互方法第二实施例的流程图,方法包括:

步骤S301,检测操作体针对3D应用图标输入的操作信息;

步骤S302,根据检测到的操作信息以及触摸终端当前所处的显示模式,确定操作体当前的操作类型;

操作信息包括:操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息。

步骤S303,根据确定出的操作类型,对所述3D应用图标进行变形处理,以及执行所述确定出的操作类型对应的操作。

下面重点描述操作体在使用模式和编辑模式下的触屏操作。

在使用模式或图标编辑模式下,操作体可能输入不同的操作,而不同的操作触发产生不同操作类型,触摸终端根据不同的操作类型,响应不同内容。下面将分别描述使用模式和图标编辑模式下的不同操作。

(一)使用模式

在使用模式下,触屏操作包括:单击操作、上下滑动操作、左右滑动操作或长按操作中的一种或多种。当触摸终端处于使用模式时,根据检测到的操作信息以及触摸终端当前所处的显示模式,确定操作体当前的操作类型的步骤,即执行步骤S302时,如图7所示,可以包括:

步骤S3021,当操作体接触屏幕的时间小于预设的第一时间阈值时,判断操作体在屏幕上是否存在运动轨迹,若没有运动轨迹,则进入步骤S3022,若存在运动轨迹且运动轨迹为上下位移,则进入步骤S3023,若存在运动轨迹且运动轨迹为左右位移,则进入步骤S3024;

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

步骤S3023:确定操作体当前的操作类型为上下滑动操作;

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

又或者,当操作体长按屏幕时,则确定操作类型为长按操作,则当触摸终端处于使用模式时,根据检测到的操作信息,确定操作体当前的操作类型,即步骤S302又可具体为:当操作体接触屏幕的时间大于或 等于预设的第一时间阈值且操作体在屏幕上无运动轨迹时,则确定操作体当前的操作类型为长按操作。值得说明的是:在确定操作类型为长按操作时,操作体接触屏幕的时间大于或等于预设的第一时间阈值且操作体在屏幕上无运动轨迹包括两重意思:一为操作体接触屏幕的时间大于或等于预设的第一时间阈值,二为操作体在接触屏幕的时间内没有存在任何运动动作。

需要说明的是,在使用模式下长按用户界面上的位置不同,3D应用图标下沉的方式也可以不一样,例如:当长按的是用户界面上的空白区域时,并且判断长按的时长超过第一时间阈值时,则用户界面上的3D应用图标一起下沉至屏幕的下方,同时伴随着背板分离成多个多面体,下沉的3D应用图标就悬浮在对应多面体上。当长按的是用户界面上的某一3D应用图标时,则被操作的3D应用图标开始下沉,在判断到长按的时长超过一定时间时,用户界面上的其余应用图标才一起下沉至屏幕的下方,同时伴随着背板分离成多个多面体,下沉的3D应用图标则悬浮于对应多面体上。触摸终端对用户在使用模式下的长按操作可设置两种响应方式,一种是:当前选中按压的图标进入图标编辑模式;另一种是:不只是当前所选中按压的图标进入图标编辑模式状态,而是触摸终端的屏幕上显示的所有3D应用图标都进入图标编辑模式。也即是说,在图标编辑模式下,屏幕上显示的所有3D应用图标都可以进入图标编辑模式,或者仅用户按压的3D应用图标进入图标编辑模式。在图标编辑模式下,用户可通过点击触摸终端的硬件按键退出图标编辑模式,返回使用模式。

当触摸终端处于使用模式且操作类型为单击操作时,则启动应用,则步骤S303又可具体为:当操作类型为单击操作时,则执行启动3D应用图标对应应用的操作。

当触摸终端处于使用模式且操作类型为上下滑动操作时,则启动子级功能,则步骤S703又可具体为:当操作类型为上下滑动操作时,则执行启动3D应用图标对应子级功能的操作;在启动子级功能后,可以直接显示对子应用的子级功能,无需要再进入子级应用,非常方便。也 就是说,在执行步骤S703时,具体可以为:沿滑动方向翻转3D应用图标对应多面体,在多面体的另一表面显示子级功能对应的图标,以提示当前启动的子级功的能,并启动该子级功能,以及显示子级功能的用户界面,如图8所示。

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

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

当触摸终端处于使用模式且操作类型为长按操作时,则转换触摸终端的显示模式,步骤S303又可具体为:当操作类型为长按操作时,则执行将触摸终端切换至图标编辑模式的操作。在使用模式下,背板是一体的,而在图标编辑模式下,背板分离成多个多面体,则在执行将触摸终端切换至图标编辑模式包括:将背板分裂为多个多面体,使3D应用图标分别收缩并下沉于屏幕与与其对应多面体之间的空间中。多面体之间通过分割标识符来表征,以使得多面体之间分离更显著,在本实施例中,优选的,分割标识符为具有深度信息的分裂线。

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

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

在触摸终端由使用模式下进入图标编辑模式后,由背板分离出来的各多面体的尺寸可以相同,也可以不相同,多面体与多面体之间保持一定的间隔距离。3D应用图标可悬浮在对应的多面体上,3D应用图标和图标文字可放置在多面体的正中间且居中对齐。当用户按住某一多面体时,该多面体在屏幕会呈现一种凸起或者说上浮的视觉效果,在当前的多面体所在的区域没有3D应用图标的时候,该多面体就呈现裸露的多面体表面。

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

由于本实施例中的3D应用图标是采用分层技术来实现的,因此在检测到操作体与屏幕之间的距离减小时,通过一些渲染手段,使得3D应用图标看起来像被按下一样。

可以理解的是,在使用模式下,触摸终端在响应确定出的操作类型对应的操作的过程中,若该操作过程中伴随着图标的动态变化,则在该响应过程中则伴随着3D应用图标的变形处理。此时,3D应用图标的变形处理具体是根据图4所示的实施例中的方式来实现的,即获取3D应用图标的分层信息(分层图片及分层图片的排列顺序),并获取在单击操作下该3D应用图标的变形参数,以及根据获取的变形参数对该3D应用图标的每一分层图片进行变形处理并显示变形处理后的3D应用图标。

为了使3D应用图标的3D效果更佳,在使用模式下,触摸终端屏幕的用户界面上还可以呈现有3D应用图标的阴影效果。为达到3D应用图标在使用模式下具有阴影效果的目的,3D应用图标的分层图片中还可以包括阴影图片,该阴影图片和其他分层图片按照预设的排列顺序排列组合后,可形成具有阴影效果的3D应用图标。

(二)图标编辑模式

当触摸终端处于图标编辑模式时,3D应用图标所在的无缝拼接的各个多面体收缩而分裂,各个3D应用图标下沉至屏幕和各多面体之间,以使触摸终端的图标编辑模式与使用模式具有明著的区别。

在图标编辑模式下,操作体的触屏操作包括:移动操作、切屏操作或快捷设置操作中的一种或多种。当触摸终端处于图标编辑模式时,也可以通过操作体接触屏幕的时间和/或操作体的运动轨迹确定操作体当前的操作类型,如图9所示,步骤S302又包括:

步骤S3025:当操作体接触屏幕的时间小于预设的第二时间阈值时,判断操作体在屏幕上是否存在运动轨迹,若没有运动轨迹,则进入步骤S3026,若存在运动轨迹且运动轨迹为快速的上下位移,则进入步骤 S3027,若存在运动轨迹且运动轨迹为快速的左右位移,则进入步骤S3028;

步骤S3026:确定操作体当前的操作类型为吸附图标操作;

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

步骤S3028:确定操作体当前的操作类型为切屏操作;

又或者,当操作体长按屏幕并且移动时,则确定操作类型为移动操作,则步骤S302又可具体为:当操作体接触屏幕的时间大于预设的第二时间阈值且存在运动轨迹,则操作体当前的操作类型为判定为移动操作。

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

当触摸终端处于图标编辑模式且操作类型为移动操作时,步骤S303又具体为:当运动轨迹为从操作体当前吸附的3D应用图标的初始位置运动到另一目标图标位置上方并停顿一预定时间后,此时释放操作体,操作体离开屏幕,执行图标位置替换操作。

其中,执行图标位置替换操作具体包括:在触摸终端的控制下,使被替换的目标图标被挤出来并运动到操作体当前吸附的3D应用图标的初始位置,且控制操作体当前所吸附的3D应用图标替换被替换的目标图标的位置,即控制3D应用图标下沉于目标图标的位置;或者,使被替换的目标图标沉入多面体而逐渐隐退且该被替换的目标图标在操作体当前所吸附的3D应用图标的原始位置逐渐显现,而使操作体当前所吸附的3D应用图标则替换被替换的目标图标的位置,即控制3D应用图标下沉于目标图标的位置。

当触摸终端处于图标编辑模式且操作类型为移动操作时,步骤S303又具体为:当运动轨迹为从操作体当前吸附的3D应用图标的初始位置运动到一空白多面体上方并停顿一预定时间,此时释放操作体,操作体离开屏幕,则执行图标位置变化操作。其中,执行图标位置变化操作, 具体包括:使操作体当前吸附的3D应用图标沉入该空白多面体上,如图10所示。

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

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

当触摸终端处于图标编辑模式且操作类型为移动操作时,步骤S303又具体为:当运动轨迹为从操作体当前吸附的图标的初始位置运动到图标删除位置区域,则执行删除图标操作。其中,执行删除图标操作具体包括:在触摸终端的控制下,使被操作体吸附的3D应用图标被图标删除位置区域吸入而消失,如图12所示。在本实施例中,图标删除位置还可显示碎纸机图标及删除字样,以方便用户寻找图标删除位置区域。

当触摸终端处于图标编辑模式且操作类型为吸附图标操作时,步骤S702又可具体为:

使被触操作体吸附的3D应用图标往屏幕方向上浮预设高度。例如:若操作体选中某一个3D应用图标,此时该3D应用图标和对应的多面体 将上浮靠近背板,而其余未被操作体选中的3D应用图标及对应多面体的位置则保持不变,被选中的3D应用图标呈现一种被操作体吸起来的感觉,但此时3D应用图标不会凸出屏幕,如图13所示。操作体吸起该3D应用图标后,可以在屏幕上任意滑动。当操作体选中某个位置松开并释放该3D应用图标时,该3D应用图标下沉,以恢复至进入图标编辑模式时的初始状态,如图14所示。

当触摸终端处于图标编辑模式且操作类型为快捷设置操作时,步骤S303又可具体为:生成3D应用图标子级功能与快捷启动该应用程序子级功能的预设信号的对应关系。优选的,生成该对关系包括:接收针对选定3D应用图标输入的快捷启动该选定应用程序子级功能的预设信号,并显示选定3D应用图标对应的子级功能列表,以及接收从子级功能列表中选择的子级功能,建立输入的预设信号与选择的子级功能之间的对应关系并存储。

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

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

第一种是:一旦用户选择了某一子级功能时,当前的子级功能列表自动消失,返回图标编辑模式;

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

第三种是:用户选择硬件按键返回图标编辑模式;用户可按硬件按键的方式返回图标编辑模式,例如按返回键(home健)的方式,返回图标编辑模式。

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

在本发明实施例中,获取触摸终端的显示模式和操作体在触摸终端针对3D应用图标输入的操作信息,并根据显示模式和操作信息确定操作类型,以及根据操作类型进行操作,实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的 易用性、灵活性和乐趣性。

图1-图14中,详细描述了3D图标的交互方法,下面,将结合图15-图17,对采用了上述交互方法的触摸终端进行描述。

本发明还提供触摸终端实施例。请参阅图15,图15是本发明触摸终端第一实施例的结构示意图。触摸终端的显示模式包括使用模式和图标编辑模式,在使用模式下,使触摸终端的屏幕的用户界面上显示有背板以及悬浮于背板的3D应用图标,触摸终端4包括:获取模块40,检测模块41、确定模块42和处理模块43。

获取模块40,用于获取触摸终端当前所处的显示模式。检测模块41用于检测操作体针对3D应用图标输入的操作信息。确定模块42根据检测到的操作信息以及获取模块40获取的触摸终端当前所处的显示模式,确定操作体当前的操作类型。处理模块43用于根据确定模块42确定出的操作类型,对3D应用图标进行变形处理,以及执行确定出的操作类型对应的操。在本实施例中,触摸终端的操作类型包括:隔空操作和触屏操作。在触碰操作下,操作体输入的操作信息包括:操作体接触屏幕的时间信息和/或操作体在屏幕上的运动轨迹信息。其中,操作体接触屏幕的时间信息是指操作体接触屏幕的时长,操作体在屏幕上的运动轨迹信息是指操作体接触屏幕并在屏幕上滑动的相关信息。

需要说明的是,在本发明的所有实施例中,触摸终端上的3D应用图标的立体效果是采用分层技术的方式来实现。所谓分层技术实现3D立体效果,即是通过改变按照特定顺序组合的分层图片的变形参数来实现立体效果的技术。因此,触摸终端4还可以包括:

预设模块44,用于预设3D应用图标的分层信息。其中,3D应用图标的分层信息包括:分层图片以及该分层图片的排列顺序。其中,处理模块该分层43可根据预设模块预设的分层信息,对分层图片按照特定的排列顺序组合之后,即可形成3D应用图标。

本发明实施例中,获取触摸终端的显示模式和操作体在触摸终端针对3D应用图标输入的操作信息,并根据显示模式和操作信息确定操作类型,以及根据操作类型对应用图标进行变形处理,以及执行所述确定 出的操作类型对应的操作,从而实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。同时,由于采用分层技术来实现立体效果,与采用三维建模或视差图像来实现立体效果的方法相比,具有存储量小,对硬件配置要求更低的好处,具有更好的适用性。

请参阅图15,图15是本发明触控终端第二实施例的结构示意图。触摸终端包括获取模块54,检测模块50、确定模块51和处理模块52和预设模块55。

获取模块54,用于获取触摸终端当前所处的显示模式。检测模块50用于检测操作体针对3D应用图标输入的操作信息。确定模块51根据检测模块50检测到的操作信息以及获取模块54获取到的触摸终端当前所处的显示模式,确定操作体当前的操作类型。处理模块52用于根据确定模块51确定出的操作类型,对3D应用图标进行变形处理,以及执行确定出的操作类型对应的操作。预设模块55,用于预设3D应用图标的分层信息。其中,3D应用图标的分层信息包括:分层图片以及该分层图片的排列顺序。

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

下面重点描述操作体在使用模式和编辑模式下的触屏操作。

在使用模式或图标编辑模式下,操作体可执行不同的操作,而不同操作触发产生不同操作类型,触摸终端根据不同操作类型,响应不同内容。下面将分别描述使用模式和图标编辑模式下的不同操作。

(一)使用模式

在使用模式下,触屏操作包括:单击操作、上下滑动操作、左右滑动操作或长按操作中的一种或多种。当触摸终端处于使用模式时,通过操作体接触屏幕的时间和操作体的运动轨迹以及触摸终端当前所处的显示模式确定操作体当前的操作类型,如图16所示,则确定模块51包 括第一判断单元510、第一确定单元511、第二确定单元512、第三确定单元513和第四确定单元514。第一判断单元510用于当操作体接触屏幕的时间小于预设的第一时间阈值且触摸终端处于使用模式时,判断操作体在屏幕上是否存在运动轨迹。第一确定单元511用于在第一判断单元510判断到没有运动轨迹,确定操作体当前的操作类型为单击操作。第二确定单元512用于在第一判断单元510判断到存在运动轨迹且运动轨迹为快速的上下位移操作,确定操作体当前操作类型为上下滑动操作。第三确定单元513在判断单元判断到存在运动轨迹且运动轨迹为快速的左右位移操作,确定操作体当前操作类型为左右滑动操作。第四确定单元514用于当操作体接触屏幕的时间大于或等于预设的第一时间阈值且触摸终端处于使用模式时,则确定操作体当前的操作类型为长按操作。

处理模块52包括第一执行单元521、第二执行单元522、第三执行单元523和第四执行单元524。

第一执行单元521,用于当触摸终端处于使用模式且操作类型为单击操作时,执行启动3D应用图标对应应用。

第二执行单元522用于当触摸终端处于使用模式且操作类型为上下滑动操作时,执行启动3D应用图标对应子级功能。进一步的,启动的子级功能后,可以在3D应用图标的原位置上显示子级功能,无需要进入子级功能,非常方便,则第二执行单元522又具体为显示子级功能对应的图标,以提示当前启动的子级功能,并启动子级功能,以及显示子级功能的用户界面。

第三执行单元523用于当触摸终端处于使用模式且操作类型为左右滑动操作时,执行切换屏幕操作。

第四执行单元524用于当触摸终端处于使用模式且操作类型为长按操作时,执行将触摸终端切换至图标编辑模式的操作。为了使触摸终端的3D显示效果更佳,在图标编辑模式下,背板被分裂,3D应用图标分别收缩,则第四执行单元524又可具体为:将背板分裂为多个多面体,使3D应用图标分别收缩并下沉至与其对应的多面体上。多面体之间通 过分割标识符来表征,以使得多面体之间分离更显著,在本实施例中,分割标识符为具有深度信息的分裂线。

进一步的,本发明在使用模式下还可模拟操作下按3D应用图标的3D效果,则触控终端50还包括调整模块53。

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

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

(二)图标编辑模式

本发明的背板是由多个多面体组合而成的,在使用模式下,显示模块用于使多个多面体无缝拼接,形成背板,3D应用图标悬浮于对应多面体;在图标编辑模式下,背板被分裂为多个多面体,3D应用图标分别收缩并下沉于屏幕与与其对应多面体之间的空间中,从而使得触摸终端在使的用模式和图标编辑模式具有明显的区别特征。

在图标编辑模式下,操作体的操作类型包括:移动操作、切屏操作或快捷设置操作中的一种或多种。当触摸终端处于图标编辑模式时,也可以通过操作体接触屏幕的时间和操作体的运动轨迹确定操作体当前的操作类型,则确定模块51包括第二判断单元515、第五确定单元516、第六确定单元517、第七确定单元518和第八确定单元519。

第二判断单元515用于当操作体接触屏幕的时间小于预设的第二时间阈值且触摸终端处于图标编辑模式时,判断所述操作体在屏幕上是否存在运动轨迹。第五确定单元516用于在所述第二判断单元515判断到没有运动轨迹,则确定操作体当前的操作类型为吸附图标操作。第六确 定单元517用于在第二判断单元515判断到存在运动轨迹且运动轨迹为快速的上下位移操作时,确定操作体当前的操作类型为快捷设置操作。第七确定单元518用于在第二判断单元515判断到存在运动轨迹且运动轨迹为快速的左右位移操作,确定操作体当前的操作类型为切屏操作。第八确定单元519用于当操作体接触屏幕的时间大于预设的第二时间阈值且存在运动轨迹以及所述触摸终端处于图标编辑模式时,则判定操作体当前的操作类型为移动操作。

通过移动操作可以改变用户界面中3D应用图标排列,在本实施例中,移动操作包括:图标位置替换操作、图标位置变化操作、创建文件夹操作和删除图标操作。处理模块52包括第五执行单元525、第六执行单元526、第七执行单元528和第八执行单元529。

第五执行单元525用于当运动轨迹为操作体从当前吸附的3D应用图标位置运动到另一图标位置上方并停顿一预定时间后释放操作体时,则执行图标位置替换操作。图标位置替换操作包括当操作体当前吸附的3D应用图标运动至被替换图标上方时,被替换图标被挤出来并运动到操作体当前吸附的3D应用图标的原始位置且操作体当前所吸附的3D应用图标则替换被替换图标的位置;或者,当操作体当前吸附的3D应用图标运动至被替换图标上方时,被替换图标沉入多面体而逐渐隐退且该被替换图标在操作体当前所吸附的3D应用图标的原始位置逐渐显现。

第六执行单元526用于当运动轨迹为操作体从当前吸附的3D应用图标位置运动到一空白多面体上方并停顿一预定时间后释放操作体时,则执行图标位置变化操作。执行图标位置变化操作,包括:当操作体当前吸附的3D应用图标运动至空白多面体上方且操作体离开屏幕后,被操作体吸附的3D应用图标沉入该空白多面体上。

第七执行单元527用于当运动轨迹为操作体从当前吸附的3D应用图标位置运动到具有图标的另一多面体上方且未在该多面体上的图标上方时,则执行创建文件夹操作。其中,执行创建文件夹操作包括:当操作体当前吸附的3D应用图标运动到上方具有图标的另一多面体上方且未在该多面体上的图标上方时,多面体上方的原图标变小,操作体吸 附过来的图标沉入该多面体上且变小并一起放置于新创建的文件夹中。

第八执行单元528用于当运动轨迹为操作体从当前吸附的图标位置运动到图标删除位置区域,则执行删除图标操作。其中,执行删除图标操作包括:当操作体当前吸附的3D应用图标被移动到图标删除位置区域的边缘时,被吸附的3D应用图标被图标删除位置区域吸入而消失。

当触摸终端处于图标编辑模式且操作类型为吸附图标操作时,处理模块52又可具体为:使被触按的3D应用图标往屏幕方向上浮预设高度。当触摸终端处于图标编辑模式且操作类型为快捷设置操作时,处理模块52又可具体为:生成3D应用图标子级功能与快捷启动该应用程序子级功能的预设信号的对应关系。优选的,生成该对关系包括:接收针对选定3D应用图标输入的快捷启动该选定应用程序子级功能的预设信号,并显示选定3D应用图标对应的子级功能列表,以及接收从子级功能列表中选择的子级功能,建立输入的预设信号与选择的子级功能之间的对应关系并存储。

本发明实施例中,获取触摸终端的显示模式和操作体在触摸终端针对3D应用图标输入的操作信息,并根据显示模式和操作信息确定操作类型,以及根据操作类型进行操作,实现了3D应用图标的交互,丰富了用户界面的交互方式,提升了用户操控体验,极大增强用户界面的易用性、灵活性和乐趣性。

请参阅图17,图17是本发明触摸终端第三实施例的结构示意图,触摸终端包括处理器601、屏幕602和总线603。处理器601与屏幕602均与总线603连接。

触摸终端60的显示模式包括使用模式和图标编辑模式,在使用模式下,触摸终端60屏幕602的用户界面上显示有背板以及悬浮于背板的3D应用图标。处理器601处理器用于检测操作体针对3D应用图标输入的操作信息,并根据检测到的操作信息以及触摸终端当前所处的显示模式,确定操作体当前的操作类型,以及根据确定出的操作类型,对3D应用图标进行变形处理,以及执行确定出的操作类型对应的操作。

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

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

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