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

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

Info

Publication number
WO2020001024A1
WO2020001024A1 PCT/CN2019/073502 CN2019073502W WO2020001024A1 WO 2020001024 A1 WO2020001024 A1 WO 2020001024A1 CN 2019073502 W CN2019073502 W CN 2019073502W WO 2020001024 A1 WO2020001024 A1 WO 2020001024A1
Authority
WO
WIPO (PCT)
Prior art keywords
view
view layer
picture
displayed
movement
Prior art date
Application number
PCT/CN2019/073502
Other languages
English (en)
French (fr)
Inventor
祁旺明
杨树彬
Original Assignee
掌阅科技股份有限公司
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 掌阅科技股份有限公司 filed Critical 掌阅科技股份有限公司
Publication of WO2020001024A1 publication Critical patent/WO2020001024A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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

Definitions

  • the present disclosure relates to the technical field of view processing, and in particular, to a method for displaying a layered view, an electronic device, and a storage medium.
  • E-books have the advantages of being portable and easy to obtain. More and more users like to read e-books. Most users use e-book clients installed in terminal devices to download and read e-books. In order to make it easier for users to understand e-books, reading activities, or membership recharge activities in the e-book client, generally, a promotion bit is set on the home page or above some main pages, etc., and the user is displayed circularly for promotion through this promotion bit Views of various content or activities, hope users can see the above content first.
  • the prior art there are usually multiple views for display at the promotion position.
  • the user can switch the current view displayed to the next view by swiping. If the user does not perform gesture operations, the promotion bit will switch the display view in a carousel manner.
  • the views displayed in the promotion position are all static pictures. When switching, the visual effect is simply to switch one picture to another. The view display effect is single and the content is promoted. The effect is poor.
  • the view control ViewPager is generally used to switch between multiple views, and the creation and size measurement of the view depends on many external environments and takes a long time. Therefore, there is also a time-consuming view processing. Long and low efficiency.
  • the present disclosure is provided in order to provide a view split layer display method, an electronic device, and a storage medium that overcome the above problems or at least partially solve the above problems.
  • a view includes picture elements displayed on multiple view layers, and the method includes:
  • an electronic device including: a processor, a memory, a communication interface, and a communication bus, and the processor, the memory, and the communication interface complete communication with each other through the communication bus;
  • the memory is used to store at least one executable instruction, and the executable instruction causes the processor to perform the following operations:
  • the view contains picture elements that are displayed in multiple view layers, respectively;
  • a non-volatile computer-readable storage medium stores at least one executable instruction, and the executable instruction causes a processor to perform the following operations. :
  • the view contains picture elements that are displayed in multiple view layers, respectively;
  • a computer program product including a computing program stored on the above-mentioned non-volatile computer-readable storage medium.
  • the picture elements of the view are respectively displayed in a plurality of view layers, and the display position information of the picture elements to be displayed in each view layer can be calculated according to the moving distance factor of the moving event for the view.
  • the corresponding picture elements are drawn in each view layer according to the display position information, which not only facilitates the display of the wrong layer of the view, greatly enriches the effect of view movement, helps to attract users' attention, and effectively promotes content promotion Effect, but also effectively reduce the dependence of the view on the external environment, shorten the time-consuming view processing, and improve the efficiency of view processing.
  • FIG. 1 is a schematic flowchart of a method for displaying a layered view according to Embodiment 1 of the present disclosure
  • FIG. 2a is a schematic flowchart of a method for displaying a layered view of a view according to Embodiment 2 of the present disclosure
  • FIG. 2b shows an initial display diagram of the view 1 in the e-book client
  • FIG. 2c is a schematic diagram showing a layered display of the view 1 in the e-book client;
  • FIG. 3 is a schematic flowchart of a method for displaying a layered view according to Embodiment 3 of the present disclosure
  • FIG. 4 is a schematic structural diagram of an electronic device according to a fifth embodiment of the present disclosure.
  • FIG. 1 is a schematic flowchart of a method for displaying a layered view according to Embodiment 1 of the present disclosure. As shown in FIG. 1, the method includes the following steps:
  • Step S101 Receive a triggered movement event for a view.
  • the e-book client is installed in a terminal device, and the terminal device may be a mobile phone, a PAD, an e-book reader, or the like. Users can use the e-book client to download and read e-books.
  • the promotion view (banner view) is displayed cyclically at the top, middle, etc. of the main page of the e-book client.
  • the banner A view contains picture elements that are displayed in multiple view layers. Views can be moved by user swipe gestures or carousels.
  • step S101 a triggered movement event for a view is received.
  • the view may include picture elements such as a picture background element, a picture main scene element, and a picture text element, and a plurality of picture elements are respectively displayed in a plurality of view layers.
  • a person skilled in the art may set the number of multiple view layers, specific content of multiple picture elements, and initial display position information according to actual needs, which is not limited herein. According to the technical solution provided by the present disclosure, the setting of each view layer can be conveniently completed, effectively reducing the dependence of the view on the external environment, and shortening the processing time of the view.
  • Step S102 Determine a moving distance factor according to the moving event.
  • the movement distance factor may be determined according to information such as the movement position corresponding to the movement event.
  • the moving distance factor is information used to reflect the moving distance corresponding to the moving event. Specifically, the moving distance factor may be determined according to the real-time moving distance corresponding to the moving event.
  • step S103 display position information of picture elements to be displayed in each view layer is calculated according to the moving distance factor.
  • the display position information of the picture elements to be displayed in each view layer may be calculated according to the moving distance factor and the movement algorithm corresponding to each view layer.
  • Those skilled in the art may set the movement algorithm corresponding to each view layer according to actual needs, which is not limited here.
  • step S104 in response to the movement event, according to the display position information of the picture element to be displayed in each view layer, a corresponding picture element is drawn in each view layer.
  • the corresponding picture elements are drawn in each view layer according to the display position information of the picture elements to be displayed in each view layer.
  • the display position information of the picture elements to be displayed in each view layer is calculated separately according to the moving distance factor of the moving event, so that after the corresponding picture element is drawn in each view layer, multiple picture elements can have different moving effects, thereby obtaining Views are displayed in different layers to help attract the user ’s attention.
  • the picture elements of the view are displayed in multiple view layers respectively, and the picture element to be displayed in each view layer can be calculated according to the movement distance factor of the view's movement event.
  • Display position information, and draw corresponding picture elements in each view layer according to the display position information which not only facilitates the display of the wrong layer of the view, greatly enriches the effect of view movement, helps to attract the user's attention, and effectively
  • the effect of content promotion is improved, and the dependence of the view on the external environment is effectively reduced, the time consumption of view processing is shortened, and the efficiency of view processing is improved.
  • FIG. 2a is a schematic flowchart of a method for displaying a layered view according to Embodiment 2 of the present disclosure. As shown in FIG. 2a, the method includes the following steps:
  • Step S201 Receive a movement event for a view triggered by a user's sliding gesture; or receive a movement event for a view triggered by a carousel timing arrival.
  • each category page there are generally multiple categories pages such as selection, publishing, membership, comics, girls, and boys, so that users can choose the category page to view according to their preferences.
  • Multiple views are cyclically displayed at the top of each category page, etc., to show the content in the category that users want to see first.
  • the view control ViewPager is used to manage multiple views.
  • Each view may include a picture background element displayed on the first view layer, a picture main scene element displayed on the second view layer, and a third view layer. Display at least one of the picture text elements.
  • the main scene element of the picture is an important picture element in the view.
  • the display height of the main scene element of the picture can be greater than the display height of the background element of the picture, so as to highlight the main scene element of the picture and obtain a better stereoscopic display effect, so as to highlight the focus of the view.
  • the purpose of the content Those skilled in the art can set the picture elements contained in the view, the specific content of the picture elements, and the initial display position information according to actual needs, which is not limited here.
  • multiple views are cyclically displayed in the upper position on the featured category page of the e-book client, one of which is view 1 and view 1 is used to display the promotion content of the e-book Goku biography.
  • view 1 contains picture background elements 10 displayed on the first view layer, picture main scene elements 20 displayed on the second view layer, and picture text elements 30 displayed on the third view layer, and view 1 is in the e-book
  • the initial display diagram in the client is shown in Figure 2b.
  • the picture background element 10 is a white background picture
  • the picture main scene element 20 is a Goku cartoon character image picture
  • the picture text element 30 is a text "The Fight Between Goku and Destiny”.
  • the picture subject The display height of the scene element 20 may be greater than the display height of the background element 10 of the picture, for example, the head in the cartoon character image of Goku exceeds the white background picture.
  • Multiple views can be moved by a user's swipe gesture or carousel.
  • the user can slide the gesture to the left or right on the touch display of the terminal device.
  • the e-book client receives the movement for the view triggered by the user's slide gesture.
  • Event or, when the carousel timing arrives, a mobile event for the view is triggered, then in step S201, the e-book client receives the mobile event for the view triggered by the carousel timing arrival.
  • a person skilled in the art may set the carousel timing according to actual needs, and is not limited at this time. For example, the carousel timing may be 3s.
  • Step S202 Determine a moving distance factor according to the starting moving position and the current moving position corresponding to the moving event.
  • a starting movement position and a current movement position corresponding to the movement event are acquired, and a movement distance factor corresponding to the movement event is calculated according to the obtained starting movement position and the current movement position.
  • the moving distance factor may be determined according to the number of pixels between the starting moving position and the current moving position, or the moving distance between the starting moving position and the current moving position and the width of the touch display screen of the terminal device. The ratio is used to determine the moving distance factor. Those skilled in the art may determine the moving distance factor according to actual needs, which is not limited herein.
  • Step S203 Obtain a movement algorithm corresponding to each view layer from the view layer configuration information.
  • the view layer configuration information records the specific content of the picture element corresponding to each view layer, the initial display position information of the picture element, and the movement algorithm corresponding to the view layer. Then, the corresponding view layer configuration information can be obtained from the view layer configuration information. , In order to calculate the display position information of the picture element to be displayed in each view layer according to the corresponding movement algorithm of each view layer.
  • a movement offset parameter in a movement algorithm corresponding to at least one view layer is different from a movement offset parameter in a movement algorithm corresponding to any other view layer, so that picture elements displayed in multiple view layers can be It has different moving effects and obtains the effect of split-level display of the view, which helps to attract the user's attention.
  • the movement offset parameter in the movement algorithm corresponding to each view layer can be a fixed value or a value that changes with time. Those skilled in the art can set the movement offset parameter according to actual needs. Here No restrictions.
  • the movement offset parameter in the movement algorithm corresponding to each view layer can be set according to the priority of each view layer, so that the picture elements displayed in the view layer with higher priority can be left in the longer time. In the user's field of vision, attract more attention.
  • Step S204 Calculate the display position information of the picture elements to be displayed in each view layer according to the movement distance factor and the movement offset parameter in the movement algorithm corresponding to each view layer.
  • the movement distance of the picture element to be displayed in each view layer along the movement direction corresponding to the movement event may be calculated according to the movement distance factor and the movement offset parameter in the movement algorithm corresponding to each view layer.
  • the moving distance of the displayed picture element and the initial display position information of the picture element determine the display position information of the picture element to be displayed in each view layer.
  • the movement distance factor can be multiplied with the movement offset parameter in the movement algorithm corresponding to each view layer to calculate the moving direction of the picture element to be displayed in each view layer along the movement direction corresponding to the movement event.
  • Moving distance Assume that the moving distance factor is 100 pixels.
  • the moving offset parameter in the moving algorithm corresponding to the first view layer is 0.5
  • the moving offset parameter in the moving algorithm corresponding to the second view layer is 0.2.
  • the movement offset parameter in the movement algorithm corresponding to the three view layers is 0.4, and then obtained by multiplying the movement distance factor with the movement offset parameter in the movement algorithm corresponding to each view layer, and the first view layer is to be displayed.
  • the moving distance of the background element of the picture along the moving direction corresponding to the moving event is 50 pixels, and the moving distance of the main scene element of the picture to be displayed in the second view layer along the moving direction corresponding to the moving event is 20 pixels.
  • the moving distance of the text element of the picture to be displayed in the three view layer along the moving direction corresponding to the moving event is 40 pixels.
  • step S205 in response to the movement event, according to the display position information of the picture element to be displayed in each view layer, a corresponding picture element is drawn in each view layer.
  • the corresponding picture elements are respectively drawn in each view layer. Specifically, Draw corresponding picture elements in the display area corresponding to the display position information in each view layer. Assume that the moving direction corresponding to the moving event is to the right, and then the schematic diagram of the layered display of View 1 after drawing can be shown in FIG. 2c.
  • the setting of each view layer is conveniently completed through the view layer configuration information.
  • the view can be moved and the display effect of the wrong layer can be achieved, effectively reducing the view to the outside.
  • the dependence of the environment shortens the time consuming of view processing and improves the efficiency of view processing.
  • the movement offset parameters in the movement algorithm corresponding to each view layer are different, then there is a possibility that the display area of the picture elements of each view layer overlaps, and then the display of picture elements in any two view layers may be displayed. When regions overlap, the picture element of the view layer with the higher priority is drawn on the picture element of the view layer with the lower priority, so that the picture element of the view layer with the higher priority is displayed to the user first.
  • step S206 when the relative display position between the picture elements of the designated two view layers meets the preset position condition, a preset dynamic effect is drawn.
  • the relative display position between the picture elements in the specified two view layers is calculated, and then the picture elements in the two view layers are specified.
  • a preset dynamic effect is drawn.
  • the preset dynamic effects can be effects such as blooming flowers, fireworks blooming, and the like.
  • the preset position condition is greater than 10 pixels and less than 20 pixels.
  • two view layers are designated as the second view layer and the third view layer.
  • Display position information of the element 20 and display position information of the picture text element 30 to be displayed in the third view layer calculate the relative display position between the picture main scene element 20 and the picture text element 30, and the display position in this pair is greater than 10 pixels
  • a picture of a hoop curse is drawn at a preset position of the head of the cartoon character image of Goku.
  • the display position information of the picture elements to be displayed in each view layer can be accurately calculated according to the movement algorithm corresponding to each view layer, and the view layer display is conveniently implemented. It greatly enriches the effect of view movement and helps to attract users' attention; and through the configuration information of the view layer, the settings of each view layer can be conveniently completed, effectively reducing the dependence of the view on the external environment and reducing the view processing cost.
  • a preset dynamic effect can also be drawn, which further enriches the view display effect and improves the effect of content promotion.
  • FIG. 3 is a schematic flowchart of a method for displaying a layered view according to Embodiment 2 of the present disclosure. As shown in FIG. 3, the method includes the following steps:
  • Step S301 Receive a view-specific movement event triggered by a user's sliding gesture; or, receive a view-specific movement event triggered by a carousel timing arrival.
  • the view includes a plurality of picture elements such as picture background elements, picture main scene elements, and picture text elements corresponding to the promotion content.
  • the picture background elements are displayed in the first view layer, and the picture main scene elements are displayed in the second view layer.
  • the picture text element is displayed in the third view layer.
  • the display height of the main scene element of the picture can be greater than the display height of the corresponding picture background element, so as to obtain a better stereoscopic display effect.
  • promotion content 1 is used to promote the e-book "Wu Kong Biography" and the promotion content.
  • promotion content 2 is used to promote membership recharge activities, the picture elements corresponding to promotion content 1 include picture background element 10, picture main scene element 20 and picture text element 30, and the picture elements corresponding to promotion content 2 include picture background element 11, picture main scene element 21 And picture text element 31, then the view contains picture background element 10 and picture background element 11 displayed on the first view layer, picture subject scene element 20 and picture subject scene element 21 displayed on the second view layer, and the third view Picture text element 30 and picture text element 31 displayed in layers.
  • the displayed current promotion content is promotion content 1
  • its initial display diagram in the e-book client can be shown in FIG. 2b.
  • the view can be moved by the user's swipe gesture or carousel to switch the displayed current promotion content to the next promotion content. Specifically, in step S301, receiving a movement event for a view triggered by a user's sliding gesture; or receiving a movement event for a view triggered by the timing of the carousel.
  • Step S302 Determine a moving distance factor according to the starting moving position and the current moving position corresponding to the moving event.
  • the moving distance factor may be determined according to the number of pixels between the starting moving position and the current moving position corresponding to the moving event, and the moving distance factor between the starting moving position and the current moving position and the terminal device ’s Touch the ratio of the display width to determine the moving distance factor.
  • step S303 it is determined whether the moving distance factor conforms to a preset factor range; if yes, step S304 is performed; if not, step S305 is performed.
  • one view is used to display multiple promotion contents.
  • the right half of promotion contents 1 and promotion contents 2 are displayed.
  • the present disclosure also sets a preset factor range and a preset damping algorithm.
  • the preset factor range can be set to 300-360 pixels.
  • step S304 If it is determined that the moving distance factor meets the preset factor range, it is necessary to use a preset damping algorithm to calculate the display position information of the picture elements to be displayed in each view layer, then execute step S304; if it is determined that the moving distance factor does not meet the preset factor
  • the range indicates that it is necessary to use the movement algorithm corresponding to each view layer to calculate the display position information of the picture elements to be displayed in each view layer, and step S305 is performed.
  • Step S304 Calculate the display position information of the picture elements to be displayed in each view layer according to the moving distance factor and a preset damping algorithm.
  • Step S305 Obtain a moving algorithm corresponding to each view layer from the view layer configuration information.
  • the view layer configuration information records the specific content of the picture element corresponding to each view layer, the initial display position information of the picture element, the movement algorithm corresponding to the view layer, and other information.
  • the moving algorithm corresponding to each view layer is obtained from the view layer configuration information.
  • the movement offset parameter in the movement algorithm corresponding to at least one view layer is different from the movement offset parameter in the movement algorithm corresponding to any other view layer, so that picture elements displayed in multiple view layers can have different movement effects. , So that the display of the wrong layer of the view.
  • the movement offset parameter in the movement algorithm corresponding to each view layer can be set according to the priority of each view layer, so that the picture elements displayed in the view layer with higher priority can be left in the longer time. In the user's field of vision.
  • Step S306 Calculate the display position information of the picture element to be displayed in each view layer according to the movement distance factor and the movement offset parameter in the movement algorithm corresponding to each view layer.
  • step S306 the movement distance of the picture element to be displayed in each view layer along the movement direction corresponding to the movement event may be calculated according to the movement distance factor and the movement offset parameter in the movement algorithm corresponding to each view layer, and then according to each view The moving distance of the picture element to be displayed in the layer and the initial display position information of the picture element determine the display position information of the picture element to be displayed in each view layer.
  • step S307 in response to the movement event, according to the display position information of the picture element to be displayed in each view layer, a corresponding picture element is drawn in each view layer.
  • a single view can be used to display multiple promotional content, and the view layer configuration information can easily complete the setting of each view layer.
  • the preset damping algorithm and The movement algorithm corresponding to each view layer can realize the effect of view movement and staggered display, further reducing the dependence of the view on the external environment, shortening the time-consuming view processing, and improving the view processing efficiency.
  • the movement offset parameters in the movement algorithm corresponding to each view layer are different, then there is a possibility that the display area of the picture elements of each view layer overlaps, and then the display of picture elements in any two view layers may be displayed.
  • the picture element of the view layer with the higher priority is drawn on the picture element of the view layer with the lower priority, so that the picture element of the view layer with the higher priority is displayed to the user first.
  • step S308 when the specified display position between the picture elements of the two view layers meets the preset position condition, a preset dynamic effect is drawn.
  • the relative display position between the picture elements in the designated two view layers may be calculated, and then the relative position between the picture elements in the two view layers may be specified.
  • draw a preset dynamic effect For example, the preset dynamic effects can be effects such as blooming flowers, fireworks blooming, and the like.
  • the display position information of the picture elements to be displayed in each view layer can be accurately calculated according to the preset damping algorithm and the movement algorithm corresponding to each view layer, thereby conveniently implementing the view.
  • the display of the wrong layer greatly enriches the effect of view movement and helps to attract the user's attention; and without using the view control ViewPager, a single view can be used to display multiple promotional content, which can be configured through the view layer Conveniently complete the setting of each view layer, further reducing the dependence of the view on the external environment and shortening the time-consuming processing of the view;
  • the relative display position between two picture elements meets the preset position conditions, it can also draw The preset dynamic effects further enrich the view display effect and enhance the effect of content promotion.
  • Embodiment 4 of the present disclosure provides a non-volatile computer-readable storage medium.
  • the non-volatile computer-readable storage medium stores at least one executable instruction, and the executable instruction can execute any of the foregoing method embodiments. View split display method.
  • the executable instructions can be specifically used to cause the processor to perform the following operations: receive triggered movement events for the view; the view contains picture elements displayed in multiple view layers respectively; determine the movement distance factor according to the movement event; and determine the movement distance factor according to the movement event To calculate display position information of picture elements to be displayed in each view layer; and in response to a movement event, draw corresponding picture elements in each view layer according to the display position information of the picture elements to be displayed in each view layer.
  • the executable instructions further cause the processor to perform the following operations: receiving a movement event for the view triggered by the user's sliding gesture; or receiving a movement event for the view triggered by the timing of the carousel.
  • the executable instructions further cause the processor to perform the following operations: determine the moving distance factor according to the starting moving position and the current moving position corresponding to the moving event.
  • the executable instructions further cause the processor to perform the following operations: obtaining the moving algorithm corresponding to each view layer from the view layer configuration information; and according to the moving distance factor and the moving algorithm corresponding to each view layer. Move the offset parameter to calculate the display position information of the picture elements to be displayed in each view layer.
  • the executable instructions further cause the processor to perform the following operations: determine whether the moving distance factor conforms to a preset factor range; if so, calculate each view layer to be processed according to the moving distance factor and a preset damping algorithm. Display position information of the displayed picture element; if not, obtain the movement algorithm corresponding to each view layer from the view layer configuration information, and calculate each according to the movement distance factor and the movement offset parameter in the movement algorithm corresponding to each view layer The display position information of the picture element to be displayed in the view layer.
  • the executable instructions further cause the processor to perform the following operations: when the display positions of the picture elements of any two view layers overlap, the picture elements of the view layer with the higher priority are drawn in priority Above the lower level picture element.
  • the executable instruction further causes the processor to perform the following operation: when the relative display area between the picture elements of the two view layers is specified to meet the preset position condition, draw a preset dynamic effect.
  • the view includes at least one of a picture background element displayed on the first view layer, a picture main scene element displayed on the second view layer, and a picture text element displayed on the third view layer.
  • a display height of a scene element of a picture main body is greater than a display height of a picture background element.
  • FIG. 4 is a schematic structural diagram of an electronic device according to Embodiment 5 of the present disclosure.
  • a specific embodiment of the present disclosure does not limit the specific implementation of the electronic device.
  • the electronic device may include a processor 402, a communications interface 404, a memory 406, and a communication bus 408.
  • the processor 402, the communication interface 404, and the memory 406 complete communication with each other through the communication bus 408.
  • the communication interface 404 is configured to communicate with a network element of another device such as a client or another server.
  • the processor 402 is configured to execute a program 410, and may specifically perform related steps in the foregoing method for displaying a layered view.
  • the program 410 may include program code, where the program code includes a computer operation instruction.
  • the processor 402 may be a central processing unit CPU, or an application specific integrated circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present disclosure.
  • the electronic device includes one or more processors, which may be processors of the same type, such as one or more CPUs; or may be different types of processors, such as one or more CPUs and one or more ASICs.
  • the memory 406 is configured to store the program 410.
  • the memory 406 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), for example, at least one disk memory.
  • the program 410 may be specifically configured to cause the processor 402 to perform the following operations: receive a triggered moving event for a view; the view includes picture elements displayed in multiple view layers respectively; determine a moving distance factor according to the moving event; To calculate display position information of picture elements to be displayed in each view layer; and in response to a movement event, draw corresponding picture elements in each view layer according to the display position information of the picture elements to be displayed in each view layer.
  • the program 410 further causes the processor 402 to perform the following operations: receiving a movement event for a view triggered by a user's sliding gesture; or receiving a movement event for a view triggered by a carousel timing arrival.
  • the program 410 further causes the processor 402 to perform the following operations: determine a moving distance factor according to the starting moving position and the current moving position corresponding to the moving event.
  • the program 410 further causes the processor 402 to perform the following operations: obtaining the moving algorithm corresponding to each view layer from the view layer configuration information; and according to the moving distance factor and the moving algorithm corresponding to each view layer Move the offset parameter to calculate the display position information of the picture elements to be displayed in each view layer.
  • the program 410 further causes the processor 402 to perform the following operations: determine whether the moving distance factor conforms to a preset factor range; if so, calculate each view layer to be processed according to the moving distance factor and a preset damping algorithm. Display position information of the displayed picture element; if not, obtain the movement algorithm corresponding to each view layer from the view layer configuration information, and calculate each according to the movement distance factor and the movement offset parameter in the movement algorithm corresponding to each view layer The display position information of the picture element to be displayed in the view layer.
  • the program 410 further causes the processor 402 to perform the following operation: when the display areas of the picture elements of any two view layers overlap, the picture elements of the view layer with a higher priority are drawn in priority Above the lower level picture element.
  • the program 410 further causes the processor 402 to perform the following operation: when the specified display position between the picture elements of the two view layers meets the preset position condition, draw a preset dynamic effect.
  • the view includes at least one of a picture background element displayed on the first view layer, a picture main scene element displayed on the second view layer, and a picture text element displayed on the third view layer.
  • a display height of a scene element of a picture main body is greater than a display height of a picture background element.
  • each step in the program 410 reference may be made to the description corresponding to the corresponding step in the above-mentioned view split-level display embodiment, and details are not described herein.
  • the specific working process of the device described above can refer to the corresponding process description in the foregoing method embodiments, and will not be repeated here.
  • the display position information of the picture elements to be displayed in each view layer can be calculated according to the moving distance factor for the view's movement event, and the corresponding picture elements can be drawn in each view layer according to the display position information.
  • modules in the device in the embodiment can be adaptively changed and set in one or more devices different from the embodiment.
  • the modules or units or components in the embodiments may be combined into one module or unit or component, and furthermore, they may be divided into a plurality of sub-modules or sub-units or sub-components. Except for such features and / or processes or units, which are mutually exclusive, all features disclosed in this specification (including the accompanying claims, abstract and drawings) and any methods so disclosed may be employed in any combination or All processes or units of the equipment are combined.

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)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Control Of Indicators Other Than Cathode Ray Tubes (AREA)

Abstract

一种视图错层显示方法、电子设备及存储介质,其中,视图错层显示方法包括:接收被触发的针对视图的移动事件(S101);根据移动事件,确定移动距离因数(S102);根据移动距离因数,计算各个视图层待显示的图片元素的显示位置信息(S103);响应于移动事件,根据各个视图层待显示的图片元素的显示位置信息,分别在各个视图层绘制相应的图片元素(S104)。

Description

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

Claims (20)

  1. 一种视图错层显示方法,所述视图包含分别在多个视图层显示的图片元素,所述方法包括:
    接收被触发的针对所述视图的移动事件;
    根据所述移动事件,确定移动距离因数;
    根据所述移动距离因数,计算各个视图层待显示的图片元素的显示位置信息;
    响应于所述移动事件,根据各个视图层待显示的图片元素的显示位置信息,分别在各个视图层绘制相应的图片元素。
  2. 根据权利要求1所述的方法,所述接收被触发的针对所述视图的移动事件进一步包括:
    接收用户滑动手势所触发的针对所述视图的移动事件;或者,接收轮播定时到达所触发的针对所述视图的移动事件。
  3. 根据权利要求1或2所述的方法,所述根据所述移动事件,确定移动距离因数进一步包括:
    根据所述移动事件对应的起始移动位置和当前移动位置,确定移动距离因数。
  4. 根据权利要求1-3任一项所述的方法,所述根据所述移动距离因数,计算各个视图层待显示的图片元素的显示位置信息进一步包括:
    从视图层配置信息中获取各个视图层对应的移动算法;
    根据所述移动距离因数和各个视图层对应的移动算法中的移动偏移参数,计算各个视图层待显示的图片元素的显示位置信息。
  5. 根据权利要求1-3任一项所述的方法,所述根据所述移动距离因数,计算各个视图层待显示的图片元素的显示位置信息进一步包括:
    判断所述移动距离因数是否符合预设因数范围;
    若是,则根据所述移动距离因数和预设阻尼算法,计算各个视图层待显示的图片元素的显示位置信息;
    若否,则从视图层配置信息中获取各个视图层对应的移动算法,并根据所述移动距离因数和各个视图层对应的移动算法中的移动偏移参数,计算各个视图层待显示的图片元素的显示位置信息。
  6. 根据权利要求1-5任一项所述的方法,所述响应于所述移动事件,根据各个视图层待显示的图片元素的显示位置信息,分别在各个视图层绘制相应的图片元素进一步包括:
    在任意两个视图层的图片元素的显示区域存在重叠时,将优先级高的视图层的图片元素绘制在优先级低的视图层的图片元素的上面。
  7. 根据权利要求1-6任一项所述的方法,在所述响应于所述移动事件,根据各个视图层待显示的图片元素的显示位置信息,分别在各个视图层绘制相应的图片元素之后,所述方法还包括:
    在指定两个视图层的图片元素之间的相对显示位置符合预设位置条件时,绘制预设动态效果。
  8. 根据权利要求1-7任一项所述的方法,所述视图包含分别在第一视图层显示的图片背景元素、在第二视图层显示的图片主体场景元素和在第三视图层显示的图片文本元素中的至少一个。
  9. 根据权利要求8所述的方法,所述图片主体场景元素的显示高度大于所述图片背景元素的显示高度。
  10. 一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
    所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
    接收被触发的针对所述视图的移动事件;所述视图包含分别在多个视图层显示的图片元素;
    根据所述移动事件,确定移动距离因数;
    根据所述移动距离因数,计算各个视图层待显示的图片元素的显示位置信息;
    响应于所述移动事件,根据各个视图层待显示的图片元素的显示位置信 息,分别在各个视图层绘制相应的图片元素。
  11. 根据权利要求10所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
    接收用户滑动手势所触发的针对所述视图的移动事件;或者,接收轮播定时到达所触发的针对所述视图的移动事件。
  12. 根据权利要求10或11所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
    根据所述移动事件对应的起始移动位置和当前移动位置,确定移动距离因数。
  13. 根据权利要求10-12任一项所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
    从视图层配置信息中获取各个视图层对应的移动算法;
    根据所述移动距离因数和各个视图层对应的移动算法中的移动偏移参数,计算各个视图层待显示的图片元素的显示位置信息。
  14. 根据权利要求10-12任一项所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
    判断所述移动距离因数是否符合预设因数范围;
    若是,则根据所述移动距离因数和预设阻尼算法,计算各个视图层待显示的图片元素的显示位置信息;
    若否,则从视图层配置信息中获取各个视图层对应的移动算法,并根据所述移动距离因数和各个视图层对应的移动算法中的移动偏移参数,计算各个视图层待显示的图片元素的显示位置信息。
  15. 根据权利要求10-14任一项所述的电子设备,所述可执行指令进一步使所述处理器执行以下操作:
    在任意两个视图层的图片元素的显示区域存在重叠时,将优先级高的视图层的图片元素绘制在优先级低的视图层的图片元素的上面。
  16. 根据权利要求10-15任一项所述的电子设备,所述可执行指令进一步 使所述处理器执行以下操作:
    在指定两个视图层的图片元素之间的相对显示位置符合预设位置条件时,绘制预设动态效果。
  17. 根据权利要求10-16任一项所述的电子设备,所述视图包含分别在第一视图层显示的图片背景元素、在第二视图层显示的图片主体场景元素和在第三视图层显示的图片文本元素中的至少一个。
  18. 根据权利要求17所述的电子设备,所述图片主体场景元素的显示高度大于所述图片背景元素的显示高度。
  19. 一种非易失性计算机可读存储介质,所述非易失性计算机可读存储介质中存储有至少一可执行指令,所述可执行指令用于使该计算机执行前述任一权利要求1-9中所述的视图错层显示方法。
  20. 一种计算机程序产品,该计算机程序产品包括存储在非易失性计算机可读存储介质上的计算程序,该计算机程序包括程序指令,当该程序指令被计算机执行时,使该计算机执行前述任一权利要求1-9所述的视图错层显示方法。
