CN107193442A - 图形显示方法、图形显示装置、电子设备和存储介质 - Google Patents
图形显示方法、图形显示装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN107193442A CN107193442A CN201710449005.6A CN201710449005A CN107193442A CN 107193442 A CN107193442 A CN 107193442A CN 201710449005 A CN201710449005 A CN 201710449005A CN 107193442 A CN107193442 A CN 107193442A
- Authority
- CN
- China
- Prior art keywords
- parameter
- screen
- deflection
- displacement
- user equipment
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种图形显示方法、图形显示装置、电子设备和存储介质。该方法包括:在用户设备的屏幕上显示图形,图形包括至少两个部分;以及响应于用户设备绕平行于屏幕的轴线的偏转,使图形的至少两个部分在屏幕上发生彼此不同的位移。由此,基于用户设备的偏转情况使得图形的不同的部分在显示屏幕上发生彼此不同的位移,以使用户看到图形后觉得图形具有立体感,提升用户的体验效果。
Description
技术领域
本发明涉及图形显示技术领域,特别涉及一种图形显示方法、图形显示装置、电子设备和存储介质。
背景技术
电子产品的日益完善为使用者带来更多的便利和更为优质的体验效果,然而,人们仍然希望不断提升电子设备及其软件的用户体验。
例如,现有的智能手机等设备的界面(包括手机界面和应用程序界面)仅限于在二维平面上展示内容,使得图标、文字等图形内容平铺展示在界面上,展示缺乏立体感,用户难以获得对实体或实物操控的感受,给用户带来不够良好的视觉体验效果。
因此,仍然需要一种能够提升用户体验效果的图形显示方案。
发明内容
本发明的目的是提供一种图形显示方法、图形显示装置、电子设备和存储介质,以使得所显示的图形被用户看到后,用户觉得图形具有立体感,提升用户的视觉体验效果。
根据本发明的一个方面,提供了一种图形显示方法,该方法包括:在用户设备的屏幕上显示图形,图形包括至少两个部分;以及响应于用户设备绕平行于屏幕的轴线的偏转,使图形的至少两个部分在屏幕上发生彼此不同的位移。
由此,通过图形的各部分在屏幕上的不同位移,可以让用户感觉图形有立体感。
优选地,响应于用户设备绕平行于屏幕的轴线的偏转、使图形的至少两个部分在屏幕上发生彼此不同的位移的步骤可以包括:获取用户设备绕轴线的偏转参数;以及基于偏转参数,分别以不同的位移参数移动图形的至少两个部分。
由此,使得各部分的位移量与用户设备的偏转程度相关,也即屏幕相对于人眼的夹角有关,以使图形相对于屏幕的变化不突兀,且增强立体感。
优选地,至少两个部分可以为至少部分重叠的至少两个图层。
优选地,用户设备绕轴线的偏转,使得用户设备的第一端靠近用户,与第一端相对的第二端远离用户,至少两个图层在屏幕上彼此不同的位移使得其中任意两个图层中位于下层的下图层相对于位于上层的上图层更靠近第一端。
这样,与真实上下两层随视角变化而发生的视图变化相同或相类似,给人逼真的立体视觉体验。
优选地,基于偏转参数,分别以不同的位移参数移动图形的至少两个部分的步骤可以包括:基于为至少两个部分分别设置的不同函数关系以及偏移参数,为至少两个部分分别赋予位移参数。
优选地,在用户设备绕平行于屏幕的轴线的偏转的过程中,图形的至少一个部分在屏幕上的位置保持不变。
由此,使得用户设备的计算量减少,且能够提供一个不移动的参照,给用户良好的视觉体验,并且用户不会感到眩晕和疲劳。
优选地,至少两个部分可以沿相同的方向移动;并且/或者至少两个部分可以沿相反的方向移动。
由此,可以根据需要,以各种形式增强图形的立体感。
优选地,偏转参数可以包括横向偏转参数和纵向偏转参数,横向偏转参数是屏幕的横轴绕纵轴方向偏转的偏转参数,纵轴偏转参数是屏幕的纵轴绕横轴方向偏转的偏转参数。
相应地,位移参数可以包括基于横向偏转参数得到的横向位移参数和基于纵向偏转参数得到的纵向位移参数。
由此,基于偏转参数分别获取两个位移参数,简化用户设备的计算。
优选地,可以通过传感器检测偏转参数,传感器可以包括电子罗盘传感器、陀螺仪传感器、加速传感器中的任意一种或其组合。
由此,基于移动设备中往往都已设置的各式传感器,可以方便地获取设备的偏转参数。
根据本发明的另一方面,还提供了一种图形显示装置,该装置可以包括:图形显示模块,用于在用户设备的屏幕上显示图形,图形包括至少两个部分;以及位移模块,用于响应于用户设备绕平行于屏幕的轴线的偏转,使图形的至少两个部分在屏幕上发生彼此不同的位移。
优选地,位移模块可以包括:参数获取子模块,用于获取用户设备绕轴线的偏转参数;以及移动子模块,用于基于偏转参数,分别以不同的位移参数移动图形的至少两个部分。
优选地,至少两个部分为至少部分重叠的至少两个图层。
优选地,用户设备绕轴线的偏转,使得用户设备的第一端靠近用户,与第一端相对的第二端远离用户,至少两个图层在屏幕上彼此不同的位移使得其中任意两个图层中位于下层的下图层相对于位于上层的上图层更靠近第一端。
优选地,移动子模块还可以用于:基于为至少两个部分分别设置的不同函数关系以及偏移参数,为至少两个部分分别赋予位移参数。
优选地,在用户设备绕平行于屏幕的轴线的偏转的过程中,图形的至少一个部分在屏幕上的位置保持不变。
优选地,至少两个部分可以沿相同的方向移动;并且/或者至少两个部分也可以沿相反的方向移动。
优选地,偏转参数可以包括横向偏转参数和纵向偏转参数,横向偏转参数是屏幕的横轴绕纵轴方向偏转的偏转参数,纵轴偏转参数是屏幕的纵轴绕横轴方向偏转的偏转参数。
相应地,位移参数可以包括基于横向偏转参数得到的横向位移参数和基于纵向偏转参数得到的纵向位移参数。
优选地,可以通过传感器检测偏转参数,传感器包括电子罗盘传感器、陀螺仪传感器、加速传感器中的任意一种或其组合。
根据本发明的又一方面,还提供了一种电子设备,包括:显示屏幕;处理器;以及存储器,其上存储有可执行代码,当可执行代码被处理器执行时,使处理器执行上述任何一项的图形显示方法。
根据本发明的又一方面,还提供了一种非暂时性机器可读存储介质,其上存储有可执行代码,当可执行代码被电子设备的处理器执行时,使处理器执行上述任一项的图形显示方法。
通过本发明的图形显示方案,能够基于用户设备绕平行于屏幕的轴线的偏转,使图形的不同部分在屏幕上发生彼此不同的位移,让用户感觉看到的图形具有立体感的,提升用户的体验效果。
附图说明
通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。
图1示出了根据本发明一个实施例的电子设备的示意性框图。
图2示出了根据本发明一个实施例的图形显示方法的示意性流程图。
图3示出了根据本发明的用户设备的轴向的示意图。
图4示出了根据本发明一个实施例的使图形位移的方法的示意性流程图。
图5A-5D示出根据本发明实施例的图形显示变化示意图。
图6示出了根据本发明一个实施例的图形显示装置的示意性框图。
图7示出了根据本发明一个实施例的位移模块的示意性框图。
图8A-8E示出了根据本发明的一个应用例。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
如前所述,为了使用户感觉看到的图形具有立体的显示效果,本发明提出了一种图形显示方案,包括图形显示方法、以及实现该方法的图形显示装置、电子设备。下面将结合附图及实施例详细说明本发明的图形显示方案。
本发明的图形显示方案可以由一种电子设备实现,图1示出了根据本发明一个实施例的电子设备的示意性框图。
如图1所示,本发明的电子设备100可以包括显示屏幕110、处理器120和存储器130。其中,存储器130上可以存储有可执行代码,当该可执行代码被处理器120执行时,使处理器120执行本发明的图形显示方法。
该电子设备可以是可供用户使用的任何合适的电子设备,优选地可以是便携式电子设备,可以包括但不限于智能手机、平板电脑或是其他便携式设备。
电子设备100中可以安装有各式传感器,例如,电子罗盘(磁力感应器)、陀螺仪、加速度传感器、距离传感器等等,以感测电子设备的方向、位置或是运动等的各种参数。传感器能够提供本发明的方法所需要的偏转参数,如偏转角度、各方向上的偏移量等等。
下面结合附图及实施例详细说明本发明的图形显示方法。
图2示出了根据本发明一个实施例的图形显示方法的示意性流程图。
如图2所示,在步骤S210,在用户设备的屏幕上显示图形。
这里的用户设备可以是诸如图1所示的电子设备,屏幕可以是用户设备的显示屏幕。
所显示的图形可以是单一的图形,也可以是由多个图形组合而成的完整的图形,并且可以具有一定的形状和/或色彩和/或显示效果或其它属性特征。图形也可以具有多种含义或功能,在一个优选实施例中,图形可以是图标,例如桌面图标、界面图标、应用程序界面图标等。
图形可以包括至少两个部分。一个图形所包括的至少两个部分可以是指将一个完整图形不重叠地划分而成的分别包括图形的部分内容的若干个块
图形的至少两个部分也可以是至少部分重叠的至少两个图层,如组成完整图形的多个图形分别所在的多个图层。在图形的各个部分是至少部分重叠的图层时,各个图层均可以是透明、半透明或者不透明的。
图形的至少两个部分还可以是以其它形式定义的不同的部分,在此不做限制。
在步骤S220,响应于用户设备绕平行于屏幕的轴线的偏转,使图形的至少两个部分在屏幕上发生彼此不同的位移。
这里的轴线是与用户设备的屏幕平行的任意轴线。
图3示出了根据本发明一个实施例的用户设备的屏幕坐标的示意图。
以图3所示的智能手机为例,可以基于手机的显示屏幕设定屏幕坐标,以显示屏幕的中心作为原点,以平行于手机短边(尺寸相对较小的一边)的轴表示横轴X,平行于手机长边(尺寸相对较大的一边)的轴表示纵轴Y。其中,横轴X和/或纵轴Y是有方向(正负轴)的,箭头指向为正向(正轴),相反方向是反向(负轴)。
本文中用户设备发生偏转时所绕的轴线可以是任何平行于横轴或纵轴的轴线,也可以是任何平行于横纵轴的合成轴的轴线。
图形的各个部分在屏幕上发生的位移是指图形的各个部分在屏幕上的显示位置发生位移。图形的各部分在虚拟空间中深度方向上也可以存在预设的相对位置关系,在具体实践中,图形的各个部分的相对位置关系可以是变化的也可以是未变化的,在此不做限制。
虽然任何一个时刻的图形都是平面的,但是图形的各部分随着设备偏转而在屏幕上发生的位移以及发生位移的过程能够使人感觉到图形是立体的,用户能够实时掌控立体操控的感受,提升用户的体验效果。
应当理解的是,用户设备的偏转和图形的至少两个部分的位移可以是同时完成的,或者,图形的至少两个部分的位移的完成可以比用户设备的偏转的完成有较短时间的延迟。
另外,图形的至少两个部分可以是至少部分重叠的至少两个图层,用户设备绕轴线的偏转,使得用户设备的第一端靠近用户,与第一端相对的第二端远离用户。其中,第一端和第二端用以概括地表示用户设备的关于屏幕中心对称的两个相对点所在的位置,例如屏幕的左边和右边、左上角和右下角等。
应当理解,这里对“第一”和“第二”的描述,旨在对描述对象加以区分,而非对其顺序和大小有任何明示或是暗示的规定。
至少两个图层在屏幕上彼此不同的位移能够使得其中任意两个图层中位于下层的下图层相对于位于上层的上图层更靠近第一端。与真实的上下两层随视角变化而发生的视图变化相同或相类似,给人逼真的立体视角体验。
在具体的实现过程中,可以基于获得的偏转参数,确定对应于图形的不同部分的不同的位移参数,基于位移参数移动图形的相应部分,使得图形不同的部分在屏幕上彼此发生不同的位移,让用户感觉看到的图形是立体的。因此步骤S220可以包括如图4所示的子步骤。
图4示出了根据本发明一个实施例的步骤S220中使图形各个部分分别位移的方法流程图。
首先,在步骤S221,获取用户设备绕轴线的偏转参数。
这里的偏转参数可以是通过传感器检测到的,该传感器可以是电子罗盘传感器、陀螺仪传感器和加速度传感器中的任意一个或其组合。传感器可以设置在用户设备内,实时监测用户设备的偏转,以便于及时获得用户设备的偏转参数。
偏转参数可以包括横向偏转参数和纵向偏转参数。其中,横向偏转参数是屏幕的横轴绕纵轴方向偏转的偏转参数,纵轴偏转参数是屏幕的纵轴绕横轴方向偏转的偏转参数。
当用户设备仅沿横轴或纵轴中的一个轴线方向偏转时,偏转参数仅包括对应的纵向偏转参数或横向偏转参数。
当用户设备绕其它轴线(可以是平行于横/纵轴的合成轴的轴线)方向偏转时,此时的偏转参数可以分解为横轴方向的横向偏转参数和纵轴方向的纵向偏转参数。
获取的偏转参数可以作为后续步骤中,使图形的各个部分在屏幕上发生位移的依据。
然后,在步骤S222,基于偏转参数,分别以不同的位移参数移动图形的至少两个部分。
这里的“位移参数”是指使得图形的不同部分在屏幕上发生位置变化的参数。
位移参数可以是基于偏转参数确定的,其可以包括基于横向偏转参数得到的横向位移参数和基于纵向偏转参数得到的纵向位移参数。横向位移参数是指图形的某个部分沿横轴方向移动的参数,纵向位移参数是指图形的某个部分沿纵轴方向移动的参数。
与偏转参数相对应地,当偏转参数仅包括横向偏转参数或纵向偏转参数中的一个时,位移参数也仅包括横向位移参数或纵向位移参数中的一个。当偏转参数同时包括横向和纵向偏转参数时,位移参数也可以分解为横向位移参数和纵向位移参数。
图形的不同部分可以具有不同的位移参数。不同的位移参数既可以是指图形的某两个部分发生位移的方向不同,或者可以是指某两个部分发生移动的位移数值不同,或者某两个部分发生移动的方向和位移数值均不相同。
图形的各个部分的位移量与用户设备的偏转程度相关,也即屏幕相对于人眼的夹角有关,这样可以使得图形各个部分的显示位置的变化不突兀,并且增强立体感。
另外,也可以为图形的至少两个部分分别设置不同的函数关系,基于为至少两个部分分别设置的不同函数关系以及偏转参数,为至少两个部分分别赋予位移参数。
这里的函数关系可以是线性函数关系,也可以是其它函数关系,优选是增函数。
设置为线性函数关系时,可以为图形的不同部分(例如不同的块或不同的图层)分别设置具有不同的系数的线性函数yi=kix+b。
其中,x表示用户设备的偏转参数;yi是图形的第i个部分对应的位移参数;ki是图形的第i个部分对应的线性函数的系数;b是任意常数,可以是零也可以非零,对应于不同部分的不同函数可以设置为具有相同或不同数值的常数b,优选地可以设置具有相同数值的常数b,更优选地,可以设b=0。
用于不同部分i的函数yi具有不同的斜率(系数)ki,各函数的系数ki可以是诸如等差数列等具有规律关系的数列,这样得到的图形的各个部分的位移也是规律的,让用户感觉各部分之间在深度上是等间距的。但是,各函数的系数yi也可以是非等差数列,或具有其它非规律关系,给用户一种各层之间不等间距的感觉。
在获取偏转参数后,将偏转参数代入函数,得到对应的位移参数。当x是横向偏转参数时,对应的yi是图形的第i个部分对应的横向位移参数,当x是纵向偏转参数时,对应的yi是图形的第i个部分对应的纵向位移参数。基于位移参数在屏幕上移动图形的至少两个部分,使各部分的位移与设备的偏转程度相关,也即屏幕相对于人眼的夹角有关,使得图形相对于屏幕的变化不突兀,且能够增强立体感。
函数关系也可以是非线性函数关系yi=fi(x),例如可以是二次函数。
设置为非线性函数时,可以为图形的不同部分分别设置具有不同系数的二次函数yi=ki1x2+ki2x+b。
其中,x表示用户设备的偏转参数,yi是图形的第i个部分对应的位移参数;ki1和ki2是图形的第i个部分对应的函数的系数,b是任意常数,可以是零也可以非零,对应于不同部分的不同函数可以设置为具有相同或不同数值的常数b,优选地可以设置具有相同数值的常数b,更优选地,可以设b=0。
同线性函数关系相似,非线性函数的系数ki1和ki2也可以是分别具有规律关系,以让用户感觉图形的各层之间在深度上有等间距的。当然,系数ki1和ki2也可以具有非规律关系,在此不再赘述。
由此,基于赋予的位移参数分别移动图形的至少两个部分,使得各部分在屏幕上发生彼此不同的位移,让用户感觉看到的图形具有立体感,使得用户能够实时掌控立体操作的感受。
在用户设备绕平行于屏幕的轴线的偏转的过程中,可以设定图形的至少一个部分在屏幕上的位置保持不变,以减少计算量。并且,能够提供一个不移动参照,给用户以良好的立体视觉体验,用户也不会感觉到眩晕或疲劳。
不移动的部分可以是图形的任意一个部分。优选地,该部分可以是多个部分中相对居于图形的中间位置的部分,例如位于图形中间的一个块,或居于多个图层中间的一个图层等等。
在图形的至少一个部分的位置保持不变的情况下,可以根据需要以各种方式增强图形的立体感,例如,可以使图形的其他的部分沿相同的方向移动,或者也可以使图形的其他部分沿相反的方向移动。
为了更好地理解本发明的技术方案,以智能手机作为用户设备进行说明,图5A-5D示出了根据本发明一个实施例的图形显示过程的示意图。图中所示为从手机顶端沿纵轴(Y)方向向下查看到的俯视图,并且用户眼睛朝向于设备的屏幕。
假设在虚拟空间3中设定三个均匀分布的图层①、②、③,各个图层均能够显示在屏幕2上,并设定任意两图层中较为靠近屏幕2的图层称为上图层,较为远离屏幕2的图层称为下图层。
需要说明的是,为了示意地说明本发明的图形显示方案,图5A-5D中以填充不同图案的矩形框表示图层并加以区分,同时使各个图层在显示屏幕2上未重叠显示。并且,仅以一只眼睛示意性表示用户的双眼。位移过程中,作为虚拟空间的三个图层,设定它们之间在深度方向上的相对位置关系是不变的。
本发明的方案期望用户感觉各图层不在一起,并且在垂直于屏幕的深度方向上有间距,从而呈现立体感。实践中,图层可以是任意形态,例如可以有厚度或无厚度,也可以在虚拟空间中不等间距分布,还可以在显示屏幕上重叠显示。
图5A-5D中所示为用户设备发生偏转时,用户看到的在屏幕上显示的图形的各图层的显示位置的变化过程。其中,图层在屏幕上的显示位置是图层沿与人眼连线方向在屏幕上的投影的位置,图中将各个图层的投影未重叠显示以便于进行描述。
如图5A所示,用户的眼睛1正视显示屏幕2及其上显示的图形,图层①、②、③在屏幕上的投影①’、②’、③’显示在显示屏幕上,用户眼睛看到的是二维图形。其中,正视是指用户的眼睛面向竖直的显示屏幕,用户视线垂直于设备屏幕。实践中,多图层之间也可以不完全重叠,并且通过偏转手机而改变人眼与屏幕之间的视角。
如图5B-5D所示,当用户设备发生偏转,例如设备相对于屏幕纵轴偏转一定角度,即用户视线与用户设备的屏幕发生角度变化(与用户正视屏幕相比)时,用户设备的第一端(这里是指手机的右端)靠近用户,与第一端相对的第二端(这里是指手机的左端)远离用户。
通过以不同的位移参数使得各个图层在屏幕上发生不同的位移,各个图层在显示屏幕上彼此不同的位移使得其中任意两个图层中位于下层的下图层相对于位于上层的上图层更靠近第一端,从而让用户感觉到图形具有立体感。
图5B的虚拟空间图层位置设定对应于图5A,图5C和5D对应的虚拟空间图层位置设定与图5A不同,没有绘出对应的正视示意图。
在前文中提及,在用户设备绕轴线的偏转过程中,可以设定图形的至少一个部分在屏幕上的位置保持不变。在这种情况下,设定的显示位置不变的部分不同都能让用户感觉到图形的立体感。
下面参考图5B-5D进行详细描述。其中,为了更清楚地理解本发明的技术方案,图中以与屏幕叠加显示的图层视为保持显示位置不变的图层(图5A中图层①与屏幕的叠加显示不表示限定图层①的显示位置不变)。
如图5B所示,设定居于首层的图层①在屏幕上的显示位置不变,基于获取的用户设备的偏转参数确定图层的位移参数后,分别将图层②和③在屏幕上的投影②’和③’沿着屏幕的横轴分别向靠近第一端的一侧移动,移动的位移参数的数值大小为图层③’>图层②’。
如图5C所示,设定居于中间的图层②在屏幕上的显示位置不变,基于获取的用户设备的偏转参数确定图层的位移参数后,将图层①在屏幕上的投影①’沿着屏幕的横轴向远离第一端的一侧移动,将图层③在屏幕上的投影③’沿着屏幕的横轴向靠近第一端的一侧移动。
如图5D所示,设定居于末层的图层③在屏幕上的显示位置不变,基于获取的用户设备的偏转参数确定图层的位移参数后,分别将图层①和②在屏幕上的投影①’和②’沿着屏幕的横轴分别向远离第一端的一侧移动,移动的位移参数的数值大小为图层①’>图层②’。
由此,通过以不同的设置方式以及如前所述的图形显示方法,使得图形的至少两个部分可以响应于用户设备的偏转,分别以不同的位移参数在显示屏幕上发生彼此不同的位移,让用户感觉看到的图形是立体的,提升用户的体验效果。
至此,已经结合图2-图5和实施例详细说明了本发明的图形显示方法。
下面将结合图6-7简述实现本发明的图形显示方法的图形显示装置。
图6示出了根据本发明一个实施例的图形显示装置的示意性框图。其中,图形显示装置600的功能模块可以由实现本发明原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是,图6所描述的功能模块可以组合起来或者划分成子模块,从而实现上述发明的原理。因此,本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。
图6所示的图形显示装置600可以用来实现图2所示的图形显示方法,下面仅就图形显示装置600可以具有的功能模块以及各功能模块可以执行的操作做简要说明,对于其中涉及的细节部分可以参见上文结合图2的描述,这里不再赘述。
如图6所示,本发明的图形显示装置600可以包括图形显示模块610和位移模块620。
图形显示模块610可以用于在用户设备的屏幕上显示图形,其中,该图形可以包括至少两个部分。
位移模块620可以用于响应于用户设备绕平行于屏幕的轴线的偏转,使图形的至少两个部分在屏幕上发生彼此不同的位移。
可选地,本发明的位移模块620还可以包括子模块。图7示出了根据本发明一个实施例的位移模块620的示意性框图。图7所示的位移模块620可以用来实现图4所示的使图形发生不同位移的方法步骤。
如图7所示,本发明的位移模块620可以包括参数获取子模块621和移动子模块622。
参数获取子模块621可以用于获取用户设备绕轴线的偏转参数。可以通过传感器检测偏转参数,偏转参数可以包括横向偏转参数和纵向偏转参数。
移动子模块622可以用于基于偏转参数,分别以不同的位移参数移动图形的至少两个部分。优选地,至少两个部分可以为至少部分重叠的至少两个图层。与偏转参数相对应的,位移参数可以包括基于横向偏转参数得到的横向位移参数和基于纵向偏转参数得到的纵向位移参数。
优选地,移动子模块622还可以用于基于为至少两个部分分别设置的不同函数关系以及偏移参数,为至少两个部分分别赋予位移参数。
在用户设备绕平行于屏幕的轴线的偏转的过程中,图形的至少一个部分可以在屏幕上的位置保持不变,其他的部分可以沿相同的方向移动,并且/或者其他的部分也可以沿相反的方向移动。
【应用例】
图8A-8E示出了根据本发明的一个应用例。
以图8A所示的苹果手机设备I,以及图8B所示的应用程序的图标的各个图层①、②、③为例进行说明。其中,设定①、②、③同时也表示图层由上层到下层的顺序,以角度α、β分别表示横向偏转参数和纵向偏转参数(该参数也可以是其它参数),并且设定手机偏转过程中,中间层图层②在屏幕II上的显示位置不变。
如图8C所示,当用户眼睛正视手机设备时,图标的各个图层重叠显示在屏幕上。
如图8D所示,将手机设备绕纵轴旋转一定的角度α,绕横轴旋转一定的角度β,使得手机的左上角的一端靠近用户。响应于设备的偏转,为各个图层赋予位移参数,相应地将图层①在显示屏幕上的投影朝着靠近手机偏转的方向移动,使得用户看到的图标是立体的。
如图8E所示,将手机设备绕纵轴旋转α,绕横轴旋转β(这里的α、β均与图8D所示的偏转方向相反),使得手机的右下角的一端靠近用户,响应于设备的偏转,为各个图层赋予位移参数,相应地将图层②和③在显示屏幕上的投影朝着手机偏转的方向移动,使得用户看到的图标是立体的。
由此,基于本发明的图形显示方案即可使得用户感觉看到的图形是立体的,提升用户的体验效果。
至此,已经参考附图及实施例详细描述了根据本发明的图形显示方法、图形显示装置和电子设备。
此外,根据本发明的方法还可以实现为一种计算机程序,该计算机程序包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。
或者,本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质),其上存储有可执行代码(或计算机程序、或计算机指令代码),当所述可执行代码(或计算机程序或计算机指令代码)被电子设备的处理器执行时,使所述处理器执行根据本发明的上述图形显示方法。
或者,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的上述方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本发明的多个实施例的***和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。
Claims (20)
1.一种图形显示方法,该方法包括:
在用户设备的屏幕上显示图形,所述图形包括至少两个部分;以及
响应于所述用户设备绕平行于所述屏幕的轴线的偏转,使所述图形的所述至少两个部分在所述屏幕上发生彼此不同的位移。
2.根据权利要求1所述的方法,其中,所述响应于所述用户设备绕平行于所述屏幕的轴线的偏转、使所述图形的所述至少两个部分在所述屏幕上发生彼此不同的位移的步骤包括:
获取所述用户设备绕所述轴线的偏转参数;以及
基于所述偏转参数,分别以不同的位移参数移动所述图形的所述至少两个部分。
3.根据权利要求2所述的方法,其中,所述至少两个部分为至少部分重叠的至少两个图层。
4.根据权利要求3所述的方法,其中,
所述用户设备绕所述轴线的偏转,使得所述用户设备的第一端靠近用户,与所述第一端相对的第二端远离所述用户,
所述至少两个图层在所述屏幕上彼此不同的位移使得其中任意两个图层中位于下层的下图层相对于位于上层的上图层更靠近所述第一端。
5.根据权利要求2所述的方法,其中,所述基于所述偏转参数,分别以不同的位移参数移动所述图形的所述至少两个部分的步骤包括:
基于为所述至少两个部分分别设置的不同函数关系以及所述偏移参数,为所述至少两个部分分别赋予所述位移参数。
6.根据权利要求1所述的方法,其中,
在所述用户设备绕平行于所述屏幕的轴线的偏转的过程中,所述图形的至少一个部分在所述屏幕上的位置保持不变。
7.根据权利要求6所述的方法,其中,
至少两个部分沿相同的方向移动;并且/或者
至少两个部分沿相反的方向移动。
8.根据权利要求2-7中任何一项所述的方法,其中,
所述偏转参数包括横向偏转参数和纵向偏转参数,所述横向偏转参数是所述屏幕的横轴绕纵轴方向偏转的偏转参数,所述纵轴偏转参数是所述屏幕的纵轴绕横轴方向偏转的偏转参数,
相应地,所述位移参数包括基于所述横向偏转参数得到的横向位移参数和基于所述纵向偏转参数得到的纵向位移参数。
9.根据权利要求8所述的方法,其中,
通过传感器检测所述偏转参数,
所述传感器包括电子罗盘传感器、陀螺仪传感器、加速传感器中的任意一种或其组合。
10.一种图形显示装置,该装置包括:
图形显示模块,用于在用户设备的屏幕上显示图形,所述图形包括至少两个部分;以及
位移模块,用于响应于所述用户设备绕平行于所述屏幕的轴线的偏转,使所述图形的所述至少两个部分在所述屏幕上发生彼此不同的位移。
11.根据权利要求10所述的装置,其中,所述位移模块包括:
参数获取子模块,用于获取所述用户设备绕所述轴线的偏转参数;以及
移动子模块,用于基于所述偏转参数,分别以不同的位移参数移动所述图形的所述至少两个部分。
12.根据权利要求11所述的装置,其中,所述至少两个部分为至少部分重叠的至少两个图层。
13.根据权利要求12所述的装置,其中,
所述用户设备绕所述轴线的偏转,使得所述用户设备的第一端靠近用户,与所述第一端相对的第二端远离所述用户,
所述至少两个图层在所述屏幕上彼此不同的位移使得其中任意两个图层中位于下层的下图层相对于位于上层的上图层更靠近所述第一端。
14.根据权利要求12所述的装置,其中,所述移动子模块还用于:
基于为所述至少两个部分分别设置的不同函数关系以及所述偏移参数,为所述至少两个部分分别赋予所述位移参数。
15.根据权利要求10所述的装置,其中,
在所述用户设备绕平行于所述屏幕的轴线的偏转的过程中,所述图形的至少一个部分在所述屏幕上的位置保持不变。
16.根据权利要求14所述的装置,其中,
至少两个部分沿相同的方向移动;并且/或者
至少两个部分沿相反的方向移动。
17.根据权利要求11-16中任何一项所述的装置,其中,
所述偏转参数包括横向偏转参数和纵向偏转参数,所述横向偏转参数是所述屏幕的横轴绕纵轴方向偏转的偏转参数,所述纵轴偏转参数是所述屏幕的纵轴绕横轴方向偏转的偏转参数,
相应地,所述位移参数包括基于所述横向偏转参数得到的横向位移参数和基于所述纵向偏转参数得到的纵向位移参数。
18.根据权利要求17所述的装置,其中,
通过传感器检测所述偏转参数,
所述传感器包括电子罗盘传感器、陀螺仪传感器、加速传感器中的任意一种或其组合。
19.一种电子设备,包括:
显示屏幕;
处理器;以及
存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1-9中任何一项所述的图形显示方法。
20.一种非暂时性机器可读存储介质,其上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行如权利要求1至9中任一项所述的图形显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710449005.6A CN107193442A (zh) | 2017-06-14 | 2017-06-14 | 图形显示方法、图形显示装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710449005.6A CN107193442A (zh) | 2017-06-14 | 2017-06-14 | 图形显示方法、图形显示装置、电子设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107193442A true CN107193442A (zh) | 2017-09-22 |
Family
ID=59879096
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710449005.6A Pending CN107193442A (zh) | 2017-06-14 | 2017-06-14 | 图形显示方法、图形显示装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107193442A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108536332A (zh) * | 2018-04-03 | 2018-09-14 | 京东方科技集团股份有限公司 | 触控层图形的确定方法及装置、触控显示装置、存储介质和计算机设备 |
CN109976624A (zh) * | 2017-12-28 | 2019-07-05 | 腾讯科技(深圳)有限公司 | 图像显示方法、装置、设备及计算机可读存储介质 |
US10909943B2 (en) | 2019-02-01 | 2021-02-02 | Beijing Boe Optoelectronics Technology Co., Ltd. | Gate drive circuit and driving method thereof, display panel and display device |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102141846A (zh) * | 2011-03-09 | 2011-08-03 | 中兴通讯股份有限公司 | 一种直觉式浏览内容的方法及移动终端 |
CN103616966A (zh) * | 2013-11-29 | 2014-03-05 | 广州市久邦数码科技有限公司 | 一种重感3d立体桌面***及其实现方法 |
CN104063053A (zh) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | 图像显示方法、装置及电子设备 |
CN104349157A (zh) * | 2013-07-25 | 2015-02-11 | 联发科技股份有限公司 | 3d显示装置及其方法 |
CN106155474A (zh) * | 2016-06-15 | 2016-11-23 | 广州神马移动信息科技有限公司 | 显示视图控件动态效果的方法及装置 |
US20160349975A1 (en) * | 2015-05-29 | 2016-12-01 | Toshiba Medical Systems Corporation | Medical image processing apparatus, magnetic resonance imaging apparatus and medical image processing method |
CN106325649A (zh) * | 2015-06-19 | 2017-01-11 | 深圳创锐思科技有限公司 | 3d动态显示的方法及移动终端 |
-
2017
- 2017-06-14 CN CN201710449005.6A patent/CN107193442A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102141846A (zh) * | 2011-03-09 | 2011-08-03 | 中兴通讯股份有限公司 | 一种直觉式浏览内容的方法及移动终端 |
CN104349157A (zh) * | 2013-07-25 | 2015-02-11 | 联发科技股份有限公司 | 3d显示装置及其方法 |
CN103616966A (zh) * | 2013-11-29 | 2014-03-05 | 广州市久邦数码科技有限公司 | 一种重感3d立体桌面***及其实现方法 |
CN104063053A (zh) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | 图像显示方法、装置及电子设备 |
US20160349975A1 (en) * | 2015-05-29 | 2016-12-01 | Toshiba Medical Systems Corporation | Medical image processing apparatus, magnetic resonance imaging apparatus and medical image processing method |
CN106325649A (zh) * | 2015-06-19 | 2017-01-11 | 深圳创锐思科技有限公司 | 3d动态显示的方法及移动终端 |
CN106155474A (zh) * | 2016-06-15 | 2016-11-23 | 广州神马移动信息科技有限公司 | 显示视图控件动态效果的方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109976624A (zh) * | 2017-12-28 | 2019-07-05 | 腾讯科技(深圳)有限公司 | 图像显示方法、装置、设备及计算机可读存储介质 |
CN108536332A (zh) * | 2018-04-03 | 2018-09-14 | 京东方科技集团股份有限公司 | 触控层图形的确定方法及装置、触控显示装置、存储介质和计算机设备 |
CN108536332B (zh) * | 2018-04-03 | 2021-05-14 | 京东方科技集团股份有限公司 | 触控层图形的确定方法及装置、触控显示装置、存储介质和计算机设备 |
US11079869B2 (en) | 2018-04-03 | 2021-08-03 | Boe Technology Group Co., Ltd. | Method for determining touch layer pattern, touch display device, computer device and storage medium |
US10909943B2 (en) | 2019-02-01 | 2021-02-02 | Beijing Boe Optoelectronics Technology Co., Ltd. | Gate drive circuit and driving method thereof, display panel and display device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5496032B2 (ja) | 触感呈示装置及び触感呈示装置の制御方法 | |
CN104661011B (zh) | 立体图像显示方法及手持终端 | |
KR102260705B1 (ko) | 햅틱 디바이스에서의 3차원 릴리프를 위한 마찰 변조 | |
CN107193442A (zh) | 图形显示方法、图形显示装置、电子设备和存储介质 | |
WO2016145832A1 (zh) | 终端的操作方法及装置 | |
CN104680532B (zh) | 一种对象标注方法及装置 | |
CN104765156B (zh) | 一种三维显示装置和三维显示方法 | |
TWI547853B (zh) | 使用者介面顯示系統及方法 | |
CN108076208A (zh) | 一种显示处理方法及装置、终端 | |
US7773085B2 (en) | Flexible landscape display system for information display and control | |
CN105159522A (zh) | 一种虚拟现实显示设备响应外设设备操作的方法 | |
KR100971667B1 (ko) | 증강 책을 통한 실감 콘텐츠를 제공하는 방법 및 장치 | |
CN103826114B (zh) | 一种立体显示方法及自由立体显示装置 | |
CN110740309A (zh) | 一种图像显示方法、装置、电子设备及存储介质 | |
CN104933980A (zh) | 一种显示驱动方法、装置及显示装置 | |
JP6174646B2 (ja) | 仮想空間内のオブジェクトを3軸操作するためのコンピュータ・プログラム | |
JP6558365B2 (ja) | 画像処理装置、画像処理方法及びプログラム | |
KR20010047046A (ko) | 제트버퍼를 이용한 입체영상 생성방법 | |
KR101428577B1 (ko) | 적외선 동작 인식 카메라를 사용하여 화면상에 네추럴 유저 인터페이스 기반 입체 지구본을 제공하는 방법 | |
CN113918024A (zh) | 用于透明a柱曲面屏幕的去畸变方法、装置及存储介质 | |
JPH02262119A (ja) | 積層液晶ディスプレイ装置による立体表示方式 | |
CN106527774B (zh) | 非接触式输入笔迹的处理方法和装置 | |
US11087528B1 (en) | 3D object generation | |
KR101168020B1 (ko) | 가상 선체 관찰 시스템 및 이를 이용한 가상 선체 관찰 방법 | |
US20230127260A1 (en) | Image processing method using transparent flat plate, and apparatus for performing same |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200810 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510665 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 02 unit self Applicant before: Guangzhou Aijiuyou Information Technology Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170922 |
|
RJ01 | Rejection of invention patent application after publication |