CN108845737B - 图片错层显示方法、电子设备及存储介质 - Google Patents

图片错层显示方法、电子设备及存储介质 Download PDF

Info

Publication number
CN108845737B
CN108845737B CN201810698620.5A CN201810698620A CN108845737B CN 108845737 B CN108845737 B CN 108845737B CN 201810698620 A CN201810698620 A CN 201810698620A CN 108845737 B CN108845737 B CN 108845737B
Authority
CN
China
Prior art keywords
layering
picture
moving
picture element
position information
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
CN201810698620.5A
Other languages
English (en)
Other versions
CN108845737A (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.)
Zhangyue Technology Co Ltd
Original Assignee
Zhangyue Technology 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 Zhangyue Technology Co Ltd filed Critical Zhangyue Technology Co Ltd
Priority to CN201810698620.5A priority Critical patent/CN108845737B/zh
Publication of CN108845737A publication Critical patent/CN108845737A/zh
Priority to US17/254,011 priority patent/US20210271383A1/en
Priority to PCT/CN2019/074172 priority patent/WO2020001028A1/zh
Application granted granted Critical
Publication of CN108845737B publication Critical patent/CN108845737B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • 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/0485—Scrolling or panning
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/38—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory with means for controlling the display position
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/0464—Positioning
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/12—Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/12—Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels
    • G09G2340/125—Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels wherein one of the images is motion video
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2380/00—Specific applications
    • G09G2380/14—Electronic books and readers
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/39—Control of the bit-mapped memory
    • G09G5/395—Arrangements specially adapted for transferring the contents of the bit-mapped memory to the screen
    • G09G5/397—Arrangements specially adapted for transferring the contents of two or more bit-mapped memories to the screen simultaneously, e.g. for mixing or overlay

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种图片错层显示方法、电子设备及存储介质，其中，图片错层显示方法包括：接收被触发的针对图片的移动事件；图片包含分别在多个分层显示的图片元素；根据移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同；响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。根据本发明提供的技术方案，将图片的图片元素分别在多个分层中进行显示，能够根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素，方便地实现了图片的错层显示，极大地丰富了图片移动效果，增加了与用户之间的交互。

Description

