CN104063053A - 图像显示方法、装置及电子设备 - Google Patents
图像显示方法、装置及电子设备 Download PDFInfo
- Publication number
- CN104063053A CN104063053A CN201410239626.8A CN201410239626A CN104063053A CN 104063053 A CN104063053 A CN 104063053A CN 201410239626 A CN201410239626 A CN 201410239626A CN 104063053 A CN104063053 A CN 104063053A
- Authority
- CN
- China
- Prior art keywords
- screen
- target image
- attitude
- anglec
- rotation
- 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.)
- Granted
Links
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本发明是关于一种图像显示方法、装置及电子设备,属于移动显示领域。所述方法包括:确定电子设备的屏幕姿态;获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;根据所述屏幕姿态和所述高度参数显示所述目标图像。本发明用于显示图像。
Description
技术领域
本公开涉及移动显示领域,尤其涉及一种图像显示方法、装置及电子设备。
背景技术
随着移动显示领域的不断发展,为了提高用户体验,智能手机、平板电脑以及电子书阅读器等移动设备的界面设计正变的越来越重要。
在相关技术中,以内容排版为主的设计逐渐被用户接受。开发人员在设计显示界面时,通常选择在平面扁平的前提下提炼设计元素,去除界面中多余繁琐的细节,尽可能保证页面的简洁降低用户视觉负担,使用户对于信息的获取变的更加直接和简单。
在实现本公开的过程中,发现相关技术至少存在以下问题:
采用扁平化设计的界面过于单调,很容易使用户产生视觉疲劳,并且,扁平化设计的界面通常只能静态显示,与用户之间的交互和反馈较差,对用户体验有较大的负面影响。
发明内容
为了解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,本公开实施例提供了一种图像显示方法、装置及电子设备。所述技术方案如下:
第一方面,提供了一种图像显示方法,所述方法包括:
确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
根据所述屏幕姿态和所述高度参数显示所述目标图像。
可选的,所述根据所述屏幕姿态和所述高度参数显示所述目标图像,包括:
根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,所述显示图形为所述目标图像垂直投影在所述屏幕中所形成的图形;
根据所述屏幕姿态以及所述高度参数确定图像位移,所述图像位移用于指示所述显示图形在所述屏幕中相对于所述目标图像的投影位置的移动方向和移动距离;
将所述显示图形按照所述图像位移在所述屏幕中自所述投影位置开始进行移动;
显示移动后的所述显示图形。
可选的,所述确定电子设备的屏幕姿态,包括:
确定第一旋转角度和第二旋转角度;所述第一旋转角度为所述屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,所述第二旋转角度为所述屏幕以所述第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;所述第一直角坐标系与水平面平行;
根据所述第一旋转角度和所述第二旋转角度确定所述屏幕在空间中的旋转角度,根据所述旋转角度确定所述电子设备的屏幕姿态。
可选的,所述根据所述屏幕姿态以及所述高度参数确定图像位移,包括:
根据下述公式计算所述图像位移
a=h*sinα,b=h*sinβ;
其中,h为所述高度参数,α为所述第二旋转角度,β为所述第一旋转角度,所述图像位移所在的第二直角坐标系与所述屏幕平行,且当所述屏幕平行于水平面时,所述第二直角坐标系与所述第一直角坐标系相同。
可选的,所述根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,包括:
根据所述屏幕姿态以及所述目标图像在所述屏幕与水平面平行时相对于所述屏幕的位置确定所述目标图像相对于屏幕的当前位置,其中,所述目标图像保持与水平面平行,且当屏幕姿态发生改变时,所述目标图像对应的所述三维图形的中心与所述屏幕之间的相对位置保持不变;
根据所述目标图像相对于所述屏幕的当前位置确定所述显示图形。
第二方面,提供了一种图像显示装置,所述装置包括:
姿态确定模块,用于确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
参数获取模块,用于获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
显示模块,用于根据所述屏幕姿态和所述高度参数显示所述目标图像。
可选的,所述显示模块包括:
图形确定单元,用于根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,所述显示图形为所述目标图像垂直投影在所述屏幕中所形成的图形;
位移确定单元,用于根据所述屏幕姿态以及所述高度参数确定图像位移,所述图像位移用于指示所述显示图形在所述屏幕中相对于所述目标图像的投影位置的移动方向和移动距离;
移动单元,用于将所述显示图形按照所述图像位移在所述屏幕中自所述投影位置开始进行移动;
显示单元,用于显示移动后的所述显示图形。
可选的,所述姿态确定模块,包括:
角度确定单元,用于确定第一旋转角度和第二旋转角度;所述第一旋转角度为所述屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,所述第二旋转角度为所述屏幕以所述第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;所述第一直角坐标系与水平面平行;
姿态确定单元,用于根据所述第一旋转角度和所述第二旋转角度确定所述屏幕在空间中的旋转角度,根据所述旋转角度确定所述电子设备的屏幕姿态。
可选的,所述位移确定单元,用于根据下述公式计算所述图像位移
a=h*sinα,b=h*sinβ;
其中,h为所述高度参数,α为所述第二旋转角度,β为所述第一旋转角度,所述图像位移所在的第二直角坐标系与所述屏幕平行,且当所述屏幕平行于水平面时,所述第二直角坐标系与所述第一直角坐标系相同。
可选的,所述图形确定单元,包括:
位置确定子单元,用于根据所述屏幕姿态以及所述目标图像在所述屏幕与水平面平行时相对于所述屏幕的位置确定所述目标图像相对于屏幕的当前位置,其中,所述目标图像保持与水平面平行,且当屏幕姿态发生改变时,所述目标图像对应的所述三维图形的中心与所述屏幕之间的相对位置保持不变;
图形确定子单元,用于根据所述目标图像相对于所述屏幕的当前位置确定所述显示图形。
第三方面,提供了一种电子设备,所述电子设备包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为:
确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
根据所述屏幕姿态和所述高度参数显示所述目标图像。
本公开实施例提供的技术方案可以带来以下有益效果:
通过确定电子设备的屏幕姿态,获取目标图像的高度参数,根据该屏幕姿态和该高度参数显示该目标图像,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及目标图像的高度参数显示目标图像,以通过平面图形模拟出三维立体的显示效果,能够解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,可以根据用户操作模拟显示三维物体,达到提高用户体验的效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是根据一示例性实施例示出的一种图像显示方法的流程图;
图2是根据另一示例性实施例示出的一种图像显示方法的流程图;
图3是根据另一示例性实施例示出的一种电子设备偏转示意图;
图4是根据另一示例性实施例示出的另一种电子设备偏转示意图;
图5是根据另一示例性实施例示出的一种目标图像的三维空间示意图;
图6是根据另一示例性实施例示出的一种目标图像投影示意图;
图7是根据另一示例性实施例示出的一种移动后的图像显示示意图;
图8是根据又一示例性实施例示出的一种图像显示方法的流程图;
图9是根据又一示例性实施例示出的一种目标图像投影示意图;
图10是根据又一示例性实施例示出的一种智能手机中的时钟显示界面;
图11是根据一示例性实施例示出的一种图像显示装置的示意图;
图12是根据另一示例性实施例示出的一种图像显示装置的示意图;
图13是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的设备和方法的例子。
图1是根据一示例性实施例示出的一种图像显示方法的流程图,如图1所示,该图像显示方法可以用于在电子设备中显示目标图像。该电子设备可以是智能手机、平板电脑以及电子书阅读器等移动设备。该图像显示方法可以包括以下步骤:
在步骤102中,确定电子设备的屏幕姿态,该屏幕姿态用于指示该电子设备的屏幕相对于水平面的偏转角度;
在步骤104中,获取目标图像的高度参数,该目标图像为三维图形的一个水平横截面图像,该高度参数为预先设置的,用于指示该目标图像在三维空间中的高度的参数;
在步骤106中,根据该屏幕姿态和该高度参数显示该目标图像。
其中,在扁平化设计中,电子设备的显示界面中的一个可视化内容可以由若干个平面图像组成,各个平面图像用于显示该可视化内容在三维空间中的不同水平面上的横截面,比如,以扁平化界面中的时钟为例,时钟的外表盘、内表盘、时针、分针以及时间刻度可以分别通过不同的平面图像进行显示,开发人员预先根据该各个平面图像对应的空间高度为各个平面图像设置高度参数,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及各个平面图像的高度参数显示各个平面图像,以通过平面图形模拟出三维立体的显示效果。
综上所述,本示例性实施例示出的图像显示方法,通过确定电子设备的屏幕姿态,获取目标图像的高度参数,根据该屏幕姿态和该高度参数显示该目标图像,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及目标图像的高度参数显示目标图像,以通过平面图形模拟出三维立体的显示效果,能够解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,可以根据用户操作模拟显示三维物体,达到提高用户体验的效果。
图2是根据另一示例性实施例示出的一种图像显示方法的流程图,如图2所示,该图像显示方法可以用于在电子设备中显示目标图像。该电子设备可以是智能手机、平板电脑以及电子书阅读器等移动设备。该图像显示方法可以包括以下步骤:
在步骤202中,确定电子设备的屏幕姿态;
其中,该屏幕姿态用于指示该电子设备的屏幕相对于水平面的偏转角度。
如图3所示的电子设备偏转示意图,假设电子设备为智能手机,初始时刻处于水平状态,当用户使用智能手机的过程中对其进行偏转时,手机的屏幕会与水平面形成一定的夹角θ,该夹角θ可以用于指示该屏幕姿态。
在确定电子设备的屏幕姿态时,可以确定第一旋转角度和第二旋转角度;该第一旋转角度为该屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,该第二旋转角度为该屏幕以该第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;该第一直角坐标系与水平面平行。根据该第一旋转角度和该第二旋转角度确定该屏幕在空间中的旋转角度,根据该旋转角度确定该电子设备的屏幕姿态。
以电子设备为矩形屏幕的智能手机为例,建立三维空间中的三维直角坐标系,且该三维直角坐标系中x轴和y轴所在的平面与水平面平行,该三维直角坐标系的z轴与该屏幕所在的平面垂直,在本实施例中,只需要确定夹角θ在y轴和z轴组成的平面上的分量α以及夹角θ在x轴和z轴组成的平面上的分量β,即可以确定用户对智能手机的偏转情形,其中,如图4所示的电子设备偏转示意图,α可以看作智能手机以y轴为轴心逆时针旋转的角度,β可以看作智能手机以x轴为轴心逆时针旋转的角度。根据α和β可以确定智能手机在三维空间中的旋转角度,根据该三维空间中的旋转角度即可以确定智能手机的屏幕姿态。
在步骤204中,获取目标图像的高度参数;
其中,该目标图像为三维图形的一个水平横截面图像,该高度参数为预先设置的,用于指示该目标图像在三维空间中的高度的参数。
如图5所示的目标图像的三维空间示意图,假设屏幕中显示两个目标图像的投影,这两个目标图像为一个三维图形在两个不同水平面上的横截面图像,分别为圆形和正方形,该圆形和正方形与该三维图形底部所在平面之间的距离分别为H1和H2,开发人员预先分别根据该圆形和正方形与该三维图形底部所在的平面之间的距离为该圆形设置对应的高度参数h1,并为该正方形设置对应的高度参数h2,且H1/H2=h1/h2。
在步骤206中,根据该屏幕姿态以及该目标图像确定该目标图像对应的显示图形,该显示图形为该目标图像垂直投影在屏幕中所形成的图形;
当用户将电子设备偏转时,目标图像在屏幕中的垂直投影的形状发生变化,如图6所示的目标图像投影示意图,其中,用户将智能手机由水平状态向右偏转时,圆形在屏幕中的垂直投影由圆形变为椭圆形,正方形在屏幕中的垂直投影由正方形变为长方形。
在步骤208中,根据该屏幕姿态以及该高度参数确定图像位移;
其中,该图像位移用于指示该显示图形在屏幕中相对于该目标图像的投影位置的移动方向和移动距离。
在根据该屏幕姿态以及该高度参数确定图像位移时,可以根据下述公式计算该图像位移
a=h*sinα,b=h*sinβ;
其中,h为该高度参数,α为该第二旋转角度,β为该第一旋转角度。
在步骤210中,将该显示图形按照该图像位移在该屏幕中自该投影位置开始进行移动,显示移动后的该显示图形。
其中,该图像位移所在的第二直角坐标系与屏幕平行,且当屏幕平行于水平面时,第二直角坐标系与第一直角坐标系相同,当a为正值时,位移方向为第二直角坐标系的x轴正方向,b为正值时,位移方向为第二直角坐标系的y轴正方向。
在本实施例中,由于各个目标图像的高度参数不同,因此,计算获得的各个目标图像对应的图像位移也不相同,即将各个目标图像对应的显示图形按照各自的位移进行移动,通过对电子设备偏转后各个目标图像对应的显示图形按照高度参数的不同在屏幕中移动不同的位移,来虚拟出视觉上的立体效果。
如图7所示的移动后的图像显示示意图,其中,智能手机屏幕为矩形,第二直角坐标系的x轴与智能手机上边平行,y轴与智能手机侧边平行,用户将智能手机按照y轴逆时针方向旋转一定的角度α(0°<α<90°),将智能手机按照x轴逆时针方向旋转一定的角度β(0°<β<90°),则屏幕中的显示图形向左上方移动,且移动距离与高度参数成正比(圆形的高度参数较大,则对应的椭圆形的移动距离较大,正方形的高度较小,对应的长方形的移动距离也较小)。
综上所述,本示例性实施例示出的图像显示方法,通过确定电子设备的屏幕姿态,获取目标图像的高度参数,根据该屏幕姿态和该高度参数显示该目标图像,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及目标图像的高度参数显示目标图像,以通过平面图形模拟出三维立体的显示效果,能够解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,可以根据用户操作模拟显示三维物体,达到提高用户体验的效果。
图8是根据另一示例性实施例示出的一种图像显示方法的流程图,如图8所示,该图像显示方法可以用于在电子设备中显示目标图像。该电子设备可以是智能手机、平板电脑以及电子书阅读器等移动设备。该图像显示方法可以包括以下步骤:
在步骤302中,通过姿态传感器确定电子设备的屏幕姿态;
其中,该屏幕姿态用于指示该电子设备的屏幕相对于水平面的偏转角度,该屏幕姿态可以由电子设备中设置的姿态传感器检测确定。
如图3所示的电子设备偏转示意图,假设电子设备为智能手机,初始时刻处于水平状态,当用户使用智能手机的过程中对其进行偏转时,手机的屏幕会与水平面形成一定的夹角θ,该夹角θ可以用于指示该屏幕姿态。
在确定电子设备的屏幕姿态时,可以确定第一旋转角度和第二旋转角度;该第一旋转角度为该屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,该第二旋转角度为该屏幕以该第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;该第一直角坐标系与水平面平行。根据该第一旋转角度和该第二旋转角度确定该屏幕在空间中的旋转角度,根据该旋转角度确定该电子设备的屏幕姿态。
以电子设备为矩形屏幕的智能手机为例,建立三维空间中的三维直角坐标系,且该三维直角坐标系中x轴和y轴所在的平面与水平面平行,该三维直角坐标系的z轴与该屏幕所在的平面垂直,在本实施例中,只需要确定夹角θ在y轴和z轴组成的平面上的分量α以及夹角θ在x轴和z轴组成的平面上的分量β,即可以确定用户对智能手机的偏转情形,其中,如图4所示的电子设备偏转示意图,α可以看作智能手机以y轴为轴心逆时针旋转的角度,β可以看作智能手机以x轴为轴心逆时针旋转的角度。
在步骤304中,获取目标图像的高度参数;
其中,该目标图像为三维图形的一个水平横截面图像,该高度参数为预先设置的,用于指示该目标图像在三维空间中的高度的参数。
如图5所示的目标图像的三维空间示意图,假设屏幕中显示两个目标图像的投影,这两个目标图像为一个三维图形在两个不同水平面上的横截面图像,分别为圆形和正方形,该圆形和正方形与该三维图形底部所在平面之间的距离分别为H1和H2,开发人员预先分别根据该圆形和正方形与该三维图形底部所在的平面之间的距离为该圆形设置对应的高度参数h1,并为该正方形设置对应的高度参数h2,且H1/H2=h1/h2。
在步骤306中,根据该屏幕姿态以及该目标图像确定该目标图像对应的显示图形,该显示图形为该目标图像垂直投影在屏幕中所形成的图形;
在确定该目标图像对应的显示图形时,根据该屏幕姿态以及目标图像在屏幕与水平面平行时相对于屏幕的位置确定目标图像相对于屏幕的当前位置,其中,该目标图像保持与水平面平行,且当屏幕姿态发生改变时,该目标图像对应的三维图形的中心与屏幕之间的相对位置保持不变;根据该目标图像相对于屏幕的当前位置确定该显示图形。
如图9所示的目标图像投影示意图,在三维空间中,圆形和正方形对应同一个三维图形,该三维图形的中心点处于圆形和正方形中间。在T1时刻,屏幕与水平面平行,圆形和正方形在屏幕中的投影依然为圆形和正方形;在T2时刻,屏幕相对于水平面向右偏转一定的角度,此时,三维图形作为一个整体,其位置发生改变,且该三维图形的中心点与屏幕之间的位置与在T1时刻时相对于屏幕的位置保持不变,此时,该圆形在屏幕中的投影为椭圆形,该正方形在屏幕中的投影为长方形,且该圆形和正方形在屏幕中的投影相对于T1时刻右移。
在步骤308中,根据该屏幕姿态以及该高度参数确定图像位移;
其中,该图像位移用于指示该显示图形在屏幕中相对于该目标图像的投影位置的移动方向和移动距离。
在根据该屏幕姿态以及该高度参数确定图像位移时,可以根据下述公式计算该图像位移
a=h*sinα,b=h*sinβ;
其中,h为该高度参数,α为该第二旋转角度,β为该第一旋转角度。
在步骤310中,将该显示图形按照该图像位移在该屏幕中自该投影位置开始进行移动,显示移动后的该显示图形。
其中,该图像位移所在的第二直角坐标系与屏幕平行,且当屏幕平行于水平面时,第二直角坐标系与第一直角坐标系相同,当a为正值时,位移方向为第二直角坐标系的x轴正方向,b为正值时,位移方向为第二直角坐标系的y轴正方向。
在本实施例中,由于各个目标图像的高度参数不同,因此,计算获得的各个目标图像对应的图像位移也不相同,即将各个目标图像对应的显示图形按照各自的位移,自目标图像在屏幕中的投影位置处开始进行移动,通过对电子设备偏转后各个目标图像对应的显示图形按照高度参数的不同在屏幕中移动不同的位移,模拟两个目标图像在视觉上的空间错位,以此来虚拟出视觉上的立体效果。
如图7所示的移动后的图像显示示意图,其中,智能手机屏幕为矩形,第二直角坐标系的x轴与智能手机上边平行,y轴与智能手机侧边平行,用户将智能手机按照y轴旋逆时针方向转一定的角度α(0°<α<90°),将智能手机按照x轴逆时针方向旋转一定的角度β(0°<β<90°),则屏幕中的显示图形向左上方移动,且移动距离与高度参数成正比(圆形的高度参数较大,则对应的椭圆形的移动距离较大,正方形的高度较小,对应的长方形的移动距离也较小)。
比如,如图10所示的智能手机中的时钟显示界面,界面中的时钟图案按照扁平化设计,时钟表盘由三个目标图像组成,分别为时钟外圈、时钟内圈和指针,开发人员预先为三个目标图像设置不同的高度参数,当用户将智能手机向左偏转(α≠0,β=0)时,时钟外圈、时钟内圈和指针对应的显示图形向右移动;当用户将智能手机向右偏转(α≠0,β=0)时,时钟外圈、时钟内圈和指针对应的显示图形向左移动;且时钟外圈、时钟内圈和指针对应的显示图形的移动距离不同,以此模拟出时钟外圈、时钟内圈和指针的三维显示效果。
综上所述,本示例性实施例示出的图像显示方法,通过确定电子设备的屏幕姿态,获取目标图像的高度参数,根据该屏幕姿态和该高度参数显示该目标图像,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及目标图像的高度参数显示目标图像,以通过平面图形模拟出三维立体的显示效果,能够解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,可以根据用户操作模拟显示三维物体,达到提高用户体验的效果。
图11是根据一示例性实施例示出的一种图像显示装置的示意图,如图11所示,该图像显示装置可以用于执行如图1、图2或者图8任一所示的图像显示方法,以在电子设备中显示目标图像。该电子设备可以是智能手机、平板电脑以及电子书阅读器等移动设备。该图像显示装置可以包括:姿态确定模块401、参数获取模块402以及显示模块403;
所述姿态确定模块401被设置为用于确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
所述参数获取模块402被设置为用于获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
所述显示模块403被设置为用于根据所述屏幕姿态和所述高度参数显示所述目标图像。
综上所述,本示例性实施例示出的图像显示装置,通过确定电子设备的屏幕姿态,获取目标图像的高度参数,根据该屏幕姿态和该高度参数显示该目标图像,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及目标图像的高度参数显示目标图像,以通过平面图形模拟出三维立体的显示效果,能够解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,可以根据用户操作模拟显示三维物体,达到提高用户体验的效果。
图12是根据另一示例性实施例示出的一种图像显示装置的示意图,如图12所示,该图像显示装置可以用于执行如图1、图2或者图8任一所示的图像显示方法,以在电子设备中显示目标图像。该电子设备可以是智能手机、平板电脑以及电子书阅读器等移动设备。该图像显示装置可以包括:姿态确定模块501、参数获取模块502以及显示模块503;
所述姿态确定模块501被设置为用于确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
所述参数获取模块502被设置为用于获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
所述显示模块503被设置为用于根据所述屏幕姿态和所述高度参数显示所述目标图像。
所述显示模块503包括:图形确定单元5031、位移确定单元5032、移动单元5033以及显示单元5034;
所述图形确定单元5031被设置为用于根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,所述显示图形为所述目标图像垂直投影在所述屏幕中所形成的图形;
所述位移确定单元5032被设置为用于根据所述屏幕姿态以及所述高度参数确定图像位移,所述图像位移用于指示所述显示图形在所述屏幕中相对于所述目标图像的投影位置的移动方向和移动距离;
所述移动单元5033被设置为用于将所述显示图形按照所述图像位移在所述屏幕中自所述投影位置开始进行移动;
所述显示单元5034被设置为用于显示移动后的所述显示图形。
所述姿态确定模块501,包括:角度确定单元5011和姿态确定单元5012;
所述角度确定单元5011被设置为用于确定第一旋转角度和第二旋转角度;所述第一旋转角度为所述屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,所述第二旋转角度为所述屏幕以第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;所述第一直角坐标系与水平面平行;
所述姿态确定单元5012被设置为用于根据所述第一旋转角度和所述第二旋转角度确定所述屏幕在空间中的旋转角度,根据所述旋转角度确定所述电子设备的屏幕姿态。
所述位移确定单元5032被设置为用于根据下述公式计算所述图像位移
a=h*sinα,b=h*sinβ;
其中,h为所述高度参数,α为所述第二旋转角度,β为所述第一旋转角度,所述图像位移所在的第二直角坐标系与所述屏幕平行,且当所述屏幕平行于水平面时,所述第二直角坐标系与所述第一直角坐标系相同。
所述图形确定单元5031,包括:位置确定子单元5031a和图形确定子单元5031b;
所述位置确定子单元5031a被设置为用于根据所述屏幕姿态以及所述目标图像在所述屏幕与水平面平行时相对于所述屏幕的位置确定所述目标图像相对于屏幕的当前位置,其中,所述目标图像保持与水平面平行,且当屏幕姿态发生改变时,所述目标图像对应的所述三维图形的中心与所述屏幕之间的相对位置保持不变;
所述图形确定子单元5031b被设置为用于根据所述目标图像相对于所述屏幕的当前位置确定所述显示图形。
综上所述,本示例性实施例示出的图像显示装置,通过确定电子设备的屏幕姿态,获取目标图像的高度参数,根据该屏幕姿态和该高度参数显示该目标图像,当用户偏转电子设备时,可以根据偏转后的电子设备的屏幕姿态以及目标图像的高度参数显示目标图像,以通过平面图形模拟出三维立体的显示效果,能够解决相关技术中由于采用扁平化设计而导致界面过于单调且只能静态显示的问题,可以根据用户操作模拟显示三维物体,达到提高用户体验的效果。
图13是根据一示例性实施例示出的一种电子设备600的框图。例如,电子设备600可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图13,电子设备600可以包括以下一个或多个组件:处理组件602,存储器604,电源组件606,多媒体组件608,音频组件610,输入/输出(I/O)的接口612,传感器组件614,以及通信组件616。
处理组件602通常控制电子设备600的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件602可以包括一个或多个模块,便于处理组件602和其他组件之间的交互。例如,处理组件602可以包括多媒体模块,以方便多媒体组件608和处理组件602之间的交互。
存储器604被配置为存储各种类型的数据以支持在电子设备600的操作。这些数据的示例包括用于在电子设备600上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。存储器604中还存储有一个或多个模块,该一个或多个模块被配置成由该一个或多个处理器620执行,以完成上述图1、图2或者图8任一所示方法的全部或部分步骤。
电源组件606为电子设备600的各种组件提供电力。电源组件606可以包括电源管理***,一个或多个电源,及其他与为电子设备600生成、管理和分配电力相关联的组件。
多媒体组件608包括在所述电子设备600和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件608包括一个前置摄像头和/或后置摄像头。当电子设备600处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件610被配置为输出和/或输入音频信号。例如,音频组件610包括一个麦克风(MIC),当电子设备600处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中,音频组件610还包括一个扬声器,用于输出音频信号。
I/O接口612为处理组件602和***接口模块之间提供接口,上述***接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件614包括一个或多个传感器,用于为电子设备600提供各个方面的状态评估。例如,传感器组件614可以检测到电子设备600的打开/关闭状态,组件的相对定位,例如所述组件为电子设备600的显示器和小键盘,传感器组件614还可以检测电子设备600或电子设备600的一个组件的位置改变,用户与电子设备600接触的存在或不存在,电子设备600方位或加速/减速和电子设备600的温度变化。传感器组件614可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件614还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件616被配置为便于电子设备600和其他设备之间有线或无线方式的通信。电子设备600可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件616经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件616还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器604,上述指令可由电子设备600的处理器620执行以完成上述方法。例如,该非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里的公开后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (11)
1.一种图像显示方法,其特征在于,所述方法包括:
确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
根据所述屏幕姿态和所述高度参数显示所述目标图像。
2.根据权利要求1所述的方法,其特征在于,所述根据所述屏幕姿态和所述高度参数显示所述目标图像,包括:
根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,所述显示图形为所述目标图像垂直投影在所述屏幕中所形成的图形;
根据所述屏幕姿态以及所述高度参数确定图像位移,所述图像位移用于指示所述显示图形在所述屏幕中相对于所述目标图像的投影位置的移动方向和移动距离;
将所述显示图形按照所述图像位移在所述屏幕中自所述投影位置开始进行移动;
显示移动后的所述显示图形。
3.根据权利要求2所述的方法,其特征在于,所述确定电子设备的屏幕姿态,包括:
确定第一旋转角度和第二旋转角度;所述第一旋转角度为所述屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,所述第二旋转角度为所述屏幕以所述第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;所述第一直角坐标系与水平面平行;
根据所述第一旋转角度和所述第二旋转角度确定所述屏幕在空间中的旋转角度,根据所述旋转角度确定所述电子设备的屏幕姿态。
4.根据权利要求3所述的方法,其特征在于,所述根据所述屏幕姿态以及所述高度参数确定图像位移,包括:
根据下述公式计算所述图像位移
a=h*sinα,b=h*sinβ;
其中,h为所述高度参数,α为所述第二旋转角度,β为所述第一旋转角度,所述图像位移所在的第二直角坐标系与所述屏幕平行,且当所述屏幕平行于水平面时,所述第二直角坐标系与所述第一直角坐标系相同。
5.根据权利要求2所述的方法,其特征在于,所述根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,包括:
根据所述屏幕姿态以及所述目标图像在所述屏幕与水平面平行时相对于所述屏幕的位置确定所述目标图像相对于屏幕的当前位置,其中,所述目标图像保持与水平面平行,且当屏幕姿态发生改变时,所述目标图像对应的所述三维图形的中心与所述屏幕之间的相对位置保持不变;
根据所述目标图像相对于所述屏幕的当前位置确定所述显示图形。
6.一种图像显示装置,其特征在于,所述装置包括:
姿态确定模块,用于确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
参数获取模块,用于获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
显示模块,用于根据所述屏幕姿态和所述高度参数显示所述目标图像。
7.根据权利要求6所述的装置,其特征在于,所述显示模块包括:
图形确定单元,用于根据所述屏幕姿态以及所述目标图像确定所述目标图像对应的显示图形,所述显示图形为所述目标图像垂直投影在所述屏幕中所形成的图形;
位移确定单元,用于根据所述屏幕姿态以及所述高度参数确定图像位移,所述图像位移用于指示所述显示图形在所述屏幕中相对于所述目标图像的投影位置的移动方向和移动距离;
移动单元,用于将所述显示图形按照所述图像位移在所述屏幕中自所述投影位置开始进行移动;
显示单元,用于显示移动后的所述显示图形。
8.根据权利要求7所述的装置,其特征在于,所述姿态确定模块,包括:
角度确定单元,用于确定第一旋转角度和第二旋转角度;所述第一旋转角度为所述屏幕以第一直角坐标系中的x轴为轴心按照逆时针旋转的角度,所述第二旋转角度为所述屏幕以所述第一直角坐标系中的y轴为轴心按照逆时针旋转的角度;所述第一直角坐标系与水平面平行;
姿态确定单元,用于根据所述第一旋转角度和所述第二旋转角度确定所述屏幕在空间中的旋转角度,根据所述旋转角度确定所述电子设备的屏幕姿态。
9.根据权利要求8所述的装置,其特征在于,所述位移确定单元,用于根据下述公式计算所述图像位移
a=h*sinα,b=h*sinβ;
其中,h为所述高度参数,α为所述第二旋转角度,β为所述第一旋转角度,所述图像位移所在的第二直角坐标系与所述屏幕平行,且当所述屏幕平行于水平面时,所述第二直角坐标系与所述第一直角坐标系相同。
10.根据权利要求7所述的装置,其特征在于,所述图形确定单元,包括:
位置确定子单元,用于根据所述屏幕姿态以及所述目标图像在所述屏幕与水平面平行时相对于所述屏幕的位置确定所述目标图像相对于屏幕的当前位置,其中,所述目标图像保持与水平面平行,且当屏幕姿态发生改变时,所述目标图像对应的所述三维图形的中心与所述屏幕之间的相对位置保持不变;
图形确定子单元,用于根据所述目标图像相对于所述屏幕的当前位置确定所述显示图形。
11.一种电子设备,其特征在于,所述电子设备包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为:
确定电子设备的屏幕姿态,所述屏幕姿态用于指示所述电子设备的屏幕相对于水平面的偏转角度;
获取目标图像的高度参数,所述目标图像为三维图形的一个水平横截面图像,所述高度参数为预先设置的,用于指示所述目标图像在三维空间中的高度的参数;
根据所述屏幕姿态和所述高度参数显示所述目标图像。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410239626.8A CN104063053B (zh) | 2014-05-30 | 2014-05-30 | 图像显示方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410239626.8A CN104063053B (zh) | 2014-05-30 | 2014-05-30 | 图像显示方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104063053A true CN104063053A (zh) | 2014-09-24 |
CN104063053B CN104063053B (zh) | 2018-02-06 |
Family
ID=51550802
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410239626.8A Active CN104063053B (zh) | 2014-05-30 | 2014-05-30 | 图像显示方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104063053B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107193442A (zh) * | 2017-06-14 | 2017-09-22 | 广州爱九游信息技术有限公司 | 图形显示方法、图形显示装置、电子设备和存储介质 |
CN107526566A (zh) * | 2017-09-13 | 2017-12-29 | 青岛真时科技有限公司 | 一种移动终端的显示控制方法及装置 |
CN108737642A (zh) * | 2018-04-13 | 2018-11-02 | 维沃移动通信有限公司 | 内容的显示方法及装置 |
CN112560839A (zh) * | 2020-12-02 | 2021-03-26 | 随锐科技集团股份有限公司 | 指针式仪表读数的自动识别方法及*** |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090148124A1 (en) * | 2007-09-28 | 2009-06-11 | Yahoo!, Inc. | Distributed Automatic Recording of Live Event |
CN101655769A (zh) * | 2008-08-18 | 2010-02-24 | Lg电子株式会社 | 便携式终端及其驱动方法 |
CN103369130A (zh) * | 2012-04-10 | 2013-10-23 | Lg电子株式会社 | 显示设备及其控制方法 |
-
2014
- 2014-05-30 CN CN201410239626.8A patent/CN104063053B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090148124A1 (en) * | 2007-09-28 | 2009-06-11 | Yahoo!, Inc. | Distributed Automatic Recording of Live Event |
CN101655769A (zh) * | 2008-08-18 | 2010-02-24 | Lg电子株式会社 | 便携式终端及其驱动方法 |
CN103369130A (zh) * | 2012-04-10 | 2013-10-23 | Lg电子株式会社 | 显示设备及其控制方法 |
Non-Patent Citations (1)
Title |
---|
田原: "《室内设计制图与识图》", 31 December 2013 * |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107193442A (zh) * | 2017-06-14 | 2017-09-22 | 广州爱九游信息技术有限公司 | 图形显示方法、图形显示装置、电子设备和存储介质 |
CN107526566A (zh) * | 2017-09-13 | 2017-12-29 | 青岛真时科技有限公司 | 一种移动终端的显示控制方法及装置 |
CN107526566B (zh) * | 2017-09-13 | 2021-05-28 | 歌尔科技有限公司 | 一种移动终端的显示控制方法及装置 |
CN108737642A (zh) * | 2018-04-13 | 2018-11-02 | 维沃移动通信有限公司 | 内容的显示方法及装置 |
WO2019196863A1 (zh) * | 2018-04-13 | 2019-10-17 | 维沃移动通信有限公司 | 内容的显示方法及装置 |
CN112560839A (zh) * | 2020-12-02 | 2021-03-26 | 随锐科技集团股份有限公司 | 指针式仪表读数的自动识别方法及*** |
Also Published As
Publication number | Publication date |
---|---|
CN104063053B (zh) | 2018-02-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6408692B2 (ja) | 指紋入力ガイダンス方法及び装置 | |
US10101156B2 (en) | Method and apparatus for determining spatial parameter based on image and terminal device | |
CN109308205B (zh) | 应用程序的显示适配方法、装置、设备及存储介质 | |
JP6109413B2 (ja) | 画像表示方法、画像表示装置、端末、プログラム及び記録媒体 | |
CN105512605A (zh) | 人脸图像处理方法及装置 | |
CN104034309A (zh) | 角度测量方法、装置及终端 | |
CN105447462A (zh) | 人脸姿态估计方法及装置 | |
CN104613959A (zh) | 用于可穿戴设备的导航方法及装置、电子设备 | |
CN104077585B (zh) | 图像校正方法、装置及终端 | |
EP3312702B1 (en) | Method and device for identifying gesture | |
EP3232156A1 (en) | Obstacle locating method, apparatus and system, computer program and recording medium | |
CN104484858B (zh) | 人物图像处理方法及装置 | |
CN107656666A (zh) | 移动终端及滚动速度确定方法 | |
CN103885691A (zh) | 执行回退操作的方法和装置 | |
US20200402321A1 (en) | Method, electronic device and storage medium for image generation | |
CN105513137A (zh) | 基于移动智能终端的三维模型和场景建立方法及装置 | |
CN104537132A (zh) | 运动数据记录方法及装置 | |
CN107202574A (zh) | 运动轨迹信息修正方法及装置 | |
CN107092359A (zh) | 虚拟现实视角重定位方法、装置及终端 | |
CN104063053A (zh) | 图像显示方法、装置及电子设备 | |
CN108280434A (zh) | 显示信息的方法和装置 | |
CN104038694A (zh) | 显示全景图像的方法和装置 | |
CN103914151A (zh) | 信息显示方法及装置 | |
CN103984476B (zh) | 菜单显示方法及装置 | |
CN106289161A (zh) | 高度测量方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |