本发明专利技术提供一种图片的显示处理方法及装置、计算设备及可读介质。其方法包括:在移动终端的图片显示交互中,网页中的图片被加载后,检测移动终端是否发生晃动;若是,移动图片,使得落入图片显示区域的图片发生变化;该图片的大小大于该图片显示区域的大小;重新绘制落入图片显示区域的图片,以显示。本发明专利技术通过采用上述技术方案,不用用户的手动操作,通过晃动移动终端,便可以实现图片的自动显示处理,且能够很好地实现图片的焦点覆盖,为用户提供丰富的图片信息。本发明专利技术的图片显示处理方法,能够有效地提高图片显示处理的效率,提高图片展示效果,保证图片显示性能。
【技术实现步骤摘要】
图片的显示处理方法及装置、计算设备及可读介质
本专利技术涉及计算机应用
,尤其涉及一种图片的显示处理方法及装置、计算设备及可读介质。
技术介绍
随着各种功能应用的涌现,更加方便了移动终端用户的使用,使得移动终端的使用更加普及。随着移动终端的硬件处理能力的不断提升,现有的移动终端可以支持更加强大功能的应用的使用。例如,现有的很多应用打开的网页中可以加载大图片,以满足用户的视觉享受。如房租租售的应用可以在网页中加载高清的房屋图片,使得用户能够通过图片看看清楚房屋的每一个细节。如车辆出售相关的应用可以在网页中加载高清的车辆大图片,使用用户能够看清楚车辆的每一个位置的详细情况等等,诸如此类的帮助用户预览大图片的应用越来越多,极大地满足了用户的视觉享受。现有技术的应用的网页中通过ImageView来展示大图片。且通常情况下,展示区域view的尺寸小于图片(image)的尺寸,所以在展示图片的时候,可能会出现图1所示的图片展示情况示意图,使得View区域中仅展示了Image的边缘部分的情况,导致图片展示效果较差。而一般的Image的关键信息都在Image中央区域,此时若用户想要查看Image的关键信息,还需要手动移动Image,操作非常不方便。
技术实现思路
本专利技术提供一种图片的显示处理方法及装置、计算设备及可读介质,用于在不需要用户手动操作的前提下,提高图片展示效果和展示性能。本专利技术提供一种图片的显示处理方法,所述方法包括:在移动终端的图片显示交互中,网页中的图片被加载后,检测所述移动终端是否发生晃动;若是,移动所述图片,使得落入所述图片显示区域的图片发生变化;所述图片的大小大于所述图片显示区域的大小;所述图片显示区域对应的图片显示控件的图片缩放方式为居中显示;基于所述图片的移动,重新绘制落入所述图片显示区域的图片,以显示。进一步可选地,在上述方法中,检测所述移动终端是否发生晃动,包括:通过监听所述移动终端的陀螺仪的数据,检测所述移动终端是否发生x轴和/或y轴的旋转,若是,确定所述移动终端的位置状态发生晃动,否则确定所述移动终端未发生晃动。进一步可选地,在上述方法中,移动所述图片,包括:根据所述图片的大小、所述图片显示区域的大小、以及所述移动终端的陀螺仪检测的数据,移动所述图片。进一步可选地,在上述方法中,根据所述图片的大小、所述图片显示区域的大小、以及所述移动终端的陀螺仪检测的数据,移动所述图片,包括:根据所述图片的大小和所述图片显示区域的大小,计算所述图片在x轴方向的移动范围大小和在y轴方向的移动范围大小;根据所述x轴方向的移动范围大小和y轴方向的移动范围大小、以及所述移动终端的陀螺仪检测的绕x轴旋转的角速度和绕y轴旋转的角速度,获取所述图片的x轴方向的移动量和y轴方向的移动量;根据所述图片的x轴方向的移动量和y轴方向的移动量,移动所述图片。进一步可选地,在上述方法中,移动所述图片,包括:根据图片显示区域的位置与所述图片的位置,移动所述图片,使得所述图片显示区域的中心与所述图片的中心重合。进一步可选地,在上述方法中,根据图片显示区域的位置与所述图片的位置,移动所述图片,使得所述图片显示区域的中心与所述图片的中心重合,包括:获取所述图片显示区域的中心点坐标和所述图片的中心点坐标;根据所述图片显示区域的中心点坐标和所述图片的中心点坐标,获取所述图片的x轴方向的移动量和y轴方向的移动量;根据所述图片的x轴方向的移动量和y轴方向的移动量,移动所述图片。本专利技术还提供一种图片的显示处理装置,其特征在于,所述装置包括:检测模块,用于在移动终端的图片显示交互中,网页中的图片被加载后,检测所述移动终端是否发生晃动;移动模块,用于若所述检测模块检测到所述移动终端晃动时,移动所述图片,使得落入所述图片显示区域的图片发生变化;所述图片的大小大于所述图片显示区域的大小;所述图片显示区域对应的图片显示控件的图片缩放方式为居中显示;绘制模块,用于基于所述图片的移动,重新绘制落入所述图片显示区域的图片,以显示。进一步可选地,在上述装置中,所述检测模块,用于:通过监听所述移动终端的陀螺仪的数据,检测所述移动终端是否发生x轴和/或y轴的旋转,若是,确定所述移动终端的位置状态发生晃动,否则确定所述移动终端未发生晃动。进一步可选地,在上述装置中,所述移动模块,用于:根据所述图片的大小、所述图片显示区域的大小、以及所述移动终端的陀螺仪检测的数据,移动所述图片。进一步可选地,在上述装置中,所述移动模块,用于:根据所述图片的大小和所述图片显示区域的大小,计算所述图片在x轴方向的移动范围大小和在y轴方向的移动范围大小;根据所述x轴方向的移动范围大小和y轴方向的移动范围大小、以及所述移动终端的陀螺仪检测的绕x轴旋转的角速度和绕y轴旋转的角速度,获取所述图片的x轴方向的移动量和y轴方向的移动量;根据所述图片的x轴方向的移动量和y轴方向的移动量,移动所述图片。进一步可选地,在上述装置中,所述移动模块,用于:根据图片显示区域的位置与所述图片的位置,移动所述图片,使得所述图片显示区域的中心与所述图片的中心重合。进一步可选地,在上述装置中,所述移动模块,用于:获取所述图片显示区域的中心点坐标和所述图片的中心点坐标;根据所述图片显示区域的中心点坐标和所述图片的中心点坐标,获取所述图片的x轴方向的移动量和y轴方向的移动量;根据所述图片的x轴方向的移动量和y轴方向的移动量,移动所述图片。本专利技术还提供一种计算设备,包括:处理器;以及存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如上任何一项所述的方法。本专利技术还提供一种非暂时性机器可读存储介质,其上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行如上任一项所述的方法。本专利技术的图片的显示处理方法及装置、计算设备及可读介质,在移动终端的图片显示交互中,网页中的图片被加载后,通过检测移动终端是否发生晃动;若是,移动图片,使得落入图片显示区域的图片发生变化;该图片的大小大于该图片显示区域的大小;重新绘制落入图片显示区域的图片,以显示。本专利技术通过采用上述技术方案,不用用户的手动操作,通过晃动移动终端,便可以实现图片的自动显示处理,且能够很好地实现图片的焦点覆盖,为用户提供丰富的图片信息。本专利技术的图片显示处理方法,能够有效地提高图片显示处理的效率,提高图片展示效果,保证图片显示性能。附图说明通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。图1为本专利技术提供的图片展示情况示意图。图2为本专利技术的图片的显示处理方法实施例的流程图。图3为本专利技术的图片和图片显示区域的关系示意图。图4为本专利技术的图片的显示处理装置实施例的结构图。图5示出了根据本专利技术一实施例可用于实现上述图片的显示处理方法的计算设备的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达本文档来自技高网...
【技术保护点】
1.一种图片的显示处理方法,其特征在于,所述方法包括:在移动终端的图片显示交互中,网页中的图片被加载后,检测所述移动终端是否发生晃动;若是,移动所述图片,使得落入所述图片显示区域的图片发生变化;所述图片的大小大于所述图片显示区域的大小;所述图片显示区域对应的图片显示控件的图片缩放方式为居中显示;基于所述图片的移动,重新绘制落入所述图片显示区域的图片,以显示。
【技术特征摘要】
1.一种图片的显示处理方法,其特征在于,所述方法包括:在移动终端的图片显示交互中,网页中的图片被加载后,检测所述移动终端是否发生晃动;若是,移动所述图片,使得落入所述图片显示区域的图片发生变化;所述图片的大小大于所述图片显示区域的大小;所述图片显示区域对应的图片显示控件的图片缩放方式为居中显示;基于所述图片的移动,重新绘制落入所述图片显示区域的图片,以显示。2.根据权利要求1所述的方法,其特征在于,检测所述移动终端是否发生晃动,包括:通过监听所述移动终端的陀螺仪的数据,检测所述移动终端是否发生x轴和/或y轴的旋转,若是,确定所述移动终端的位置状态发生晃动,否则确定所述移动终端未发生晃动。3.根据权利要求2所述的方法,其特征在于,移动所述图片,包括:根据所述图片的大小、所述图片显示区域的大小、以及所述移动终端的陀螺仪检测的数据,移动所述图片。4.根据权利要求3所述的方法,其特征在于,根据所述图片的大小、所述图片显示区域的大小、以及所述移动终端的陀螺仪检测的数据,移动所述图片,包括:根据所述图片的大小和所述图片显示区域的大小,计算所述图片在x轴方向的移动范围大小和在y轴方向的移动范围大小;根据所述x轴方向的移动范围大小和y轴方向的移动范围大小、以及所述移动终端的陀螺仪检测的绕x轴旋转的角速度和绕y轴旋转的角速度,获取所述图片的x轴方向的移动量和y轴方向的移动量;根据所述图片的x轴方向的移动量和y轴方向的移动量,移动所述图片。5.根据权利要求1所述的方法,其特征在于,移动所述图片,包括:根据图片显示区域的位置与所述图片的位置,移动所述图片,使得所述图片显示区域的中心与所述图片的中心重合。6.根据权利要求5所述的方法,其特征在于,根据图片显示区域的位置与所述图片的位置,移动所述图片,使得所述图片显示区域的中心与所述图片的中心重合,包括:获取所述图片显示区域的中心点坐标和所述图片的中心点坐标;根据所述图片显示区域的中心点坐标和所述图片的中心点坐标,获取所述图片的x轴方向的移动量和y轴方向的移动量;根据所述图片的x轴方向的移动量和y轴方向的移动量,移动所述图片。7.一种图片的显示处理装置,其特征在于,所述装置包括:检测模块,用于在移动终端的图片显示交互中,网页中的...
【专利技术属性】
技术研发人员:涂勇,
申请(专利权)人:广州优视网络科技有限公司,
类型:发明
国别省市:广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。