CN106325715B - 显示图片的方法、系统和智能设备 - Google Patents
显示图片的方法、系统和智能设备 Download PDFInfo
- Publication number
- CN106325715B CN106325715B CN201610862740.5A CN201610862740A CN106325715B CN 106325715 B CN106325715 B CN 106325715B CN 201610862740 A CN201610862740 A CN 201610862740A CN 106325715 B CN106325715 B CN 106325715B
- Authority
- CN
- China
- Prior art keywords
- picture
- display screen
- display position
- width
- axis
- 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.)
- Expired - Fee Related
Links
Images
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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
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)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了显示图片的方法、系统和智能设备,所述方法包括:检测图片的宽度是否大于显示屏幕的宽度,如果图片的宽度大于显示屏幕的宽度,则执行以下步骤:检测显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于显示屏幕的中间位置并且与显示屏幕的宽度方向垂直;根据显示屏幕绕Y轴旋转的方向确定图片在宽度方向上的位移方向,以及根据显示屏幕绕Y轴旋转的角度计算图片在宽度方向上的位移大小;根据图片在宽度方向上的位移移动图片。本发明提供的显示图片的方法,使得用户可以通过摇晃智能设备的方式来移动图片从而查看图片超出屏幕区域的部分,操作方式非常简便。
Description
技术领域
本发明涉及图片处理技术,更具体地,涉及一种显示图片的方法,一种显示图片的系统、以及一种智能设备。
背景技术
在利用手机等智能设备浏览图片时,如果想要查看图片的全部内容,往往需要将整张图片等比例缩放到可以完全显示在屏幕上的大小,但是如果图片自身的宽高比和屏幕的宽高比不一致,就会在图片周边显示出屏幕的底色,用户看着并不舒适,图片也有可能会过小导致用户看不清楚。或者,在图片自身的宽高比和屏幕的宽高比不一致的情况下,可以按照铺满屏幕的原则等比例缩放图片,但这时图片的宽度方向或者高度方向会超出屏幕区域,需要用户在屏幕上进行滑动操作以移动图片查看其余部分,这种操作方式在图片超出屏幕区域较多的情况下并不流畅。
因此,有必要提出一种新的显示图片的技术方案。
发明内容
本发明的一个目的是提供一种新的显示图片的技术方案,使得用户可以方便地查看图片超出屏幕区域的部分。
根据本发明的第一方面,提供了一种显示图片的方法,检测所述图片的宽度是否大于显示屏幕的宽度,如果所述图片的宽度大于所述显示屏幕的宽度,则执行以下步骤:
S1、检测所述显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于所述显示屏幕的中间位置并且与所述显示屏幕的宽度方向垂直;
S2、根据所述显示屏幕绕Y轴旋转的方向确定所述图片在宽度方向上的位移方向,以及根据所述显示屏幕绕Y轴旋转的角度计算所述图片在宽度方向上的位移大小;
S3、根据所述图片在宽度方向上的位移移动所述图片。
可选地,所述S2步骤中,所述图片在宽度方向上的位移大小等于所述显示屏幕绕Y轴旋转的角度与图片移动系数的乘积。
可选地,所述图片移动系数是根据所述图片的宽度与所述显示屏幕的宽度的比例设定,并且所述图片移动系数随所述图片的宽度与所述显示屏幕的宽度的比例的增大而增大。
可选地,,所述图片的宽度与所述显示屏幕的宽度的比例为A,所述图片移动系数为V,所述V=A3.3+3*A。
可选地,所述S1步骤还包括,判断所述显示屏幕绕Y轴旋转的角度是否大于第一阈值,只有所述显示屏幕绕Y轴旋转的角度大于所述第一阈值时,才执行所述S2-S3步骤。
可选地,所述S3步骤、根据所述图片在宽度方向上的位移移动所述图片,包括:根据所述图片的当前显示位置和所述图片在宽度方向上的位移计算所述图片的目标显示位置;判断所述目标显示位置与显示位置范围的关系,如果所述目标显示位置不超出显示位置范围,则将所述图片移动到所述目标显示位置;如果所述目标显示位置位于显示位置范围的左端点左侧,则按照显示位置范围的左端点移动所述图片使得所述图片的右边界与所述显示屏幕的右边界重合;以及,如果所述目标显示位置位于显示位置范围的右端点右侧,则按照显示位置范围的右端点移动所述图片使得所述图片的左边界与所述显示屏幕的左边界重合。
可选地,在所述检测所述图片的宽度是否大于所述显示屏幕的宽度之前,还包括以下步骤:计算所述图片的宽高比,其中,如果所述图片的宽高比小于所述显示屏幕的宽高比,则将所述图片旋转90度并且重新计算所述图片的宽高比;等比例缩放所述图片,使得所述图片的高度与所述显示屏幕的高度一致,将所述图片居中显示在所述显示屏幕上。
可选地,所述方法还包括:如果所述图片的宽度大于所述显示屏幕的宽度,则在所述显示屏幕上显示指示条,所述指示条平行于所述显示屏幕的宽度方向;所述指示条包括底部和可移动部分,所述可移动部分的宽度与所述底部的宽度的比例等于所述显示屏幕的宽度与所述图片的宽度的比例;所述可移动部分在所述底部上的位置与所述图片显示出的部分在所述图片上的位置相对应。
可选地,通过陀螺仪检测所述显示屏幕绕Y轴旋转的方向和角度。
根据本发明的第二方面,提供了一种显示图片的系统,包括第一检测模块、第二检测模块、位移计算模块、以及图片移动模块;
所述第一检测模块,用于检测所述图片的宽度是否大于显示屏幕的宽度,如果所述图片的宽度大于所述显示屏幕的宽度,则通知所述第二检测模块;
所述第二检测模块,用于在接收到所述第一检测模块的通知后,检测所述显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于所述显示屏幕的中间位置并且与所述显示屏幕的宽度方向垂直;
所述位移计算模块,用于根据所述第二检测模块的检测结果确定所述图片在宽度方向上的位移,包括:根据所述显示屏幕绕Y轴旋转的方向确定所述图片在宽度方向上的位移方向,以及根据所述显示屏幕绕Y轴旋转的角度计算所述图片在宽度方向上的位移大小;
所述图片移动模块,用于根据所述位移计算模块确定的图片在宽度方向上的位移移动所述图片。
可选地,所述图片在宽度方向上的位移大小等于所述显示屏幕绕Y轴旋转的角度与图片移动系数的乘积,其中,所述图片移动系数是根据所述图片的宽度与所述显示屏幕的宽度的比例设定。
可选地,所述图片的宽度与所述显示屏幕的宽度的比例为A,所述图片移动系数为V,所述V=A3.3+3*A。
可选地,所述图片移动模块包括目标显示位置计算单元和图片移动控制单元;所述目标显示位置计算单元,用于根据所述图片的当前显示位置和所述图片在宽度方向上的位移计算所述图片的目标显示位置;所述图片移动控制单元,用于判断所述目标显示位置与显示位置范围的关系,如果所述目标显示位置不超出显示位置范围,则将所述图片移动到所述目标显示位置;如果所述目标显示位置位于显示位置范围的左端点左侧,则按照显示位置范围的左端点移动所述图片使得所述图片的右边界与所述显示屏幕的右边界重合;以及,如果所述目标显示位置位于显示位置范围的右端点右侧,则按照显示位置范围的右端点移动所述图片使得所述图片的左边界与所述显示屏幕的左边界重合。
根据本发明的第三方面,还提供了一种智能设备,包括所述显示屏幕、存储器和处理器,所述存储器用于存储指令,所述指令用于控制所述处理器进行操作以执行根据上述任一项所述的显示图片的方法。
本发明提供的显示图片的技术方案,使得用户可以通过摇晃智能设备的方式来移动图片从而查看图片超出屏幕区域的部分,操作方式非常简便。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。
图1示出了本发明实施例一构建的空间直角坐标系的示意图。
图2示出了本发明实施例二构建的空间直角坐标系的示意图。
图3示出了本发明实施例提供的显示图片的方法的步骤示意图。
图4示出了本发明实施例提供的显示图片的方法的流程图。
图5示出了本发明实施例提供的显示图片的系统的框图。
图6是显示可用于实现本发明的实施例的智能设备的硬件配置的例子的框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
首先,需要说明的是,本发明中所指的宽度方向和高度方向并非分别限定于手机屏幕的短边或长边,本领域技术人员可以理解,将手机竖屏显示时,手机的宽度方向是手机屏幕的短边方向,高度方向是手机屏幕的长度方向;将手机横屏显示时,手机的宽度方向是手机屏幕的长边方向,高度方向是手机屏幕的短边方向。如何设置和获知手机是竖屏显示还是横屏显示是本领域内已知的技术,这里不再赘述。
参考图1和图2所示,以智能手机为例说明本发明适用的空间直角坐标系:手机屏幕自身具有上、下、左、右边界,无论手机为图1的竖屏显示还是图2的横屏显示,X轴均垂直于屏幕的高度方向、平行于屏幕的上下边界;Y轴均垂直于屏幕的宽度方向、平行于屏幕的左右边界、并且Y轴位于屏幕的中间;Z轴均垂直于屏幕所在平面。智能手机上安装有陀螺仪,可以检测手机绕X轴、Y轴、Z轴的角速度。
参见图3所示,说明本发明实施例提供的显示图片的方法,首先检测图片的宽度是否大于显示屏幕的宽度,如果所述图片的宽度大于所述显示屏幕的宽度,即图片在宽度方向上超出了显示屏幕的区域,无法全部显示在屏幕中,则执行以下步骤:
S1、检测所述显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于所述显示屏幕的中间位置并且与所述显示屏幕的宽度方向垂直。
S2、根据所述显示屏幕绕Y轴旋转的方向确定所述图片在宽度方向上的位移方向,以及根据所述显示屏幕绕Y轴旋转的角度计算所述图片在宽度方向上的位移大小。
S3、根据所述图片在宽度方向上的位移移动所述图片。
通过这种方法,使得用户可以通过摇晃智能设备的方式来移动图片从而查看图片超出屏幕区域的部分,操作方式非常简便。
参见图4所示,以智能手机为例说明本发明实施例的显示图片的方法,包括以下步骤:
101、计算图片的宽高比,其中,如果图片的宽高比小于屏幕的宽高比,则将图片旋转90度并且重新计算图片的宽高比。经过步骤101之后,图片的宽高比大于或等于屏幕的宽高比。执行步骤102。
102、等比例缩放图片,使得图片的高度与屏幕的高度一致,然后将图片居中显示在屏幕上。
如果在步骤101完成之后,图片的宽高比等于屏幕的宽高比,在经过步骤102的等比例缩放后,图片的高度与屏幕的高度一致,图片的宽度与屏幕的宽度也一致,将图片显示在屏幕上,图片恰好铺满整个屏幕,步骤102跳转至结束。
如果在步骤101完成之后,图片的宽高比大于屏幕的宽高比,在经过步骤102的等比例缩放后,图片当前的高度等于屏幕的高度,图片当前的宽度=图片当前的高度*图片的宽高比=屏幕的高度*图片的宽高比,此时图片的宽度大于屏幕的宽度,将图片进行居中显示后,图片的左右两边各有一部分没有显示在屏幕中,然后执行下一步骤103。
例如:在步骤101完成之后,假设图片的宽高比为3,屏幕的宽度为1,屏幕的高度为2,屏幕的宽高比为1/2,则图片当前的宽度=图片当前的高度*图片的宽高比=屏幕的高度*图片的宽高比=2*3=6;以屏幕的左边界为零点,则图片的左边界的显示位置=﹣(图片当前的宽度﹣屏幕的宽度)/2=﹣(6-1)/2=﹣2.5。
103、检测屏幕绕Y轴旋转的方向和角度。在这一实施例中,角度采用弧度制,单位为rad。
在用户左右大幅晃动手机时,屏幕绕Y轴旋转,可以利用陀螺仪等设备检测屏幕绕Y轴旋转的角速度,从而计算出屏幕绕Y轴旋转的方向和角度。为防止出现误操作,图片出现过快变化和抖动,判断屏幕绕Y轴旋转的角度是否大于第一阈值,只有屏幕绕Y轴旋转的角度大于第一阈值时,才执行步骤104。所述第一阈值可以例如为0.1rad。
104、根据屏幕绕Y轴旋转的方向确定图片在宽度方向上的位移方向,以及根据屏幕绕Y轴旋转的角度计算图片在宽度方向上的位移大小。
根据屏幕绕Y轴旋转的方向确定图片在宽度方向上的位移方向,例如,所述屏幕绕Y轴顺时针转动时,图片在宽度方向上的位移方向为向右,所述屏幕绕Y轴逆时针旋转动时,图片在宽度方向上的位移方向为向左。
其中,所述图片在宽度方向上的位移大小=所述显示屏幕绕Y轴旋转的角度*图片移动系数,所述图片移动系数是根据所述图片的宽度与所述显示屏幕的宽度的比例设定,并且所述图片移动系数随所述图片的宽度与所述显示屏幕的宽度的比例的增大而增大。
在一个实施例中,假设图片的宽度与屏幕的宽度的比例为A,图片移动系数为V,则可以令V=A3.3+3*A,图片在宽度方向上的位移大小=屏幕绕Y轴旋转的角度*V,即,在屏幕绕Y轴旋转同样的角度的情况下,图片越宽,则图片在宽度方向上的移动距离越大;对于同一幅图片,图片在宽度方向上的位移大小与屏幕绕Y轴旋转的角度成正比。
在步骤104完成以后,根据图片在宽度方向上的位移移动图片,包括以下步骤:
1051、根据图片的当前显示位置和图片在宽度方向上的位移计算图片的目标显示位置;
1052、判断目标显示位置与显示位置范围的关系。例如,在步骤101完成之后,假设图片的宽高比为3,屏幕的宽度为1,屏幕的高度为2,屏幕的宽高比为1/2,则图片当前的宽度=图片当前的高度*图片的宽高比=屏幕的高度*图片的宽高比=2*3=6;以屏幕的左边界为零点,则图片的左边界的显示位置范围为(屏幕的宽度﹣图片当前的宽度,0),即,图片的左边界的显示位置范围为(﹣5,0)。
如果所述目标显示位置不超出显示位置范围,则将所述图片移动到所述目标显示位置。例如,如果步骤1051计算出的图片的左边界的目标显示位置为﹣3.5,由于图片的左边界的显示位置范围为(﹣5,0),目标显示位置在显示位置范围内,因此,直接将所述图片移动到目标显示位置。
如果目标显示位置位于显示位置范围的左端点左侧,则按照显示位置范围的左端点移动图片使得图片的右边界与屏幕的右边界重合。例如,如果步骤1051计算出的图片的左边界的目标显示位置为﹣6,由于图片的左边界的显示位置范围为(﹣5,0),目标显示位置﹣6在显示位置范围的左端点-5的左侧,因此,移动图片使得图片的左边界的显示位置为-5,此时,图片的右边界与屏幕的右边界重合。
如果目标显示位置位于显示位置范围的右端点右侧,则按照显示位置范围的右端点移动图片使得图片的左边界与屏幕的左边界重合。例如,如果步骤1051计算出的图片的左边界的目标显示位置为1,由于图片的左边界的显示位置范围为(﹣5,0),目标显示位置1在显示位置范围的右端点0的右侧,因此,移动图片使得图片的左边界的显示位置为0,此时,图片的左边界与屏幕的左边界重合。
步骤1052执行完成以后,检测是否接收到结束显示该图片的命令,如果接收到结束显示该图片的命令,则跳转至结束,否则重新返回步骤103。
在移动图片时,可以让当前图片以系统默认的CurveEaseOut动画方式从当前位置移动到新的位置,然后持续时间0.45秒;如果当前有其他动画则取消当前动画。
进一步的,本发明实施例提供的显示图片的方法,还包括:在步骤102完成之后,如果图片的宽度大于屏幕的宽度,则在屏幕上显示指示条,指示条平行于屏幕的宽度方向;
指示条包括底部和可移动部分,可移动部分的宽度与底部的宽度的比例=屏幕的宽度与图片的宽度的比例;可移动部分在底部上的位置与图片显示出的部分在图片上的位置相对应。这样,指示条就可以提醒用户图片移动到什么位置,图片的左右两边还有多少内容没有显示出来。
本领域技术人员应当理解,在电子技术领域中,可以通过软件、硬件以及软件和硬件结合的方式,将上述方法体现在产品中。因此,与上述显示图片的方法相对应的,本发明还提出了一种显示图片的系统。
参见图5所示说明本发明实施例提供的显示图片的系统,包括第一检测模块10、第二检测模块20、位移计算模块30、以及图片移动模块40;
第一检测模块10,用于检测所述图片的宽度是否大于显示屏幕的宽度,如果所述图片的宽度大于所述显示屏幕的宽度,则通知所述第二检测模块20;
第二检测模块20,用于在接收到第一检测模块10的通知后,检测所述显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于所述显示屏幕的中间位置并且与所述显示屏幕的宽度方向垂直;
位移计算模块30,用于根据第二检测模块20的检测结果确定所述图片在宽度方向上的位移,包括:根据所述显示屏幕绕Y轴旋转的方向确定所述图片在宽度方向上的位移方向,以及根据所述显示屏幕绕Y轴旋转的角度计算所述图片在宽度方向上的位移大小;
图片移动模块40,用于根据位移计算模块30确定的图片在宽度方向上的位移移动所述图片。
其中,所述图片在宽度方向上的位移大小等于所述显示屏幕绕Y轴旋转的角度与图片移动系数的乘积,其中,所述图片移动系数是根据所述图片的宽度与所述显示屏幕的宽度的比例设定。例如,所述图片的宽度与所述显示屏幕的宽度的比例为A,所述图片移动系数为V,所述V=A3.3+3*A。
进一步的,图片移动模块40可以包括目标显示位置计算单元和图片移动控制单元;
所述目标显示位置计算单元,用于根据所述图片的当前显示位置和所述图片在宽度方向上的位移计算所述图片的目标显示位置;
所述图片移动控制单元,用于判断所述目标显示位置与显示位置范围的关系,如果所述目标显示位置不超出显示位置范围,则将所述图片移动到所述目标显示位置;如果所述目标显示位置位于显示位置范围的左端点左侧,则按照显示位置范围的左端点移动所述图片使得所述图片的右边界与所述显示屏幕的右边界重合;以及,如果所述目标显示位置位于显示位置范围的右端点右侧,则按照显示位置范围的右端点移动所述图片使得所述图片的左边界与所述显示屏幕的左边界重合。
本发明的显示图片的方法和系统,技术效果在于:
1)在步骤102完成之后,无论图片的原始比例如何,都会让图片全屏填充;当图片原始宽高比例小于屏幕宽高比时,自动顺时针旋转90度,再进行全屏填充。
2)用户只需要左右晃动智能设备,让屏幕绕Y轴转动一定角度,就可以在宽度方向上移动图片,从而查看图片超出屏幕区域的部分,操作方式非常简便。
3)对于同一块屏幕,图片超出屏幕区域越多时,图片移动系数更大,超出屏幕区域越小时,图片移动系数更小。这使得在屏幕绕Y轴旋转同样的角度的情况下,图片越宽,则图片在宽度方向上的移动距离越大。这种方式可以让图片移动的更加顺滑,更加合理。
4)所述图片的宽度与所述显示屏幕的宽度的比例为A,所述图片移动系数为V,所述V=A3.3+3*A,采用这种方式计算出的图片移动系数,能够使得图片移动的更加灵敏,更加合理。
5)智能设备从竖屏模式变换到横屏模式后,本发明的技术方案依旧生效。
图6显示了可用于本发明的智能设备300的硬件配置的例子的框图。
智能设备300包括处理器3010和存储器3020,其中,所述存储器3020用于存储指令,所述指令用于控制处理器3010进行相应操作以实现本发明的显示图片的方法。
智能设备还包括接口装置3030、通信装置3040、显示装置3050、输入装置3060、扬声器3070、麦克风3080等等。
处理器3010例如可以是中央处理器CPU、微处理器MCU等。存储器3020例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置3030例如包括USB接口、耳机接口等。通信装置3040例如能够进行有线或无线通信。显示装置3050包括显示屏幕。输入装置3060例如可以包括触摸屏、键盘等。用户可以通过扬声器3070和麦克风3080输入/输出语音信息。
图4所示的智能设备仅是解释性的,并且决不是为了要限制本发明、其应用或用途。本领域技术人员应当理解,尽管在图4中示出了多个装置,但是,本发明可以仅涉及其中的部分装置。本领域技术人员可以根据本发明所公开方案设计指令,指令如何控制处理器进行操作是本领域公知技术,故在此不再详细描述。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (8)
1.一种显示图片的方法,其特征在于,计算所述图片的宽高比,其中,如果所述图片的宽高比小于所述显示屏幕的宽高比,则将所述图片旋转90度并且重新计算所述图片的宽高比;等比例缩放所述图片,使得所述图片的高度与所述显示屏幕的高度一致,将所述图片居中显示在所述显示屏幕上;检测所述图片的宽度是否大于显示屏幕的宽度,如果所述图片的宽度大于所述显示屏幕的宽度,则执行以下步骤:
S1、检测所述显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于所述显示屏幕的中间位置并且与所述显示屏幕的宽度方向垂直;
S2、根据所述显示屏幕绕Y轴旋转的方向确定所述图片在宽度方向上的位移方向,以及根据所述显示屏幕绕Y轴旋转的角度计算所述图片在宽度方向上的位移大小,所述图片在宽度方向上的位移大小等于所述显示屏幕绕Y轴旋转的角度与图片移动系数的乘积,所述图片的宽度与所述显示屏幕的宽度的比例为A,所述图片移动系数为
V,所述V=A3.3+3*A;
S3、根据所述图片在宽度方向上的位移移动所述图片。
2.根据权利要求1所述的方法,其特征在于,所述S1步骤还包括,判断所述显示屏幕绕Y轴旋转的角度是否大于第一阈值,只有所述显示屏幕绕Y轴旋转的角度大于所述第一阈值时,才执行所述S2-S3步骤。
3.根据权利要求1所述的方法,其特征在于,所述S3步骤、根据所述图片在宽度方向上的位移移动所述图片,包括:
根据所述图片的当前显示位置和所述图片在宽度方向上的位移计算所述图片的目标显示位置;
判断所述目标显示位置与显示位置范围的关系,如果所述目标显示位置不超出显示位置范围,则将所述图片移动到所述目标显示位置;如果所述目标显示位置位于显示位置范围的左端点左侧,则按照显示位置范围的左端点移动所述图片使得所述图片的右边界与所述显示屏幕的右边界重合;以及,如果所述目标显示位置位于显示位置范围的右端点右侧,则按照显示位置范围的右端点移动所述图片使得所述图片的左边界与所述显示屏幕的左边界重合。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:如果所述图片的宽度大于所述显示屏幕的宽度,则在所述显示屏幕上显示指示条,所述指示条平行于所述显示屏幕的宽度方向;
所述指示条包括底部和可移动部分,所述可移动部分的宽度与所述底部的宽度的比例等于所述显示屏幕的宽度与所述图片的宽度的比例;
所述可移动部分在所述底部上的位置与所述图片显示出的部分在所述图片上的位置相对应。
5.根据权利要求1所述的方法,其特征在于,通过陀螺仪检测所述显示屏幕绕Y轴旋转的方向和角度。
6.一种显示图片的系统,其特征在于,包括图片预处理模块、第一检测模块、第二检测模块、位移计算模块、以及图片移动模块;
所述图片预处理模块,用于计算所述图片的宽高比,其中,如果所述图片的宽高比小于所述显示屏幕的宽高比,则将所述图片旋转90度并且重新计算所述图片的宽高比;等比例缩放所述图片,使得所述图片的高度与所述显示屏幕的高度一致,将所述图片居中显示在所述显示屏幕上;
所述第一检测模块,用于检测所述图片的宽度是否大于显示屏幕的宽度,如果所述图片的宽度大于所述显示屏幕的宽度,则通知所述第二检测模块;
所述第二检测模块,用于在接收到所述第一检测模块的通知后,检测所述显示屏幕绕Y轴旋转的方向和角度,其中,所述Y轴位于所述显示屏幕的中间位置并且与所述显示屏幕的宽度方向垂直;
所述位移计算模块,用于根据所述第二检测模块的检测结果确定所述图片在宽度方向上的位移,包括:根据所述显示屏幕绕Y轴旋转的方向确定所述图片在宽度方向上的位移方向,以及根据所述显示屏幕绕Y轴旋转的角度计算所述图片在宽度方向上的位移大小,所述图片在宽度方向上的位移大小等于所述显示屏幕绕Y轴旋转的角度与图片移动系数的乘积,其中,所述图片的宽度与所述显示屏幕的宽度的比例为A,所述图片移动系数为V,所述V=A3.3+3*A;
所述图片移动模块,用于根据所述位移计算模块确定的图片在宽度方向上的位移移动所述图片。
7.根据权利要求6所述的系统,其特征在于,所述图片移动模块包括目标显示位置计算单元和图片移动控制单元;
所述目标显示位置计算单元,用于根据所述图片的当前显示位置和所述图片在宽度方向上的位移计算所述图片的目标显示位置;
所述图片移动控制单元,用于判断所述目标显示位置与显示位置范围的关系,如果所述目标显示位置不超出显示位置范围,则将所述图片移动到所述目标显示位置;如果所述目标显示位置位于显示位置范围的左端点左侧,则按照显示位置范围的左端点移动所述图片使得所述图片的右边界与所述显示屏幕的右边界重合;以及,如果所述目标显示位置位于显示位置范围的右端点右侧,则按照显示位置范围的右端点移动所述图片使得所述图片的左边界与所述显示屏幕的左边界重合。
8.一种智能设备,其特征在于,包括所述显示屏幕、存储器和处理器,所述存储器用于存储指令,所述指令用于控制所述处理器进行操作以执行根据权利要求1-5任一项所述的显示图片的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610862740.5A CN106325715B (zh) | 2016-09-28 | 2016-09-28 | 显示图片的方法、系统和智能设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610862740.5A CN106325715B (zh) | 2016-09-28 | 2016-09-28 | 显示图片的方法、系统和智能设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106325715A CN106325715A (zh) | 2017-01-11 |
CN106325715B true CN106325715B (zh) | 2020-04-03 |
Family
ID=57820916
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610862740.5A Expired - Fee Related CN106325715B (zh) | 2016-09-28 | 2016-09-28 | 显示图片的方法、系统和智能设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106325715B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107247553A (zh) * | 2017-06-30 | 2017-10-13 | 联想(北京)有限公司 | 选择对象的方法和电子设备 |
CN109558550A (zh) * | 2018-10-10 | 2019-04-02 | 广州优视网络科技有限公司 | 图片的显示处理方法及装置、计算设备及可读介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102802129A (zh) * | 2011-05-24 | 2012-11-28 | 腾讯科技(深圳)有限公司 | 通过移动设备发送图片的方法和系统 |
CN104181884A (zh) * | 2014-08-11 | 2014-12-03 | 厦门立林科技有限公司 | 一种基于全景视图的智能家居控制装置及方法 |
CN104471519A (zh) * | 2014-06-16 | 2015-03-25 | 华为技术有限公司 | 移动终端中呈现全景照片的方法和装置、以及移动终端 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100630154B1 (ko) * | 2005-08-31 | 2006-10-02 | 삼성전자주식회사 | 지자기 센서를 이용하여 기울어짐 정도에 따라디스플레이를 제어하는 방법 및 그 이동 단말기 |
JP5820181B2 (ja) * | 2011-07-29 | 2015-11-24 | キヤノン株式会社 | 撮影システム及びその制御方法ならびに表示制御装置及びその制御方法、プログラム、記憶媒体 |
CN103399694A (zh) * | 2013-07-25 | 2013-11-20 | 深圳市金立通信设备有限公司 | 一种控制屏幕显示的方法和移动终端 |
CN105528188B (zh) * | 2015-12-03 | 2018-09-14 | 网易(杭州)网络有限公司 | 浏览图片的方法和装置 |
-
2016
- 2016-09-28 CN CN201610862740.5A patent/CN106325715B/zh not_active Expired - Fee Related
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102802129A (zh) * | 2011-05-24 | 2012-11-28 | 腾讯科技(深圳)有限公司 | 通过移动设备发送图片的方法和系统 |
CN104471519A (zh) * | 2014-06-16 | 2015-03-25 | 华为技术有限公司 | 移动终端中呈现全景照片的方法和装置、以及移动终端 |
CN104181884A (zh) * | 2014-08-11 | 2014-12-03 | 厦门立林科技有限公司 | 一种基于全景视图的智能家居控制装置及方法 |
Also Published As
Publication number | Publication date |
---|---|
CN106325715A (zh) | 2017-01-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110413054B (zh) | 响应于触摸输入的上下文敏感动作 | |
JP6048898B2 (ja) | 情報表示装置、情報表示方法および情報表示プログラム | |
CN112907760B (zh) | 三维对象的标注方法及装置、工具、电子设备和存储介质 | |
US20150169180A1 (en) | Rearranging icons on a display by shaking | |
US20160070460A1 (en) | In situ assignment of image asset attributes | |
CN112328353B (zh) | 子应用播放器的展示方法、装置、电子设备和存储介质 | |
US20150063785A1 (en) | Method of overlappingly displaying visual object on video, storage medium, and electronic device | |
CN110460827B (zh) | 振镜工作状态的确定方法、装置及计算机存储介质 | |
US11182953B2 (en) | Mobile device integration with a virtual reality environment | |
CN104094209A (zh) | 信息处理设备、信息处理方法和计算机程序 | |
CN106325715B (zh) | 显示图片的方法、系统和智能设备 | |
CN112541960A (zh) | 三维场景的渲染方法、装置及电子设备 | |
US9665249B1 (en) | Approaches for controlling a computing device based on head movement | |
US11295708B2 (en) | Two-dimensional indication in contents | |
KR20150011885A (ko) | 디바이스의 사용자 인터페이스 제공 방법 및 그 디바이스 | |
US20140111551A1 (en) | Information-processing device, storage medium, information-processing method, and information-processing system | |
US10057315B2 (en) | Communication support system, information processing apparatus, control method, and storage medium that display an output image obtained by superposing a reference image over a captured image | |
US10216289B2 (en) | Laser pointer emulation via a mobile device | |
US10585485B1 (en) | Controlling content zoom level based on user head movement | |
KR102278229B1 (ko) | 전자기기 및 그 제어 방법 | |
CN105335118B (zh) | 一种电子设备控件的显示方法和装置 | |
JP7005160B2 (ja) | 電子機器及びその制御方法 | |
CN115576457A (zh) | 显示控制方法和装置、增强现实头戴设备及介质 | |
CN108646932B (zh) | 一种用于电子设备的振动检测方法、装置及电子设备 | |
CN112875601B (zh) | 叉车辅助操作系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20190211 Address after: 100124 Beijing Chaoyang District Baiziwan Xili 106 Building 2-901 Applicant after: Wang Hailei Address before: 100060 Beijing Chaoyang District Xiushui Street 1 02 Floor 1 Unit 8 Floor 082 Applicant before: Beijing Austrian door Technology Co., Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20200403 Termination date: 20200928 |
|
CF01 | Termination of patent right due to non-payment of annual fee |