PCT/CN2019/073502 2018-06-29 2019-01-28 视图错层显示方法、电子设备及存储介质 WO2020001024A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810697360.X 2018-06-29
CN201810697360.XA CN109002241B (zh) 2018-06-29 2018-06-29 视图错层显示方法、电子设备及存储介质

Publications (1)

Publication Number Publication Date
WO2020001024A1 true WO2020001024A1 (zh) 2020-01-02

Family

ID=64601561

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/073502 WO2020001024A1 (zh) 2018-06-29 2019-01-28 视图错层显示方法、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN109002241B (zh)
WO (1) WO2020001024A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109002241B (zh) * 2018-06-29 2019-06-18 掌阅科技股份有限公司 视图错层显示方法、电子设备及存储介质
CN108845737B (zh) * 2018-06-29 2019-08-09 掌阅科技股份有限公司 图片错层显示方法、电子设备及存储介质
CN110908757B (zh) * 2019-11-18 2022-01-28 腾讯科技(深圳)有限公司 一种媒体内容显示的方法以及相关装置
CN112083848B (zh) * 2020-09-11 2021-12-31 腾讯科技(深圳)有限公司 应用程序内的控件位置调整方法、装置、设备及存储介质
KR20220035324A (ko) 2020-09-11 2022-03-22 텐센트 테크놀로지(센젠) 컴퍼니 리미티드 애플리케이션에서의 컨트롤을 위한 위치 조정 방법 및 장치, 디바이스 및 저장 매체

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102566952A (zh) * 2010-12-20 2012-07-11 福建星网视易信息系统有限公司 应用于嵌入式数字娱乐点播系统的显示系统和方法
CN104216713A (zh) * 2014-09-02 2014-12-17 广州市久邦数码科技有限公司 一种桌面元素的深度叠加方法及其系统
CN104915102A (zh) * 2015-06-25 2015-09-16 走遍世界(北京)信息技术有限公司 图形界面的交互方法及装置
US20150371436A1 (en) * 2014-06-24 2015-12-24 Google Inc. Computerized systems and methods for layering content in a user interface
CN109002241A (zh) * 2018-06-29 2018-12-14 掌阅科技股份有限公司 视图错层显示方法、电子设备及存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130065025A1 (en) * 2011-09-09 2013-03-14 Kun-Mu Li Substrate having animated flashing figure, application thereof and manufacturing method of the same
CN108595242B (zh) * 2017-06-05 2021-06-29 掌阅科技股份有限公司 页面显示方法、电子设备及计算机存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102566952A (zh) * 2010-12-20 2012-07-11 福建星网视易信息系统有限公司 应用于嵌入式数字娱乐点播系统的显示系统和方法
US20150371436A1 (en) * 2014-06-24 2015-12-24 Google Inc. Computerized systems and methods for layering content in a user interface
CN104216713A (zh) * 2014-09-02 2014-12-17 广州市久邦数码科技有限公司 一种桌面元素的深度叠加方法及其系统
CN104915102A (zh) * 2015-06-25 2015-09-16 走遍世界(北京)信息技术有限公司 图形界面的交互方法及装置
CN109002241A (zh) * 2018-06-29 2018-12-14 掌阅科技股份有限公司 视图错层显示方法、电子设备及存储介质