图片错层显示方法、电子设备及存储介质
技术领域
本发明涉及图片处理技术领域，具体涉及一种图片错层显示方法、电子设备及存储介质。
背景技术
电子书具有携带方便、获取方便等优势，越来越多的用户喜欢阅读电子书。用户大多是利用安装在终端设备中的电子书客户端进行电子书下载和阅读。为了便于用户了解电子书客户端中的电子书、阅读活动或会员充值活动等内容，一般会在首页或某些主页面的上方等位置设置推广位，通过该推广位向用户循环展示用于推广各种内容或活动的图片，希望用户能够优先看到上述内容。
现有技术中，用于在推广位展示的图片通常有多个。用户可通过滑动操作将展示的当前图片切换为下一个图片。如果用户没有手势操作，推广位会采取轮播的方式切换展示图片。然而现有技术中推广位展示的图片都是一张张静态图片，在进行切换时，在视觉效果上仅是简单地将一张图片切换为另一张图片，图片的展示效果单一，内容推广的效果较差。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的图片错层显示方法、电子设备及存储介质。
根据本发明的一个方面，提供了一种图片错层显示方法，图片包含分别在多个分层显示的图片元素，该方法包括：
接收被触发的针对图片的移动事件；
根据移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同；
响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。
根据本发明的另一方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；
存储器用于存放至少一可执行指令，可执行指令使处理器执行以下操作：
接收被触发的针对图片的移动事件；图片包含分别在多个分层显示的图片元素；
根据移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同；
响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。
根据本发明的又一方面，提供了一种存储介质，存储介质中存储有至少一可执行指令，可执行指令使处理器执行以下操作：
接收被触发的针对图片的移动事件；图片包含分别在多个分层显示的图片元素；
根据移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同；
响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。
根据本发明提供的技术方案，将图片的图片元素分别在多个分层中进行显示，其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，那么在接收到被触发的针对图片的移动事件之后，能够根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素，从而方便地实现了图片的错层显示，极大地丰富了图片的展示效果，有助于吸引用户注意力，有效地提升了内容推广的效果。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1示出了根据本发明实施例一的一种图片错层显示方法的流程示意图；
图2a示出了根据本发明实施例二的一种图片错层显示方法的流程示意图；
图2b示出了图片1在电子书客户端中的初始显示示意图；
图2c示出了图片1在电子书客户端中的一个错层显示示意图；
图3a示出了根据本发明实施例三的一种图片错层显示方法的流程示意图；
图3b示出了针对图片1计算得到的第二分层待显示的图片主体场景元素20的显示位置信息对应的显示区域和第二分层对应的移动范围示意图；
图3c示出了图片1在电子书客户端中的另一个错层显示示意图；
图4示出了根据本发明实施例五的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
实施例一
图1示出了根据本发明实施例一的一种图片错层显示方法的流程示意图，如图1所示，该方法包括如下步骤：
步骤S101，接收被触发的针对图片的移动事件。
其中，电子书客户端安装在终端设备中，终端设备可为手机、PAD、电子书阅读器等设备。用户可利用电子书客户端进行电子书下载和电子书阅读等操作。为了便于用户了解电子书客户端中的电子书、阅读活动或会员充值活动等内容，一般会在电子书客户端的主页面的上方、中间等位置循环展示多个推广图片(banner图片)，在本发明中，banner图片包含分别在多个分层显示的图片元素。图片能够通过用户滑动手势或轮播来进行移动。在步骤S101中，接收被触发的针对图片的移动事件。
具体地，图片可包含图片背景元素、图片主体场景元素和图片文本元素等图片元素，多个图片元素分别显示在多个分层中。本领域技术人员可根据实际需要对多个分层的数量、多个图片元素的具体内容和初始显示位置信息进行设置，此处不做限定。
步骤S102，根据移动事件，获取各个分层对应的移动参数。
在接收到移动事件之后，可根据移动事件，从分层配置信息中获取各个分层对应的移动参数。其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，以便获得图片错层显示效果。具体地，各个分层对应的移动参数可以是根据各个分层的优先级进行设置的。
步骤S103，响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。
在获取到各个分层对应的移动参数之后，响应于移动事件，根据各个分层对应的移动参数，对各个分层待显示的图片元素的显示位置信息进行计算，然后根据显示位置信息，分别在各个分层中对相应的图片元素进行绘制。其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，使得在各个分层绘制相应的图片元素后，多个图片元素具有不同的移动效果，从而获得图片错层显示效果，有助于吸引用户注意力。
利用本实施例提供的图片错层显示方法，将图片的图片元素分别在多个分层中进行显示，其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，那么在接收到被触发的针对图片的移动事件之后，能够根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素，从而方便地实现了图片的错层显示，极大地丰富了图片移动效果，有助于吸引用户注意力，有效地提升了内容推广的效果。
实施例二
图2a示出了根据本发明实施例二的一种图片错层显示方法的流程示意图，如图2a所示，该方法包括如下步骤：
步骤S201，接收用户滑动手势所触发的针对图片的移动事件；或者，接收轮播定时到达所触发的针对图片的移动事件。
在电子书客户端中一般设置有精选、出版、会员、漫画、女生以及男生等多个分类页面，以便用户根据自身喜好选择分类页面进行查看。在各个分类页面的上方等位置处可设置有能够循环展示的多个图片，用于展示该分类中希望用户能够优先看到的内容。其中，每个图片可包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素等图片元素。图片主体场景元素为图片中重要的图片元素，图片主体场景元素的显示高度可大于图片背景元素的显示高度，以突显图片主体场景元素，获得较好的立体显示效果，从而实现突出展示图片的重点内容的目的。本领域技术人员可根据实际需要对图片所包含的图片元素、图片元素的具体内容以及初始显示位置信息进行设置，此处不做限定。
例如，在电子书客户端的精选分类页面中的上方位置处设置有能够循环展示的多张图片，其中一张图片为图片1，图片1用于展示电子书《悟空传》的推广内容。对于图片1，图片1包含分别在第一分层显示的图片背景元素10、在第二分层显示的图片主体场景元素20和在第三分层显示的图片文本元素30，图片1在电子书客户端中的初始显示示意图如图2b所示。其中，图片背景元素10为白色背景图片，图片主体场景元素20为悟空卡通人物形象图片，图片文本元素30为文本“《悟空传》与命运的抗争”，为了突显图片主体场景元素20，图片主体场景元素20的显示高度可大于图片背景元素10的显示高度，例如，悟空卡通人物形象图片中的头部超出白色背景图片。
多张图片能够通过用户滑动手势或轮播来进行移动。具体地，当用户想要移动图片时，可在终端设备的触摸显示屏上针对图片向左或向右滑动手势，那么在步骤S201中电子书客户端接收用户滑动手势所触发的针对图片的移动事件；或者，当轮播定时到达时，触发针对图片的移动事件，那么在步骤S201中电子书客户端接收轮播定时到达所触发的针对图片的移动事件。本领域技术人员可根据实际需要设置轮播定时，此时不做限定。例如，轮播定时可为3s。
步骤S202，根据移动事件，从分层配置信息中获取各个分层对应的移动速率。
其中，分层配置信息中记录有各个分层对应的图片元素的具体内容、图片元素的初始显示位置信息、移动速率以及移动范围等信息，那么可根据移动事件，从分层配置信息中获取各个分层对应的移动速率，以便根据各个分层对应的移动速率分别在各个分层绘制相应的图片元素。在本实施例中，各个分层对应的移动范围相同，而各个分层的优先级越高，对应的移动速率越小，从而使得在优先级较高的分层中所显示的图片元素能够较长时间的留在用户的视野中，吸引用户更多的注意力。
在实际应用中，第二分层的优先级高于第三分层的优先级，第三分级的优先级高于第一分层的优先级，那么第二分层对应的移动速率小于第三分层对应的移动速率，第三分层对应的移动速率小于第一分层对应的移动速率，使得在第二分层中所显示的图片主体场景元素能够较长时间的留在用户的视野中，吸引用户对图片主体场景元素的注意力，实现突出展示图片主体场景元素的目的。
步骤S203，依据移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息。
具体地，可依据移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，先计算各个分层待显示的图片元素沿着移动事件对应的移动方向的移动距离，然后根据各个分层待显示的图片元素的移动距离和图片元素的初始显示位置信息，确定各个分层待显示的图片元素的显示位置信息。其中，各个分层的优先级越高，对应的移动速率越小，那么对于优先级越高的分层，待显示的图片元素的移动距离越小。
步骤S204，根据计算得到的各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素。
在计算得到了各个分层待显示的图片元素的显示位置信息之后，就可依据各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素，具体地，分别在各个分层中显示位置信息对应的显示区域内绘制相应的图片元素。假设，移动事件对应的移动方向为向右，那么绘制后的图片1的错层显示示意图可如图2c所示。
由于各个分层对应的移动速率不同，那么很有可能会存在各个分层的图片元素的显示区域重叠的情况，那么可在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面，从而优先将优先级高的分层的图片元素显示给用户。
步骤S205，在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
为了进一步丰富图片显示效果，可根据指定两个分层待显示的图片元素的显示位置信息，计算指定两个分层的图片元素之间的相对显示位置，然后在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。本领域技术人员可根据实际需要对预设位置条件和预设动态效果进行设置，此处不做限定。例如，预设动态效果可为撒花、烟花绽放等效果。
例如，预设位置条件为大于10个像素点且小于20个像素点，对于图片1，指定两个分层为第二分层和第三分层，根据第二分层待显示的图片主体场景元素20的显示位置信息和第三分层待显示的图片文本元素30的显示位置信息，计算图片主体场景元素20和图片文本元素30之间的相对显示位置，在该对显示位置大于10个像素点且小于20个像素点时，在悟空卡通人物形象图片的头部的预设位置处绘制紧箍咒图片。
利用本实施例提供的图片错层显示方法，将图片的图片背景元素、图片主体场景元素和图片文本元素等图片元素分别在多个分层中进行显示，其中，各个分层的优先级越高，对应的移动速率越小；该技术方案不仅方便地实现了图片的错层显示，丰富了图片移动效果，增加了与用户之间的交互，而且使得在优先级较高的分层中所显示的图片元素能够较长时间的留在用户的视野中，吸引用户更多的注意力，实现了突出展示图片中重要图片元素的目的；另外，在两个图片元素之间的相对显示位置符合预设位置条件时，还能够绘制预设动态效果，进一步丰富了图片显示效果。
实施例三
图3a示出了根据本发明实施例三的一种图片错层显示方法的流程示意图，如图3a所示，该方法包括如下步骤：
步骤S301，接收用户滑动手势所触发的针对图片的移动事件；或者，接收轮播定时到达所触发的针对图片的移动事件。
在电子书客户端中的各个分类页面的上方等位置处可设置有能够循环展示的多个图片，用于展示该分类中希望用户能够优先看到的内容。其中，图片可包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素等图片元素。为了突显图片主体场景元素，图片主体场景元素的显示高度可大于图片背景元素的显示高度，从而获得较好的立体显示效果。
例如，在电子书客户端的精选分类页面中的上方位置处设置有能够循环展示的多张图片，其中一张图片为图片1，图片1用于展示电子书《悟空传》的推广内容，图片1包含分别在第一分层显示的图片背景元素10、在第二分层显示的图片主体场景元素20和在第三分层显示的图片文本元素30，图片1在电子书客户端中的初始显示示意图可如图2b所示。
多张图片能够通过用户滑动手势或轮播来进行移动。具体地，在步骤S301中，接收用户滑动手势所触发的针对图片的移动事件；或者，接收轮播定时到达所触发的针对图片的移动事件。
步骤S302，根据移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围。
其中，分层配置信息中记录有各个分层对应的图片元素的具体内容、图片元素的初始显示位置信息、移动速率以及移动范围等信息，那么可根据移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围。在本实施例中，各个分层对应的移动速率相同，而各个分层的优先级越高，对应的移动范围越小，从而使得在优先级较高的分层中所显示的图片元素能够较长时间的留在用户的视野中，以吸引用户更多的注意力。
在实际应用中，第二分层的优先级高于第三分层的优先级，第三分级的优先级高于第一分层的优先级，那么第二分层对应的移动范围小于第三分层对应的移动范围，第三分层对应的移动范围小于第一分层对应的移动范围，使得在第二分层中所显示的图片主体场景元素能够较长时间的留在用户的视野中，吸引用户对图片主体场景元素的注意力，实现突出展示图片主体场景元素的目的。
步骤S303，根据移动事件对应的移动距离、移动方向和各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息。
具体地，可依据移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，先计算各个分层待显示的图片元素沿着移动事件对应的移动方向的移动距离，然后根据各个分层待显示的图片元素的移动距离和图片元素的初始显示位置信息，确定各个分层待显示的图片元素的显示位置信息。其中，各个分层对应的移动速率相同，那么计算得到的各个分层待显示的图片元素沿着移动事件对应的移动方向的移动距离相同。
步骤S304，判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围；若是，则执行步骤S305；若否，则执行步骤S306。
由于各个分层对应的移动范围不同，因此在计算得到的每一个分层待显示的图片元素的显示位置信息之后，还需判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围。若符合该分层对应的移动范围，说明该分层待显示的图片元素的显示位置信息对应的显示区域未超出该分层对应的移动范围，则执行步骤S305；若不符合该分层对应的移动范围，说明该分层待显示的图片元素的显示位置信息对应的显示区域超出该分层对应的移动范围，则执行步骤S306。
步骤S305，依据计算得到的该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素。
在计算得到的该分层待显示的图片元素的显示位置信息符合该分层对应的移动范围的情况下，可依据该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素，具体地，在该分层中显示位置信息对应的显示区域内绘制相应的图片元素。
步骤S306，根据该分层对应的移动范围的边界位置信息，对计算得到的该分层待显示的图片元素的显示位置信息进行修正。
在计算得到的该分层待显示的图片元素的显示位置信息不符合该分层对应的移动范围的情况下，说明计算得到的显示位置信息对应的显示区域超出了该分层对应的移动范围，那么需要根据该分层对应的移动范围的边界位置信息，对计算得到的显示位置信息进行修正，具体地，将其修正为在该移动范围内。
步骤S307，依据修正后的显示位置信息，在该分层绘制相应的图片元素。
图3b示出了针对图片1计算得到的第二分层待显示的图片主体场景元素20的显示位置信息对应的显示区域和第二分层对应的移动范围示意图，在图3b中，用边框21标出了第二分层对应的移动范围，用边框22标出了计算得到的第二分层待显示的图片主体场景元素20的显示位置信息对应的显示区域。如图3b所示，计算得到的第二分层待显示的图片主体场景元素20的显示位置信息不符合第二分层对应的移动范围，则需要对计算得到的第二分层待显示的图片主体场景元素20的显示位置信息进行修正，在图3b中，用边框23标出了第二分层待显示的图片主体场景元素20修正后的显示位置信息对应的显示区域。绘制后的图片1的错层显示示意图可如图3c所示。
由于各个分层对应的移动范围不同，那么很有可能会存在各个分层的图片元素的显示区域重叠的情况，那么可在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面，从而优先将优先级高的分层的图片元素显示给用户。
步骤S308，在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
具体地，可根据指定两个分层待显示的图片元素的显示位置信息，计算指定两个分层的图片元素之间的相对显示位置，然后在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果，以进一步丰富图片显示效果。其中，预设动态效果可为撒花、烟花绽放等效果。
利用本实施例提供的图片错层显示方法，将图片的图片背景元素、图片主体场景元素和图片文本元素等图片元素分别在多个分层中进行显示，其中，各个分层的优先级越高，对应的移动范围越小；该技术方案不仅方便地实现了图片的错层显示，丰富了图片移动效果，增加了与用户之间的交互，而且使得在优先级较高的分层中所显示的图片元素能够较长时间的留在用户的视野中，吸引用户更多的注意力，实现了突出展示图片中重要图片元素的目的；另外，在两个图片元素之间的相对显示位置符合预设位置条件时，还能够绘制预设动态效果，进一步丰富了图片显示效果。
实施例四
本发明实施例四提供了一种非易失性存储介质，存储介质存储有至少一可执行指令，该可执行指令可执行上述任意方法实施例中的图片错层显示方法。
可执行指令具体可以用于使得处理器执行以下操作：接收被触发的针对图片的移动事件；图片包含分别在多个分层显示的图片元素；根据移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同；响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：接收用户滑动手势所触发的针对图片的移动事件；或者，接收轮播定时到达所触发的针对图片的移动事件。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据移动事件，从分层配置信息中获取各个分层对应的移动速率；其中，各个分层的优先级越高，对应的移动速率越小。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：依据移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；根据计算得到的各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围；其中，各个分层对应的移动速率相同；各个分层的优先级越高，对应的移动范围越小。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据移动事件对应的移动距离、移动方向和各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围；若是，则依据计算得到的该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素；若否，则根据该分层对应的移动范围的边界位置信息，对计算得到的该分层待显示的图片元素的显示位置信息进行修正，并依据修正后的显示位置信息，在该分层绘制相应的图片元素。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
在一种可选的实施方式中，图片包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素。
在一种可选的实施方式中，图片主体场景元素的显示高度大于图片背景元素的显示高度。
实施例五
图4示出了根据本发明实施例五的一种电子设备的结构示意图，本发明具体实施例并不对电子设备的具体实现做限定。
如图4所示，该电子设备可以包括：处理器(processor)402、通信接口(Communications Interface)404、存储器(memory)406、以及通信总线408。
其中：
处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。
通信接口404，用于与其它设备比如客户端或其它服务器等的网元通信。
处理器402，用于执行程序410，具体可以执行上述图片错层显示方法实施例中的相关步骤。
具体地，程序410可以包括程序代码，该程序代码包括计算机操作指令。
处理器402可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。
存储器406，用于存放程序410。存储器406可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
程序410具体可以用于使得处理器402执行以下操作：接收被触发的针对图片的移动事件；图片包含分别在多个分层显示的图片元素；根据移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同；响应于移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：接收用户滑动手势所触发的针对图片的移动事件；或者，接收轮播定时到达所触发的针对图片的移动事件。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：根据移动事件，从分层配置信息中获取各个分层对应的移动速率；其中，各个分层的优先级越高，对应的移动速率越小。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：依据移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；根据计算得到的各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：根据移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围；其中，各个分层对应的移动速率相同；各个分层的优先级越高，对应的移动范围越小。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：根据移动事件对应的移动距离、移动方向和各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围；若是，则依据计算得到的该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素；若否，则根据该分层对应的移动范围的边界位置信息，对计算得到的该分层待显示的图片元素的显示位置信息进行修正，并依据修正后的显示位置信息，在该分层绘制相应的图片元素。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面。
在一种可选的实施方式中，程序410进一步使得处理器402执行以下操作：在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
在一种可选的实施方式中，图片包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素。
在一种可选的实施方式中，图片主体场景元素的显示高度大于图片背景元素的显示高度。
程序410中各步骤的具体实现可以参见上述图片错层显示实施例中的相应步骤对应的描述，在此不赘述。所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的设备的具体工作过程，可以参考前述方法实施例中的对应过程描述，在此不再赘述。
通过本实施例提供的方案，能够根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素，从而方便地实现了图片的错层显示，极大地丰富了图片移动效果，有助于吸引用户注意力，并且能够增加与用户之间的交互，有效地提升了用户体验感。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (27)

