CN105824819A - 图片加载方法、装置及电子设备 - Google Patents
图片加载方法、装置及电子设备 Download PDFInfo
- Publication number
- CN105824819A CN105824819A CN201510003776.3A CN201510003776A CN105824819A CN 105824819 A CN105824819 A CN 105824819A CN 201510003776 A CN201510003776 A CN 201510003776A CN 105824819 A CN105824819 A CN 105824819A
- Authority
- CN
- China
- Prior art keywords
- picture
- loaded
- layer
- information
- content description
- 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
Abstract
本申请公开了一种图片加载方法、装置及电子设备,其根据待加载图片的内容描述信息和坐标信息生成描述图层,并在开始执行图片加载时,将该描述图层显示于待加载图片对应的目标区域;其中,描述图层中的内容描述信息起到提示作用,使得用户可以根据描述图层中显示的待加载图片的内容描述信息,预知待加载图片所展示的内容,如果内容描述信息与自己的需求不相关,则可在当前页面完成加载之前切换至其他页面,既可以减少用户的等待时间,又可以减少网络流量浪费。
Description
技术领域
本申请涉及网页加载技术领域,尤其涉及一种图片加载方法、装置及电子设备。
背景技术
随着网页技术的发展,网页中所包含的信息越来越丰富,图片文件在网页中所占的比重也越来越大。相对于文字,在网页中添加图片文件可以更形象直观地表现本网页所要展示的信息。相应的,各种具有图片展示功能的终端应用程序也层出不穷。
常用的图片加载技术,通常先根据待加载图片的尺寸在当前显示区域中预留相应的空白区域,将待加载图片划分为多个图块,然后按一定的顺序依次将各个图块显示于空白区域的对应位置处。图1示出了应用上述图片加载技术的某网页中由上至下加载至不同程度的图片文件。
对于包含图片文件的网页或终端应用程序界面,其完成加载所消耗的时间受多种因素影响;例如,图片文件越多、图片文件尺寸越大、网速越慢,完成图片加载所需要的时间也越长。由于只有在图片文件的全部或大部分图块加载完成时,用户才可以判断该图片文件是否为自己需要的图片文件,如果不是,则通过相应的操作将当前网页的其他区域或其他网页置于可视窗口内,并继续等待新的图片文件加载,不仅浪费时间,还浪费网络流量。
发明内容
为克服相关技术中存在的问题,本申请提供一种图片加载方法、装置及电子设备。
本申请第一方面提供一种图片加载方法;该方法包括:
获取待加载图片的内容描述信息和在目标页面中的坐标信息;
根据所述内容描述信息和坐标信息生成描述图层;以及
将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
结合第一方面,在第一方面的第一种可行的实施方式中,所述图片加载方法还包括:
根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
结合第一方面,或者第一方面的第一种可行的实施方式,在第一方面的第二种可行的实施方式中,所述图片加载方法还包括:
根据所述待加载图片的加载进度调整所述描述图层的透明度。
结合第一方面,或者第一方面的第一种可行的实施方式,在第一方面的第三种可行的实施方式中,所述图片加载方法还包括:
在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度;
如果所述当前网速不大于所述预设速度,则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。
本申请第二方面提供一种图片加载置;该装置包括:
信息获取单元,用于获取待加载图片的内容描述信息和在目标页面中的坐标信息;
图层生成单元,用于根据所述内容描述信息和坐标信息生成描述图层;以及
图层显示单元,用于将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
结合第二方面,在第二方面的第一种可行的实施方式中,所述图片加载装置还包括:
第一显示控制单元,用于根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
结合第二方面,或者第二方面的第一种可行的实施方式,在第二方面的第二种可行的实施方式中,所述图片加载装置还包括:
第二显示控制单元,用于根据所述待加载图片的加载进度调整所述描述图层的透明度。
结合第二方面,或者第二方面的第一种可行的实施方式,在第二方面的第三种可行的实施方式中,所述图片加载装置还包括:
网速判断单元,用于在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度,并在所述当前网速不大于所述预设速度时,触发所述信息获取单元。
本申请第三方面提供一种电子设备;所述电子设备具有网络图片展示功能,包括:
处理器;以及,用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取待加载图片的内容描述信息和在目标页面中的坐标信息;
根据所述内容描述信息和坐标信息生成描述图层;以及
将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
结合第三方面,在第三方面的第一种可行的实施方式中,所述处理器还被配置为:
根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
结合第三方面,或者第三方面的第一种可行的实施方式,在第三方面的第二种可行的实施方式中,所述处理器还被配置为:
根据所述待加载图片的加载进度调整所述描述图层的透明度。
结合第三方面,或者第三方面的第一种可行的实施方式,在第三方面的第三种可行的实施方式中,所述处理器还被配置为:
在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度;
如果所述当前网速不大于所述预设速度,则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。
由以上技术方案可知,本申请实施例根据待加载图片的内容描述信息和坐标信息生成描述图层,并在开始执行图片加载时,将该描述图层显示于待加载图片对应的目标区域;其中,描述图层中的内容描述信息起到提示作用,使得用户可以根据描述图层中显示的待加载图片的内容描述信息,预知待加载图片所展示的内容,如果内容描述信息与自己的需求不相关,则可在当前页面完成加载之前切换至其他页面,既可以减少用户的等待时间,又可以减少网络流量浪费。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1是现有网页图片加载过程中网页界面的示意图。
图2是根据一示例性实施例示出的一种图片加载方法的流程图。
图3是根据一示例性实施例示出的图片加载方法中获取坐标信息的示意图。
图4是根据一示例性实施例示出的图片加载方法中显示描述图层的示意图。
图5是根据一示例性实施例示出的另一种图片加载方法的流程图。
图6是根据一示例性实施例示出的一种图片加载方法中根据图片加载进度调节描述图层的方法示意图。
图7是根据一示例性实施例示出的另一种图片加载方法中根据图片加载进度调节描述图层的方法示意图。
图8是根据一示例性实施例示出的又一种图片加载方法中根据图片加载进度调节描述图层的方法示意图。
图9是根据一示例性实施例示出的又一种图片加载方法的流程图。
图10是根据一示例性实施例示出的一种图片加载装置的框图。
图11是根据一示例性实施例示出的另一种图片加载装置的框图。
图12是根据一示例性实施例示出的又一种图片加载装置的框图。
图13是根据一示例性实施例示出的一种具有网络图片展示功能的电子设备的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
图2为本申请实施例提供的一种图片加载方法的流程图,该方法可以应用于浏览器等具有图片展示功能的终端应用程序。如图2所示,该方法包括以下步骤。
S11、获取待加载图片的内容描述信息和在目标页面中的坐标信息。
其中,上述内容描述信息可以为与待加载图片所展示的内容相关的关键词、引用该待加载图片的网页的标题等。
上述坐标信息用于描述待加载图片的尺寸及其在目标页面中的位置;具体的,以待加载图片所在的目标页面为基准建立平面直角坐标系(xy坐标系),获取其中的每个待加载图片的坐标信息,记录为如下格式:(待加载图片的左边界坐标,待加载图片的上边界坐标,待加载图片的宽度,待加载图片的高度)。
如图3所示,以目标页面300为基准建立xy坐标系,单位为像素,其中待加载图片311的坐标信息为(485,405,480,560),即待加载图片311的宽度为480像素,高度为560像素,左边界与目标页面300左边缘的距离为485像素,上边界与目标页面300的上边缘的距离为405像素,也即待加载图片311的左上角坐标为(485,405)。待加载图片311的内容描述信息可以为与其所展示的服装相关的关键词“豹纹皮草毛领外套”等。
S12、根据所述内容描述信息和坐标信息生成描述图层。
S13、将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
其中,根据所述坐标信息确定描述图层的大小及在目标页面中的坐标,所述内容描述信息作为描述图层中展示的文字内容。可选的,该描述图层的背景可以填充为预设颜色,也可以设置为透明(即不填充任何颜色),同时将内容描述信息设置为与背景不同的颜色。开始图片加载时,无论图片加载速度如何,都先将其对应的描述图层显示于对应的目标区域内。
参照图4,描述图层为图3中待加载图片311对应的描述图层,该图层中包含有待加载图片311的描述信息“豹纹皮草毛领外套”;根据待加载图片311的坐标信息(485,405,480,560)确定的描述图层312的坐标信息可以为(485,405,480,560),即描述图层312完全覆盖用于显示待加载图片311的目标区域。在本申请其他可行的实施例中,也可以设置描述图层的面积小于对应的目标区域的面积,即使得描述图层仅覆盖目标区域的一部分。
由以上技术方案可知,本申请实施例根据待加载图片的内容描述信息和坐标信息生成描述图层,并在开始执行图片加载时,将该描述图层显示于待加载图片对应的目标区域;其中,描述图层中的内容描述信息起到提示作用,使得用户可以根据描述图层中显示的待加载图片的内容描述信息,预知待加载图片所展示的内容,如果内容描述信息与自己的需求不相关,则可在当前页面完成加载之前切换至其他页面,既可以减少用户的等待时间,又可以减少网络流量浪费。
图5为本申请实施例提供的另一种图片加载方法的流程图。该方法可以应用于浏览器等具有图片展示功能的终端应用程序。如图5所示,该方法包括以下步骤。
S21、获取待加载图片的内容描述信息和在目标页面中的坐标信息。
S22、根据所述内容描述信息和坐标信息生成描述图层。
S23、将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
S24、根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
在本申请一个可行的实施例中,可以按照如下规则调整描述图层的大小和位置:如果待加载图片的已加载部分占据目标区域的x%,则描述图层占据剩余1-x%区域。参照图6,在开始加载时,描述图层的面积为目标区域的100%(完全覆盖整个目标区域);当待加载图片加载进度为30%时,描述图层的面积缩小至目标区域的70%;当待加载图片加载进度为70%时,描述图层的面积缩小至目标区域的30%;鉴于加载完成后,内容描述信息的提示作用不再是描述图层的必要功能,故当待加载图片加载进度为100%(加载完成)时,描述图层面积缩小为0(描述图层消失)。相应的,内容描述信息的显示位置也随着描述图层减小而向下移动,具体的,可以设置内容描述信息保持在描述图层的中部。
在本申请另一个可行的实施例中,可以设置描述图层的面积和目标区域总面积之间的最小百分比y%(如10%),当描述图层的面积随图片加载进度减小至目标区域的y%时,不再调整描述图层的大小和位置,并将描述图层设置于待加载图片的上层;如图7所示,在加载进度为100%时仍保留描述图层。同时,还可以适当调节描述图层的透明度,使得用户可以透过描述图层查看其下方的图片区域。
由以上技术方案可知,本申请实施例在图片加载过程中,根据待加载图片的加载进度调整对应的描述图层的大小和位置,可以避免已加载的图片部分和描述图层相互覆盖,既保证内容描述信息在图片加载过程中始终完整呈现给用户,起到相应的提示作用,又不影响待加载图片在目标区域的正常显示。
除了上述根据待加载图片的加载进度调整描述图层的大小和位置,在本申请一个可行的实施例中,还可以通过如下方法避免描述图层中的内容描述信息被已加载的图片部分覆盖:在目标区域显示描述图层时,设置描述图层位于待加载图片的下层,且所述内容描述信息在描述图层中的位置为图片加载方向的末端,使得内容描述信息在图片加载完成时(即不再需要通过内容描述信息提示对应图片所展示的)才被覆盖。如图8所示,假设待加载图片按由上至下的方向加载,则将内容描述信息设置于描述图层的下端。
在本申请另一个可行的实施方式中,如果描述图层设置于待加载图片的上层,还可以通过如下方法避免已加载的图片部分被描述图层遮挡:根据所述待加载图片的加载进度调整所述描述图层的透明度。
具体的,可以设置描述图层的透明度与图片加载进度在数值上相等,实现描述图层逐渐淡化、待加载图片逐渐清晰的效果。图片加载进度为0%(开始加载之前)时,设置描述图层的透明度为0%;当待加载图片加载进度为30%时,描述图层的透明度设置为30%;当待加载图片加载进度为70%时,描述图层的透明度设置为70%;图片加载进度为100%(加载完成)时,描述图层的透明度设置为100%(即描述图层不可见)。
另外,还可以按照如下规则对描述图层的透明度进行粗略调节:图片加载进度为0%(开始加载之前)时,设置描述图层的透明度为0%;图片加载进度大于0%且小于100%时,设置描述图层的透明度为50%;当图片加载进度等于100%,设置描述图层的透明度为100%。
参见图9,在本申请又一个可行的实施例中,还可以根据当前网速限定上述图片加载方法的执行,即本实施例提供的图片加载方法包括如下步骤:
S31、判断当前网速是否大于预设速度,如果是,则重新执行步骤S31,否则执行步骤S32。
其中,如果当前网速大于预设网速,还可以先延时一段时间(具体延时时长可以根据实际应用场景设置),再重新执行步骤S31,判断延时完成时的网速是否大于预设网速。在确定当前网速大于预设网速后,以及上述延时过程中,采用现有技术执行图片加载。
S32、获取待加载图片的内容描述信息和在目标页面中的坐标信息。
S33、根据所述内容描述信息和坐标信息生成描述图层。
S34、将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
由以上增加步骤可知,本实施例中仅在网速不大于预设速度(即网速较慢)时,才执行上述图片加载方法,即在加载图片的同时生成并显示描述图层,以展示待加载图片的内容描述信息,以便减少用户的等待时间;而在网速大于预设速度(即网速较快)时,不会出现图片加载过慢的现象,故可以采用现有技术直接加载图片,不执行其他数据处理,以减少相关处理器的工作负担。
图10为本申请实施例提供的一种图片加载装置的结构框图。参照图10,该装置包括:信息获取单元110、图层生成单元120和图层显示单元130。
该信息获取单元110被配置为,获取待加载图片的内容描述信息和在目标页面中的坐标信息。
该图层生成单元120被配置为,根据所述内容描述信息和坐标信息生成描述图层。
该图层显示单元130被配置为,将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
由以上技术方案可知,本申请实施例根据待加载图片的内容描述信息和坐标信息生成描述图层,并在开始执行图片加载时,将该描述图层显示于待加载图片对应的目标区域;其中,描述图层中的内容描述信息起到提示作用,使得用户可以根据描述图层中显示的待加载图片的内容描述信息,预知待加载图片所展示的内容,如果内容描述信息与自己的需求不相关,则可在当前页面完成加载之前切换至其他页面,既可以减少用户的等待时间,又可以减少网络流量浪费。
参见图11,本申请实施例提供的图片加载装置还可以包括:第一显示控制单元140。
该第一显示控制单元140被配置为,根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
另外,上述图片加载装置还可以包括:第二显示控制单元150。
该第二显示控制单元150被配置为,根据所述待加载图片的加载进度调整所述描述图层的透明度。
由以上技术方案可知,本申请实施例在图片加载过程中,根据待加载图片的加载进度调整对应的描述图层的大小和位置,或者调整所述描述图层的透明度,都可以避免已加载的图片部分和描述图层相互覆盖,既保证内容描述信息在图片加载过程中始终完整呈现给用户,起到相应的提示作用,又不影响待加载图片在目标区域的正常显示。
参见图12,除上述信息获取单元110、图层生成单元120和图层显示单元130外,本申请实施例提供的图片加载装置还可以包括网速判断单元160;该网速判断单元160被配置为在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度,并在所述当前网速不大于所述预设速度时,触发所述信息获取单元。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
另外,本申请实施例还提供了一种计算机存储介质,例如可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等;该计算机存储介质中存储有程序,当所述存储介质中的程序由具有网络图片展示功能的电子设备的处理器执行时,使得移动终端能够执行上述方法实施例中记载的图片加载方法的部分或全部步骤。
图13是根据一示例性实施例示出的一种具有网络图片展示功能的电子设备的框图。例如,电子设备可以是移动电话,平板设备,笔记本电脑,数字广播终端,消息收发设备等。
参照图13,电子设备可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制电子设备的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行本地或者远程指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在电子设备的操作。这些数据的示例包括用于在电子设备上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为电子设备的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为电子设备生成、管理和分配电力相关联的组件。
多媒体组件808包括在所述电子设备和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当电子设备处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当电子设备处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为电子设备提供各个方面的状态评估。例如,传感器组件814可以检测到电子设备的打开/关闭状态,组件的相对定位,例如所述组件为电子设备的显示器和小键盘,传感器组件814还可以检测电子设备或电子设备一个组件的位置改变,用户与电子设备接触的存在或不存在,电子设备方位或加速/减速和电子设备的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于电子设备和其他设备之间有线或无线方式的通信。电子设备可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(radiofrequencyidentification,RFID)技术,红外数据协会(InfraredDataAssociation,IrDA)技术,超宽带(UltraWideband,UWB)技术,蓝牙(bluetooth)技术和其他技术来实现。
在示例性实施例中,电子设备可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述图片加载方法。
其中,本实施例中,处理器820通过执行存储器804中的指令,可以完成如下步骤:
获取待加载图片的内容描述信息和在目标页面中的坐标信息;
根据所述内容描述信息和坐标信息生成描述图层;以及
将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
在本申请一个可行的实施例中,处理器820还可以执行如下步骤:
根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
在本申请另一个可行的实施例中,处理器820还可以执行如下步骤:
根据所述待加载图片的加载进度调整所述描述图层的透明度。
在本申请又一个可行的实施例中,处理器820还可以执行如下步骤:
在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度;
如果所述当前网速不大于所述预设速度,则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (12)
1.一种图片加载方法,其特征在于,包括:
获取待加载图片的内容描述信息和在目标页面中的坐标信息;
根据所述内容描述信息和坐标信息生成描述图层;以及
将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
2.根据权利要求1所述的图片加载方法,其特征在于,还包括:
根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
3.根据权利要求1或2所述的图片加载方法,其特征在于,还包括:
根据所述待加载图片的加载进度调整所述描述图层的透明度。
4.根据权利要求1或2所述的图片加载方法,其特征在于,还包括:
在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度;
如果所述当前网速不大于所述预设速度,则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。
5.一种图片加载装置,其特征在于,包括:
信息获取单元,用于获取待加载图片的内容描述信息和在目标页面中的坐标信息;
图层生成单元,用于根据所述内容描述信息和坐标信息生成描述图层;以及
图层显示单元,用于将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
6.根据权利要求1所述的图片加载装置,其特征在于,还包括:
第一显示控制单元,用于根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
7.根据权利要求5或6所述的图片加载装置,其特征在于,还包括:
第二显示控制单元,用于根据所述待加载图片的加载进度调整所述描述图层的透明度。
8.根据权利要求5或6所述的图片加载装置,其特征在于,还包括:
网速判断单元,用于在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度,并在所述当前网速不大于所述预设速度时,触发所述信息获取单元。
9.一种电子设备,其特征在于,所述电子设备具有网络图片展示功能;所述电子设备包括:
处理器;以及
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取待加载图片的内容描述信息和在目标页面中的坐标信息;
根据所述内容描述信息和坐标信息生成描述图层;以及
将所述描述图层显示于目标页面中所述待加载图片对应的目标区域。
10.根据权利要求9所述的电子设备,其特征在于,所述处理器还被配置为:
根据所述待加载图片的加载进度调整所述描述图层的大小和位置。
11.根据权利要求9或10所述的电子设备,其特征在于,所述处理器还被配置为:
根据所述待加载图片的加载进度调整所述描述图层的透明度。
12.根据权利要求9或10所述的电子设备,其特征在于,所述处理器还被配置为:
在所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤之前,判断当前网速是否大于预设速度;
如果所述当前网速不大于所述预设速度,则执行所述获取待加载图片的内容描述信息和在目标页面中的坐标信息的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510003776.3A CN105824819A (zh) | 2015-01-05 | 2015-01-05 | 图片加载方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510003776.3A CN105824819A (zh) | 2015-01-05 | 2015-01-05 | 图片加载方法、装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105824819A true CN105824819A (zh) | 2016-08-03 |
Family
ID=56514807
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510003776.3A Pending CN105824819A (zh) | 2015-01-05 | 2015-01-05 | 图片加载方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105824819A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108334263A (zh) * | 2017-01-19 | 2018-07-27 | 京瓷办公信息系统株式会社 | 显示控制装置及显示控制方法 |
CN108762622A (zh) * | 2018-06-04 | 2018-11-06 | 北京搜狐新动力信息技术有限公司 | 一种页面的切换显示方法及装置 |
CN109831493A (zh) * | 2019-01-18 | 2019-05-31 | 深圳壹账通智能科技有限公司 | 一种图像配置的检测方法、装置、设备及介质 |
CN110489674A (zh) * | 2019-07-02 | 2019-11-22 | 百度在线网络技术(北京)有限公司 | 页面处理方法、装置及设备 |
CN111562894A (zh) * | 2019-02-14 | 2020-08-21 | 阿里巴巴集团控股有限公司 | 图层显示方法、装置与设备 |
CN112783594A (zh) * | 2021-02-01 | 2021-05-11 | 维沃移动通信有限公司 | 一种消息显示方法、装置及电子设备 |
CN112800358A (zh) * | 2019-11-14 | 2021-05-14 | 北京金山云网络技术有限公司 | 一种背景区域生成方法、装置、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101324895A (zh) * | 2008-07-24 | 2008-12-17 | 北大方正集团有限公司 | 加速图片在网页上显示的方法和系统 |
US20140053109A1 (en) * | 2012-08-14 | 2014-02-20 | Beijing Xiaomi Technology Co., Ltd. | Method and apparatus for providing an interactive user interface |
CN103856490A (zh) * | 2012-11-28 | 2014-06-11 | 纽海信息技术(上海)有限公司 | 多网速访问的购物网站 |
CN104050568A (zh) * | 2013-03-11 | 2014-09-17 | 阿里巴巴集团控股有限公司 | 一种商品图片展现的方法和系统 |
-
2015
- 2015-01-05 CN CN201510003776.3A patent/CN105824819A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101324895A (zh) * | 2008-07-24 | 2008-12-17 | 北大方正集团有限公司 | 加速图片在网页上显示的方法和系统 |
US20140053109A1 (en) * | 2012-08-14 | 2014-02-20 | Beijing Xiaomi Technology Co., Ltd. | Method and apparatus for providing an interactive user interface |
CN103856490A (zh) * | 2012-11-28 | 2014-06-11 | 纽海信息技术(上海)有限公司 | 多网速访问的购物网站 |
CN104050568A (zh) * | 2013-03-11 | 2014-09-17 | 阿里巴巴集团控股有限公司 | 一种商品图片展现的方法和系统 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108334263A (zh) * | 2017-01-19 | 2018-07-27 | 京瓷办公信息系统株式会社 | 显示控制装置及显示控制方法 |
CN108334263B (zh) * | 2017-01-19 | 2021-04-27 | 京瓷办公信息系统株式会社 | 显示控制装置及显示控制方法 |
CN108762622A (zh) * | 2018-06-04 | 2018-11-06 | 北京搜狐新动力信息技术有限公司 | 一种页面的切换显示方法及装置 |
CN108762622B (zh) * | 2018-06-04 | 2021-08-13 | 北京搜狐新动力信息技术有限公司 | 一种页面的切换显示方法及装置 |
CN109831493A (zh) * | 2019-01-18 | 2019-05-31 | 深圳壹账通智能科技有限公司 | 一种图像配置的检测方法、装置、设备及介质 |
CN111562894A (zh) * | 2019-02-14 | 2020-08-21 | 阿里巴巴集团控股有限公司 | 图层显示方法、装置与设备 |
CN110489674A (zh) * | 2019-07-02 | 2019-11-22 | 百度在线网络技术(北京)有限公司 | 页面处理方法、装置及设备 |
CN112800358A (zh) * | 2019-11-14 | 2021-05-14 | 北京金山云网络技术有限公司 | 一种背景区域生成方法、装置、电子设备及存储介质 |
CN112800358B (zh) * | 2019-11-14 | 2024-03-08 | 北京金山云网络技术有限公司 | 一种背景区域生成方法、装置、电子设备及存储介质 |
CN112783594A (zh) * | 2021-02-01 | 2021-05-11 | 维沃移动通信有限公司 | 一种消息显示方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105955607B (zh) | 内容分享方法和装置 | |
CN105824819A (zh) | 图片加载方法、装置及电子设备 | |
CN107544810B (zh) | 控制应用程序的方法和装置 | |
EP3825828A1 (en) | Method and device for display at interface of multimedia information application, ue, computer program, and medium | |
CN104866199B (zh) | 单手模式下的按键操作处理方法及装置、电子设备 | |
EP3128411B1 (en) | Interface display method, terminal, computer program and recording medium | |
US9582172B2 (en) | Display control apparatus and method, image display apparatus, and non-transitory computer readable medium | |
CN105487680B (zh) | 用于终端截屏的方法、装置及终端 | |
CN105426086A (zh) | 页面中搜索功能框的显示处理方法及装置 | |
CN105630411A (zh) | 内存管理方法及装置 | |
CN105739857A (zh) | 控制移动终端的方法及装置 | |
CN105487805A (zh) | 对象操作方法及装置 | |
CN104156245A (zh) | 列表更新方法和装置 | |
CN105224171A (zh) | 图标显示方法、装置及终端 | |
CN104503690A (zh) | 一种应用图标的排列方法及装置 | |
CN104049864A (zh) | 对象控制方法及装置 | |
CN106354878A (zh) | 页面管理方法及装置 | |
CN104216973A (zh) | 一种数据搜索的方法及装置 | |
CN104536659A (zh) | 目标物信息处理方法及装置 | |
CN104536669A (zh) | 信息展示方法及装置 | |
CN105550213A (zh) | 图片浏览方法和装置 | |
CN105739840A (zh) | 终端及终端中应用程序的启动方法 | |
CN105677164A (zh) | 页面选择方法和装置 | |
CN106325712B (zh) | 终端显示控制方法、装置及终端 | |
CN105677215A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160803 |