CN105808307B - 一种页面显示方法和装置 - Google Patents

一种页面显示方法和装置 Download PDF

Info

Publication number
CN105808307B
CN105808307B CN201610203542.8A CN201610203542A CN105808307B CN 105808307 B CN105808307 B CN 105808307B CN 201610203542 A CN201610203542 A CN 201610203542A CN 105808307 B CN105808307 B CN 105808307B
Authority
CN
China
Prior art keywords
pictures
page
frame
loading
picture
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.)
Active
Application number
CN201610203542.8A
Other languages
English (en)
Other versions
CN105808307A (zh
Inventor
陈方毅
王芳
高锋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xiamen Meishao Co ltd
Original Assignee
Xiamen Meishao Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Xiamen Meishao Co ltd filed Critical Xiamen Meishao Co ltd
Priority to CN201610203542.8A priority Critical patent/CN105808307B/zh
Publication of CN105808307A publication Critical patent/CN105808307A/zh
Application granted granted Critical
Publication of CN105808307B publication Critical patent/CN105808307B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种页面显示方法和装置，该方法包括：接收页面加载请求；其中，所述页面包含至少一图片和页面框架；根据所述页面加载请求确定待加载的图片和框架；以及按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示。利用本发明，根据所需加载的框架、图片等信息确定加载的优先级别，并按照该优先级别依次进行加载和融合，从而完成页面加载显示，取代了现有技术中通过动画表示图片加载等待进程，使用户感知加载加快，提升用户体验。

Description

一种页面显示方法和装置
技术领域
本发明涉及图形处理技术领域，特别是涉及一种页面显示方法及装置。
背景技术
随着科技的高速发展，手机等移动终端凭借其日益强大的功能在日常生活中得到了广泛应用，人们经常通过移动终端访问网络，查看时事新闻，浏览最新资讯，或者利用移动终端进行即时通讯。在日常生活中图片已成为获取信息的重要途径，经常需要加载跟着图片，例如日趋流行的各种网络购物应用客户端，在显示商品时需要加载图片，或者用户越来越多地通过网络保存照片，在浏览查询照片时也需要加载图片。
但是在通过手机等移动终端访问网络以加载图片时，经常需要考虑到带宽和流量问题，尤其是在加载图片时，由于图片比文本信息的数据量大，若带宽较低，一个页面若包含多张图片时，图片加载速度会尤其缓慢，用户需要等待很长一段时间才能看到图片，给用户带来极大不方便。
发明内容
本发明主要解决的技术问题在于提供一种页面显示方法和装置，能够现有技术中通过动画表示图片加载等待进程，使用户感知加载加快，提升用户体验。
为解决上述技术问题，本发明采用的一个技术方案是：提供一种页面显示方法，所述方法包括：接收页面加载请求；其中，所述页面包含至少一图片和页面框架；根据所述页面加载请求确定待加载的图片和框架；以及按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示。
其中，所述按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示的步骤之前，所述方法还包括：按照所述框架、图片的顺序划分所述优先级顺序。
其中，所述按照所述框架、图片的顺序划分所述优先级顺序的步骤具体为：按照所述框架、图片的顺序划分第一优先级顺序；以及按照图片的尺寸信息由小到大的顺序划分第二优先级顺序。
其中，所述页面还包括文本信息；所述按照所述框架、图片的顺序划分第一优先级顺序的步骤具体为：按照所述框架、文本信息、图片的顺序划分所述第一优先级顺序。
其中，所述框架被划分为若干个区域，每个所述图片具有与一所述区域对应的坐标；所述按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示的步骤具体为：按优先级顺序加载所述框架，以及根据所述图片的坐标在对应的区域加载所述图片，并将加载完毕后的所述图片和框架进行融合并显示。
为解决上述技术问题，本发明采用的另一个技术方案是：提供一种页面显示装置，所述装置包括：操作控制模块，用于接收页面加载请求；其中，所述页面包含至少一图片和页面框架；页面解析模块，用于根据所述页面加载请求确定待加载的图片和框架；以及显示控制模块，用于按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示。
其中，所述页面解析模块还用于按照所述框架、图片的顺序划分所述优先级顺序。
其中，所述页面解析模块还用于按照所述框架、图片的顺序划分第一优先级顺序；以及按照图片的尺寸信息由小到大的顺序划分第二优先级顺序。
其中，所述页面还包括文本信息；所述页面解析模块还用于按照所述框架、文本信息、图片的顺序划分所述第一优先级顺序。
其中，所述框架被划分为若干个区域，每个所述图片具有与一所述区域对应的坐标；所示显示控制模块还用于按优先级顺序加载所述框架，以及根据所述图片的坐标在对应的区域加载所述图片，并将加载完毕后的所述图片和框架进行融合并显示。
本发明的有益效果是：本发明提供的一种页面显示方法和装置，在进行页面加载的过程中，根据所需加载的框架、图片等信息确定加载的优先级别，并按照该优先级别依次进行加载和融合，从而完成页面加载显示，取代了现有技术中通过动画表示图片加载等待进程，使用户感知加载加快，提升用户体验。
附图说明
图1是本发明一种页面显示方法的第一实施方式的流程图；
图2是本发明一种页面显示方法的第二实施方式的流程图；
图3是运行一应用程序的电子设备进行页面显示的第一状态示意图；
图4是如图3所示的电子设备进行页面显示的第二状态示意图；
图5是如图3所示的电子设备进行页面显示的第三状态示意图；
图6是本发明一种页面显示装置一实施方式的功能模块示意图。
具体实施方式
下面结合附图和实施方式对本发明进行详细说明。
请参阅图1，为本发明一种页面显示方法的第一实施方式的流程图，该页面显示方法可以应用于电子设备中，这里所讲的电子设备可以包括智能手机、平板电脑、智能电视、电子书阅读器、便携式计算机和台式计算机等。该页面显示方法包括：
步骤S10，接收页面加载请求。
其中，该页面包含至少一图片和页面框架。
具体地，该页面可以是用户相册的显示页面，该用户相册包括多张图片，页面框架即为图片的排版。进一步地，该页面中所需加载的信息还可以包括文本信息，即，图片描述信息等。
步骤S11，根据该页面加载请求确定待加载的图片和框架。
具体地，确定待加载的图片和框架包括：确定待加载的图片的信息，包括尺寸大小、位置坐标等，以及确定待加载的框架信息，包括框架的尺寸、坐标、被划分的区域、边框形式等等。
步骤S12，按优先级顺序加载该框架和图片，并将加载完毕后的图片和框架进行融合并显示。
其中，优先级顺序可以是应用程序预先定义好的，还可以是用户在相应页面中编辑设定的。
进一步地，该框架被划分为若干个区域，每个图片具有与一区域对应的坐标。
按优先级加载该框架和图片，并将加载完毕后的图片和框架进行融合并显示，具体为：按优先级顺序加载框架，以及根据图片的坐标在对应的区域加载图片，并将加载完毕后的图片和框架进行融合并显示。
请参阅图2，为本发明一种页面显示方法的第二实施方式的流程图，该实施方式示出的页面显示方法相对于图1示出的页面显示方法，步骤S11，即，按优先级顺序加载该框架和图片的，并将加载完毕后的图片和框架进行融合并显示的步骤之后，还包括如下步骤：
步骤S22，按照框架、图片的顺序划分该优先级顺序。
具体地，按照框架、图片的顺序划分该优先级顺序，包括：按照框架、图片的顺序划分第一优先级顺序，以及按照图片的尺寸信息由小到大的顺序划分第二优先级顺序。
本发明所述的优先级顺序并不仅限于如上的顺序。
进一步地，该页面包含页面框架和图片，还还包含文本信息。按照框架、图片的顺序划分该优先级顺序，具体为：按照框架、文本信息、图片的顺序划分第一优先级顺序。
图2中的其他步骤请参见图1及相应的文字说明。
请参阅图3-5，下面将结合附图对本发明进行举例说明。
图3为电子设备运行一网络相册应用程序时所显示的相册页面30，页面30上同时显示四个用户的图标31，当选中其中一个用户图标31时，按照如上所述的页面加载方法首先加载框架，然后加载文本信息，如图4所示，最后根据图片大小依次加载图片，如图5所示，从而完成用户相册页面的加载。
以上所述，在进行页面加载的过程中，根据所需加载的框架、图片等信息确定加载的优先级别，并按照该优先级别依次进行加载和融合，从而完成页面加载显示，取代了现有技术中通过动画表示图片加载等待进程，使用户感知加载加快，提升用户体验。
请参阅图6，为本发明一种页面显示装置一实施方式中的功能模块示意图。该页面显示装置可以应用于电子设备，这里所讲的电子设备可以包括智能手机、平板电脑、智能电视、电子书阅读器、便携式计算机和台式计算机等。该装置40包括但不限于操作控制模块41、页面解析模块42以及显示控制模块43。
该操作控制模块41用于接收对页面加载请求。
其中，该页面包含至少一图片和页面框架。
具体地，该页面可以是用户相册的显示页面，该用户相册包括多张图片，页面框架即为图片的排版。进一步地，该页面中所需加载的信息还可以包括文本信息，即，图片描述信息等。
该页面解析模块42用于根据该页面加载请求确定待加载的图片和框架。
具体地，该页面解析模块42确定待加载的图片和框架包括：确定待加载的图片的信息，包括尺寸大小、位置坐标等，以及确定待加载的框架信息，包括框架的尺寸、坐标、被划分的区域、边框形式等等。
该显示控制模块43用于按优先级顺序加载框架和图片，将加载完毕后的图片和框架进行融合并显示。
其中，优先级顺序可以是应用程序预先定义好的，还可以是用户在相应页面中编辑设定的。
进一步地，该框架被划分为若干个区域，每个图片具有与一区域对应的坐标。
该显示控制模块43按优先级加载该框架和图片，并将加载完毕后的图片和框架进行融合并显示，具体为：该显示控制模块43按优先级顺序加载框架，以及根据图片的坐标在对应的区域加载图片，并将加载完毕后的图片和框架进行融合并显示。
进一步地，该页面解析模块42具体用于按照框架、图片的顺序划分该优先级顺序。
具体地，该页面解析模块42按照框架、图片的顺序划分该优先级顺序，包括：该页面解析模块42按照框架、图片的顺序划分第一优先级顺序，以及按照图片的尺寸信息由小到大的顺序划分第二优先级顺序。
本发明所述的优先级顺序并不仅限于如上的顺序。
进一步地，该页面包含页面框架和图片，还还包含文本信息。该页面解析模块42按照框架、图片的顺序划分该优先级顺序，具体为：该页面解析模块42按照框架、文本信息、图片的顺序划分第一优先级顺序。
本发明提供的一种页面显示方法和装置，在进行页面加载的过程中，根据所需加载的框架、图片等信息确定加载的优先级别，并按照该优先级别依次进行加载和融合，从而完成页面加载显示，取代了现有技术中通过动画表示图片加载等待进程，使用户感知加载加快，提升用户体验。
以上所述仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (4)

1.一种页面显示方法，其特征在于，所述方法包括：
接收页面加载请求；其中，所述页面加载请求是根据用户对页面当前显示的链接图标的选择而产生，每个所述链接图标对应不同的页面内容，所述页面包含至少一图片和页面框架；所述页面框架为图片的排版，被划分为若干个区域，每个图片具有与一区域对应的坐标；
根据所述页面加载请求确定待加载的图片的信息以及确定待加载的框架信息；其中，所述图片信息至少包括尺寸大小、位置坐标等，所述框架信息至少包括框架的尺寸、坐标、被划分的区域、边框形式；按照所述框架、图片的顺序划分第一优先级顺序，按照图片的尺寸信息由小到大的顺序划分第二优先级顺序；以及
按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示；
其中，所述页面还包括文本信息；所述按照所述框架、图片的顺序划分第一优先级顺序的步骤具体为：
按照所述框架、文本信息、图片的顺序划分所述第一优先级顺序；
所述按优先级顺序加载所述框架和图片步骤为：
按照第一优先级顺序首先加载框架，然后加载文本信息，最后加载图片，并在加载图片时按照第二优先级顺序根据图片大小依次加载。
2.根据权利要求1所述的方法，其特征在于，所述框架被划分为若干个区域，每个所述图片具有与一所述区域对应的坐标；所述按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示的步骤具体为：
按优先级顺序加载所述框架，以及根据所述图片的坐标在对应的区域加载所述图片，并将加载完毕后的所述图片和框架进行融合并显示。
3.一种页面显示装置，其特征在于，所述装置包括：
操作控制模块，用于接收页面加载请求；其中，所述页面加载请求是根据用户对页面当前显示的链接图标的选择而产生，每个所述链接图标对应不同的页面内容，所述页面包含至少一图片和页面框架；所述页面框架为图片的排版，被划分为若干个区域，每个图片具有与一区域对应的坐标；
页面解析模块，用于按照所述框架、图片的顺序划分第一优先级顺序；以及按照图片的尺寸信息由小到大的顺序划分第二优先级顺序；还用于根据所述页面加载请求确定待加载的图片的信息以及确定待加载的框架信息；其中，所述图片信息至少包括尺寸大小、位置坐标等，所述框架信息至少包括框架的尺寸、坐标、被划分的区域、边框形式；
按照所述框架、图片的顺序划分第一优先级顺序，按照图片的尺寸信息由小到大的顺序划分第二优先级顺序；以及
显示控制模块，用于按优先级顺序加载所述框架和图片，将加载完毕后的所述图片和框架进行融合并显示；
其中，所述页面还包括文本信息；所述页面解析模块还用于按照所述框架、文本信息、图片的顺序划分所述第一优先级顺序；
所述显示控制模块按优先级顺序加载所述框架和图片为：
按照第一优先级顺序首先加载框架，然后加载文本信息，最后加载图片，并在加载图片时按照第二优先级顺序根据图片大小依次加载。
4.根据权利要求3所述的装置，其特征在于，所述框架被划分为若干个区域，每个所述图片具有与一所述区域对应的坐标；所示显示控制模块还用于按优先级顺序加载所述框架，以及根据所述图片的坐标在对应的区域加载所述图片，并将加载完毕后的所述图片和框架进行融合并显示。
CN201610203542.8A 2016-04-01 2016-04-01 一种页面显示方法和装置 Active CN105808307B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610203542.8A CN105808307B (zh) 2016-04-01 2016-04-01 一种页面显示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610203542.8A CN105808307B (zh) 2016-04-01 2016-04-01 一种页面显示方法和装置

Publications (2)

Publication Number Publication Date
CN105808307A CN105808307A (zh) 2016-07-27
CN105808307B true CN105808307B (zh) 2020-09-01

Family

ID=56459459

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610203542.8A Active CN105808307B (zh) 2016-04-01 2016-04-01 一种页面显示方法和装置

Country Status (1)

Country Link
CN (1) CN105808307B (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108255546B (zh) * 2016-12-29 2021-09-24 腾讯科技（北京）有限公司 一种数据加载动画的实现方法及装置
CN107402973A (zh) * 2017-06-29 2017-11-28 努比亚技术有限公司 图片上传、加载方法、上传终端、服务器及存储介质
CN109379423A (zh) * 2018-10-12 2019-02-22 成都信息工程大学 一种基于云平台的多源跨域数据交互系统
CN110209973B (zh) * 2019-05-24 2021-03-19 厦门美柚股份有限公司 一种网页游戏加载方法及装置
CN111405071A (zh) * 2020-06-02 2020-07-10 广东睿江云计算股份有限公司 一种基于云桌面的画面传输方法及系统

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101916265A (zh) * 2010-07-30 2010-12-15 百度在线网络技术（北京）有限公司 一种基于查询来呈现用户设备本地资源的方法和装置
CN102314486A (zh) * 2011-08-04 2012-01-11 百度在线网络技术（北京）有限公司 一种用于页面浏览的方法与设备
CN104391890A (zh) * 2014-11-10 2015-03-04 广东欧珀移动通信有限公司 图片加载方法及系统

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7174514B2 (en) * 2001-03-28 2007-02-06 Siebel Systems, Inc. Engine to present a user interface based on a logical structure, such as one for a customer relationship management system, across a web site
JP6029344B2 (ja) * 2012-06-20 2016-11-24 キヤノン株式会社 画像処理装置、画像処理方法、プログラム
CN103365695B (zh) * 2013-07-31 2017-04-26 广州市动景计算机科技有限公司 加快子资源加载速度的方法和装置
CN103488502A (zh) * 2013-09-11 2014-01-01 天脉聚源(北京)传媒科技有限公司 一种数据加载方法及装置
CN104166569B (zh) * 2014-08-15 2017-09-22 北京彩云动力教育科技有限公司 一种前端页面加载的方法及系统

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101916265A (zh) * 2010-07-30 2010-12-15 百度在线网络技术（北京）有限公司 一种基于查询来呈现用户设备本地资源的方法和装置
CN102314486A (zh) * 2011-08-04 2012-01-11 百度在线网络技术（北京）有限公司 一种用于页面浏览的方法与设备
CN104391890A (zh) * 2014-11-10 2015-03-04 广东欧珀移动通信有限公司 图片加载方法及系统

Also Published As

Publication number Publication date
CN105808307A (zh) 2016-07-27

Similar Documents

Publication Publication Date Title
CN105808307B (zh) 一种页面显示方法和装置
CN109408752B (zh) 在线文档展示方法、装置以及电子设备
US20140222947A1 (en) Method and apparatus for browsings webpages, and storage medium
EP4177783A1 (en) Method and apparatus for browsing table in document, and electronic device and storage medium
CN111597467A (zh) 展示方法、装置和电子设备
US9754391B2 (en) Webpage display method and apparatus
CN104991705A (zh) 一种界面显示方法及终端
CN105487640A (zh) 一种安卓手表预加载和缓存图片的方法
CN104765539A (zh) 一种消息显示方法及装置
CN110795196A (zh) 窗口显示方法、装置、终端及存储介质
CN111240793B (zh) cell预渲染的方法、装置、电子设备以及计算机可读介质
CN107045546B (zh) 一种网页处理方法、装置及智能终端
CN111723309B (zh) 用于网页搜索的方法和装置
CN104731897A (zh) 一种信息展现的实现方法和装置
EP3093759A1 (en) Electronic device and method for managing applications on an electronic device
CN111796825B (zh) 一种弹幕的绘制方法、装置、设备和存储介质
CN113220752A (zh) 展示方法、装置和电子设备
CN111259291B (zh) 视图展示方法、装置和电子设备
CN110069186B (zh) 显示应用的操作界面的方法和设备
CN110597580B (zh) 一种截屏方法和装置
CN104133869A (zh) 一种网页页面刷新方法
CN113282852A (zh) 编辑网页的方法和装置
EP4351117A1 (en) Information display method and apparatus, and electronic device
CN115470432A (zh) 一种页面渲染方法、装置、电子设备及计算机可读介质
CN114417782A (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
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 361000 Fujian province Xiamen Software Park Road No. 4 103 two expected

Applicant after: Xiamen Meishao Co., Ltd.

Address before: 361000 Fujian province Xiamen Software Park Road No. 4 103 two expected

Applicant before: Xiamen Mei You Information technology company limited

GR01 Patent grant
GR01 Patent grant