1.一种图片错层显示方法，所述图片包含分别在多个分层显示的图片元素，所述方法包括：
接收被触发的针对所述图片的移动事件；
根据所述移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，所述移动参数包含移动速率和/或移动范围；
响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素；
其中，所述响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素进一步包括：
根据所述移动事件对应的移动距离、移动方向和各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；
判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围；
若是，则依据计算得到的该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素；若否，则根据该分层对应的移动范围的边界位置信息，对计算得到的该分层待显示的图片元素的显示位置信息进行修正，并依据修正后的显示位置信息，在该分层绘制相应的图片元素。
2.根据权利要求1所述的方法，所述接收被触发的针对所述图片的移动事件进一步包括：
接收用户滑动手势所触发的针对所述图片的移动事件；或者，接收轮播定时到达所触发的针对所述图片的移动事件。
3.根据权利要求1所述的方法，所述根据所述移动事件，获取各个分层对应的移动参数进一步包括：
根据所述移动事件，从分层配置信息中获取各个分层对应的移动速率；其中，所述各个分层的优先级越高，对应的移动速率越小。
4.根据权利要求3所述的方法，所述响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素进一步包括：
依据所述移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；
根据计算得到的各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素。
5.根据权利要求1所述的方法，所述根据所述移动事件，获取各个分层对应的移动参数进一步包括：
根据所述移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围；其中，所述各个分层对应的移动速率相同；所述各个分层的优先级越高，对应的移动范围越小。
6.根据权利要求1-5任一项所述的方法，所述响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素进一步包括：
在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面。
7.根据权利要求1-5任一项所述的方法，在所述响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素之后，所述方法还包括：
在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
8.根据权利要求1-5任一项所述的方法，所述图片包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素。
9.根据权利要求8所述的方法，所述图片主体场景元素的显示高度大于所述图片背景元素的显示高度。
10.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：
接收被触发的针对图片的移动事件；所述图片包含分别在多个分层显示的图片元素；
根据所述移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，所述移动参数包含移动速率和/或移动范围；
响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素；
其中，所述可执行指令进一步使所述处理器执行以下操作：
根据所述移动事件对应的移动距离、移动方向和各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；
判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围；
若是，则依据计算得到的该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素；若否，则根据该分层对应的移动范围的边界位置信息，对计算得到的该分层待显示的图片元素的显示位置信息进行修正，并依据修正后的显示位置信息，在该分层绘制相应的图片元素。
11.根据权利要求10所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
接收用户滑动手势所触发的针对所述图片的移动事件；或者，接收轮播定时到达所触发的针对所述图片的移动事件。
12.根据权利要求10所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
根据所述移动事件，从分层配置信息中获取各个分层对应的移动速率；其中，所述各个分层的优先级越高，对应的移动速率越小。
13.根据权利要求12所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
依据所述移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；
根据计算得到的各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素。
14.根据权利要求10所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
根据所述移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围；其中，所述各个分层对应的移动速率相同；所述各个分层的优先级越高，对应的移动范围越小。
15.根据权利要求10-14任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面。
16.根据权利要求10-14任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
17.根据权利要求10-14任一项所述的电子设备，所述图片包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素。
18.根据权利要求17所述的电子设备，所述图片主体场景元素的显示高度大于所述图片背景元素的显示高度。
19.一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：
接收被触发的针对图片的移动事件；所述图片包含分别在多个分层显示的图片元素；
根据所述移动事件，获取各个分层对应的移动参数；其中，至少一个分层对应的移动参数与其它任一分层对应的移动参数不同，所述移动参数包含移动速率和/或移动范围；
响应于所述移动事件，根据各个分层对应的移动参数，分别在各个分层绘制相应的图片元素；
其中，所述可执行指令进一步使所述处理器执行以下操作：
根据所述移动事件对应的移动距离、移动方向和各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；
判断计算得到的每一个分层待显示的图片元素的显示位置信息是否符合该分层对应的移动范围；
若是，则依据计算得到的该分层待显示的图片元素的显示位置信息，在该分层绘制相应的图片元素；若否，则根据该分层对应的移动范围的边界位置信息，对计算得到的该分层待显示的图片元素的显示位置信息进行修正，并依据修正后的显示位置信息，在该分层绘制相应的图片元素。
20.根据权利要求19所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
接收用户滑动手势所触发的针对所述图片的移动事件；或者，接收轮播定时到达所触发的针对所述图片的移动事件。
21.根据权利要求19所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
根据所述移动事件，从分层配置信息中获取各个分层对应的移动速率；其中，所述各个分层的优先级越高，对应的移动速率越小。
22.根据权利要求21所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
依据所述移动事件对应的移动距离、移动方向以及各个分层对应的移动速率，计算各个分层待显示的图片元素的显示位置信息；
根据计算得到的各个分层待显示的图片元素的显示位置信息，分别在各个分层绘制相应的图片元素。
23.根据权利要求19所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
根据所述移动事件，从分层配置信息中获取各个分层对应的移动速率和移动范围；其中，所述各个分层对应的移动速率相同；所述各个分层的优先级越高，对应的移动范围越小。
24.根据权利要求19-23任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
在任意两个分层的图片元素的显示区域存在重叠时，将优先级高的分层的图片元素绘制在优先级低的分层的图片元素的上面。
25.根据权利要求19-23任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
在指定两个分层的图片元素之间的相对显示位置符合预设位置条件时，绘制预设动态效果。
26.根据权利要求19-23任一项所述的存储介质，所述图片包含分别在第一分层显示的图片背景元素、在第二分层显示的图片主体场景元素和/或在第三分层显示的图片文本元素。
27.根据权利要求26所述的存储介质，所述图片主体场景元素的显示高度大于所述图片背景元素的显示高度。
CN201810698620.5A 2018-06-29 2018-06-29 图片错层显示方法、电子设备及存储介质 Active CN108845737B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201810698620.5A CN108845737B (zh) 2018-06-29 2018-06-29 图片错层显示方法、电子设备及存储介质
US17/254,011 US20210271383A1 (en) 2018-06-29 2019-01-31 Picture displaying method, electronic device and storage medium
PCT/CN2019/074172 WO2020001028A1 (zh) 2018-06-29 2019-01-31 图片错层显示方法、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810698620.5A CN108845737B (zh) 2018-06-29 2018-06-29 图片错层显示方法、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN108845737A CN108845737A (zh) 2018-11-20
CN108845737B true CN108845737B (zh) 2019-08-09