Also Published As

Publication number Publication date
CN109002241A (zh) 2018-12-14
CN109002241B (zh) 2019-06-18

Similar Documents

Publication Publication Date Title
WO2020001024A1 (zh) 视图错层显示方法、电子设备及存储介质
US20200058270A1 (en) Bullet screen display method and electronic device
WO2020001028A1 (zh) 图片错层显示方法、电子设备及存储介质
US20220137796A1 (en) Screen adaptation and displaying method, electronic device and computer storage medium
US10504258B2 (en) Information processing device editing map acquired from server
US9105094B2 (en) Image layers navigation
CN110750664B (zh) 图片的显示方法及装置
WO2018126899A1 (zh) 一种视频界面显示方法及装置
US10560750B2 (en) Information display method, apparatus and smart television
US20110145730A1 (en) Utilization of Browser Space
CN113538502A (zh) 图片裁剪方法、装置、电子设备及存储介质
US10936140B2 (en) Method and device for displaying response
CN107861711B (zh) 页面适配方法及装置
WO2018176850A1 (zh) 绘制及解析礼物的方法、装置、电子设备和计算机可读存储介质
US20160196240A1 (en) Method of displaying content and electronic device implementing same
US11315296B2 (en) Dynamically varying visual properties of indicators on a digital map
CN107391148B (zh) 视图元素保存方法、装置、电子设备及计算机存储介质
CN107645591B (zh) 一种显示调整方法、装置及折叠终端
US20230421820A1 (en) Real-time video feed presentation enhancement system
CN110858154A (zh) 一种轮播图的切换显示方法、装置、电子设备及存储介质
CN112083871A (zh) 控制电子设备的方法、装置、终端及存储介质
EP3048524A1 (en) Document display support device, terminal, document display method, and computer-readable storage medium for computer program
US10877641B2 (en) Image adjustment method, apparatus, device and computer readable storage medium
KR102223554B1 (ko) 단말기, 이의 제어 방법 및 상기 방법을 구현하기 위한 프로그램을 기록한 기록 매체
WO2017011680A1 (en) Device and method for processing data

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 19826991

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 19826991

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 19826991

Country of ref document: EP

Kind code of ref document: A1