Family

ID=64200038

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810698620.5A Active CN108845737B (zh) 2018-06-29 2018-06-29 图片错层显示方法、电子设备及存储介质

Country Status (3)

Country Link
US (1) US20210271383A1 (zh)
CN (1) CN108845737B (zh)
WO (1) WO2020001028A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108845737B (zh) * 2018-06-29 2019-08-09 掌阅科技股份有限公司 图片错层显示方法、电子设备及存储介质
CN112702643B (zh) * 2019-10-22 2023-07-21 上海哔哩哔哩科技有限公司 弹幕信息显示方法、装置、移动终端
CN114092370A (zh) * 2021-11-19 2022-02-25 北京字节跳动网络技术有限公司 一种图像展示方法、装置、计算机设备及存储介质
CN114546211A (zh) * 2022-02-21 2022-05-27 深圳硬盒交互设计科技有限公司 一种图像处理方法
CN115113780B (zh) * 2022-06-13 2023-05-12 荣耀终端有限公司 一种页面切换方法、装置和终端设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1642260A (zh) * 2004-01-17 2005-07-20 北京中视联数字系统有限公司 一种具有控件的数字电视图形显示系统及其图形显示方法
CN102566952A (zh) * 2010-12-20 2012-07-11 福建星网视易信息系统有限公司 应用于嵌入式数字娱乐点播系统的显示系统和方法
CN103425452A (zh) * 2013-08-06 2013-12-04 广东欧珀移动通信有限公司 一种用于移动终端的多图层叠加显示方法及其装置
CN106201512A (zh) * 2016-07-11 2016-12-07 无锡天脉聚源传媒科技有限公司 一种图片展示的方法及装置
CN106484080A (zh) * 2015-08-26 2017-03-08 阿里巴巴集团控股有限公司 一种显示界面的展示方法、装置及设备
CN107544989A (zh) * 2016-06-23 2018-01-05 珠海金山办公软件有限公司 一种演示文档分层处理方法及装置

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103049267B (zh) * 2012-12-18 2016-08-24 广东威创视讯科技股份有限公司 一种图像数据处理方法及装置
TWI530930B (zh) * 2013-11-27 2016-04-21 宏碁股份有限公司 顯示面板、顯示系統及影像顯示方法
CN104915102B (zh) * 2015-06-25 2018-09-07 走遍世界（北京）信息技术有限公司 图形界面的交互方法及装置
CN107391152B (zh) * 2017-07-31 2020-07-24 北京酷我科技有限公司 一种实现Mac上焦点图轮播动画效果的方法
CN107643866B (zh) * 2017-08-21 2020-08-07 广州视源电子科技股份有限公司 操作不同层级图片的方法、装置、终端设备及存储介质
CN108845737B (zh) * 2018-06-29 2019-08-09 掌阅科技股份有限公司 图片错层显示方法、电子设备及存储介质
CN109002241B (zh) * 2018-06-29 2019-06-18 掌阅科技股份有限公司 视图错层显示方法、电子设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1642260A (zh) * 2004-01-17 2005-07-20 北京中视联数字系统有限公司 一种具有控件的数字电视图形显示系统及其图形显示方法
CN102566952A (zh) * 2010-12-20 2012-07-11 福建星网视易信息系统有限公司 应用于嵌入式数字娱乐点播系统的显示系统和方法
CN103425452A (zh) * 2013-08-06 2013-12-04 广东欧珀移动通信有限公司 一种用于移动终端的多图层叠加显示方法及其装置
CN106484080A (zh) * 2015-08-26 2017-03-08 阿里巴巴集团控股有限公司 一种显示界面的展示方法、装置及设备
CN107544989A (zh) * 2016-06-23 2018-01-05 珠海金山办公软件有限公司 一种演示文档分层处理方法及装置
CN106201512A (zh) * 2016-07-11 2016-12-07 无锡天脉聚源传媒科技有限公司 一种图片展示的方法及装置

Also Published As

Publication number Publication date
WO2020001028A1 (zh) 2020-01-02
CN108845737A (zh) 2018-11-20
US20210271383A1 (en) 2021-09-02

Similar Documents

Publication Publication Date Title
CN108845737B (zh) 图片错层显示方法、电子设备及存储介质
CN109002241B (zh) 视图错层显示方法、电子设备及存储介质
CN107147940B (zh) 内容轮播的方法、装置、电子设备和存储介质
CN105094557B (zh) 一种显示控制方法及装置、电子设备
CN109844707A (zh) 桌面启动器中的页面导航
WO2018002420A1 (en) Rendering of user-defined messages having 3d motion information
CN109542295B (zh) 页面显示区的联动展现方法、电子设备及存储介质
US10062194B2 (en) Split image page generating apparatuses, methods, and computer-readable storage mediums, and image content displaying apparatuses
CA2811491C (en) Method for three-dimensional viewing
CN102135879A (zh) 一种电子装置操作界面的智能调整方法
CN110286977B (zh) 显示方法及相关产品
CN109862429A (zh) 视频播放控制方法、装置、设备及存储介质
CN103927495A (zh) 隐藏对象的方法和装置
CN102880382B (zh) 一种界面展示系统、方法和设备
CN105677658A (zh) 页面展现方法及装置
CN104536649A (zh) 一种页面的显示方法及装置
CN103207918A (zh) 一种演示文稿的动画效果管理方法、系统及装置
US20120182286A1 (en) Systems and methods for converting 2d data files into 3d data files
CN103677528A (zh) 一种信息处理方法和电子设备
CN109598800A (zh) 一种三维电子沙盘显示方法、装置、设备和存储介质
CN105117247B (zh) 一种显示控制方法及装置、电子设备
CN103412732A (zh) 一种基于三维弧线的资源展示方法及客户端
EP3190503A1 (en) An apparatus and associated methods
CN109847344A (zh) 虚拟现实交互方法及装置、存储介质、电子设备
US10311610B2 (en) System and method for generating cartoon data

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant