CN112672197A

CN112672197A - Animation display method and device and terminal equipment

Info

Publication number: CN112672197A
Application number: CN201910985166.6A
Authority: CN
Inventors: 崔会会
Original assignee: Hisense Visual Technology Co Ltd
Current assignee: Hisense Visual Technology Co Ltd
Priority date: 2019-10-16
Filing date: 2019-10-16
Publication date: 2021-04-16

Abstract

The embodiment of the invention provides an animation display method, an animation display device and terminal equipment, wherein the method comprises the following steps: the method comprises the steps of obtaining a configuration file of the animation to be displayed with a display direction in a first direction, wherein the animation to be displayed comprises a plurality of images, the configuration file comprises attribute information of each image, the attribute information comprises an image display position, if a direction conversion instruction is received, the length of a display screen in a second direction is obtained, display direction conversion is carried out on the image display position in the attribute information of each image according to the length of the display screen in the second direction, converted attribute information is obtained, the direction conversion instruction is used for indicating that the display direction of the animation to be displayed is converted into the second direction, each image is displayed on the display screen according to the converted attribute information of each image, automatic conversion of the display direction of the animation to be displayed is achieved, workload of programmers is reduced, and conversion efficiency of the animation display direction is improved.

Description

Animation display method and device and terminal equipment

Technical Field

The embodiment of the invention relates to the technical field of terminals, in particular to an animation display method and device and terminal equipment.

Background

In order to make consumers know the characteristics of the television better, when the television enters a shopping mall mode, an animation is displayed on the television screen longitudinally, and the image dynamic in the animation moves from top to bottom. Since different regions have different requirements for the display direction of the animation, it is sometimes necessary to change the display direction of the animation, for example, to change the display direction of the animation to the landscape display.

In the prior art, when the display direction of an animation needs to be changed, a relevant programmer needs to first obtain a longitudinal configuration file corresponding to the animation whose display direction is longitudinal, then study the longitudinal configuration file, and on the basis of the longitudinal configuration file, the programmer reprograms a set of transverse configuration file so that a television can transversely display the animation according to the transverse configuration file.

However, the inventors found that at least the following problems exist in the prior art: because the programmer needs to study the vertical configuration file and also needs to rewrite a set of horizontal configuration files on the basis of the vertical configuration file, the workload of the programmer is increased.

Disclosure of Invention

The embodiment of the invention provides an animation display method, an animation display device and terminal equipment, which are used for reducing the workload of programmers.

In a first aspect, an embodiment of the present invention provides an animation display method, including:

acquiring a configuration file of an animation to be displayed, wherein the display direction of the animation to be displayed is a first direction, the animation to be displayed comprises a plurality of images, the configuration file comprises attribute information of each image, and the attribute information comprises an image display position;

if a direction conversion instruction is received, acquiring the length of the display screen in the second direction, and converting the display direction of the image display position in the attribute information of each image according to the length of the display screen in the second direction to obtain the converted attribute information, wherein the direction conversion instruction is used for indicating that the display direction of the animation to be displayed is converted into the second direction;

and displaying each image on the display screen according to the converted attribute information of each image.

In one possible design, the attribute information further includes an image height, an image width, and an image display time; the first direction is longitudinal, the second direction is transverse, and the length of the display screen in the second direction is the width of the display screen; the image display position comprises an initial abscissa and an initial ordinate; the converted attribute information comprises a converted image display position and a converted image width, and the converted image display position comprises a converted initial abscissa and an initial ordinate;

the converting the display direction of the image display position in the attribute information of each image according to the length of the display screen in the second direction to obtain the converted attribute information includes:

dividing all the images according to the image display time and the image display positions of all the images to obtain a plurality of groups of images, wherein a plurality of images included in each group of images are respectively displayed at different positions on the same page;

determining an order of image display positions of a first group of images according to the image display positions of the images in the first group of images, wherein the first group of images is any one group of images in the plurality of groups of images;

determining an initial ordinate of each image in the first group of images after conversion according to an initial abscissa of the first image, wherein the first image is an image arranged at the head in the sequence in the first group of images;

determining the image width after the conversion of a second image according to the display screen width, the image height of a first image and the number of images included in the first group of images, wherein the second image is any one of the images arranged below the head position;

and determining an initial abscissa after the first image conversion and an initial abscissa after the second image conversion according to the initial ordinate of the first image, the image height of the first image and the image width after the second image conversion.

In one possible design, the determining the transformed initial ordinate of each image in the first set of images from the initial abscissa of the first image includes:

if a first display instruction is received, taking an initial abscissa of the first image as an initial ordinate after conversion of each image in a first group of images, wherein the first display instruction is used for indicating that the first group of images are displayed above a display screen;

and if a second display instruction is received, acquiring the height of the display screen, and obtaining the converted initial ordinate of each image in the first group of images according to the height of the display screen, the initial abscissa of the first image and the image width of the second image, wherein the second display instruction is used for indicating that the first group of images are displayed below the display screen.

In a possible design, the obtaining the converted initial ordinate of each image in the first group of images according to the height of the display screen, the initial abscissa of the first image, and the image width of the second image includes:

by passing

y′＝H_S-w-x1

Wherein y' is the initial ordinate of each image in the first group of images after conversion, and H_SThe display screen height, the w is the image width of the second image, and the x1 is the initial abscissa of the first image.

In one possible design, the determining the converted image width of the second image according to the display screen width, the image height of the first image, and the number of images included in the first group of images includes:

by passing

Wherein W' is the image width after the second image conversion, and W_sFor the width of the display screen, d is a preset reserved width, h1 is the image height of the first image, and n is the number of images included in the first group of images.

In one possible design, the determining the first image-converted initial abscissa and the second image-converted initial abscissa from the initial ordinate of the first image, the image height of the first image, and the second image-converted image width includes:

taking the initial ordinate of the first image as the initial abscissa after the first image is converted;

determining the number of interval images according to the initial ordinate of the second image, the initial ordinate of the first image and the image height of the first image, wherein the interval images are the number of images in the interval between the first image and the second image;

and obtaining the initial abscissa of the second image after conversion according to the initial ordinate of the first image, the image height of the first image, the number of the interval images and the image width of the second image after conversion.

In one possible design, the obtaining the converted initial abscissa of the second image according to the initial ordinate of the first image, the image height of the first image, the number of interval images, and the converted image width of the second image includes:

by passing

x2′＝y1+h1+w′·s

Wherein x2 'is the initial abscissa of the second image after conversion, y1 is the initial ordinate of the first image, h1 is the image height of the first image, w' is the image width of the second image after conversion, and s is the number of spaced images.

In one possible design, the image display position further includes a vertical movement range, and the converted attribute information further includes a horizontal movement range;

taking the initial abscissa after the second image conversion as the initial abscissa of the transverse moving range of the second image;

determining the number of moving images according to the starting ordinate and the ending ordinate of the longitudinal moving range of the second image and the height of the second image;

obtaining an ending abscissa of the transverse moving range of the second image according to the starting abscissa, the image width after the second image is converted and the number of the moving images;

and obtaining the transverse movement range of the second image according to the starting abscissa and the ending abscissa.

In one possible design, the obtaining an end abscissa of the lateral movement range of the second image based on the start abscissa, the converted image width of the second image, and the moving image number includes:

by passing

x′_end＝x′_start+w′·s1

Wherein, x'_endIs the ending abscissa, x'_startThe starting abscissa, the w' is the converted image width of the second image, and s1 is the moving image number.

In one possible design, the obtaining the configuration file of the animation to be displayed with the display direction being the first direction includes:

and after detecting that the terminal enters a preset market mode, acquiring a configuration file of the animation to be displayed, wherein the display direction of the configuration file is a first direction.

In a second aspect, an embodiment of the present invention provides an animation display device, including:

the display device comprises a configuration information acquisition module, a display position acquisition module and a display position acquisition module, wherein the configuration information acquisition module is used for acquiring a configuration file of an animation to be displayed, the display direction of which is a first direction, the animation to be displayed comprises a plurality of images, the configuration file comprises attribute information of each image, and the attribute information comprises an image display position;

the display direction conversion module is used for acquiring the length of the display screen in the second direction if a direction conversion instruction is received, and performing display direction conversion on the image display position in the attribute information of each image according to the length of the display screen in the second direction to obtain converted attribute information, wherein the direction conversion instruction is used for indicating that the display direction of the animation to be displayed is converted into the second direction;

and the image display module is used for displaying each image on the display screen according to the converted attribute information of each image.

the display direction conversion module is specifically configured to:

In a possible design, the display direction conversion module is further specifically configured to:

by passing

y′＝H_S-w-x1

by passing

by passing

x2′＝y1+h1+w′·s

the display direction conversion module is further specifically configured to:

by passing

x′_end＝x′_start+w′·s1

In one possible design, the configuration information obtaining module is specifically configured to:

In a third aspect, an embodiment of the present invention provides a terminal device, including: at least one processor and memory;

the memory stores computer-executable instructions;

the at least one processor executing the computer-executable instructions stored by the memory causes the at least one processor to perform the animation display method of any of the first aspects.

In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, where computer-executable instructions are stored, and when a processor executes the computer-executable instructions, the animation display method according to any one of the first aspect is implemented.

According to the animation display method, the animation display device and the terminal equipment, when a direction conversion instruction is received, the display direction of the animation to be displayed needs to be converted from the first direction to the second direction, the display direction conversion is carried out on the image display position in the attribute information of each image in the animation to be displayed according to the length of the display screen in the second direction, the converted attribute information is obtained, the automatic conversion of the display direction of the animation to be displayed is achieved, a programmer does not need to study a configuration file of the animation to be displayed, the display direction of which is the first direction, and a set of configuration file, the display direction of which is the second direction, does not need to be rewritten on the basis of the configuration file, the workload of the programmer is reduced, and the conversion efficiency of the animation display direction is improved.

Drawings

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.

FIG. 1 is a schematic diagram of an animation display system according to an embodiment of the present invention;

FIG. 2 is a first flowchart of an animation display method according to an embodiment of the present invention;

FIG. 3 is a schematic diagram of a portrait view of an image provided by an embodiment of the present invention;

FIG. 4 is a first diagram illustrating image attribute information according to an embodiment of the present invention;

FIG. 5 is a second schematic diagram of image attribute information provided by the embodiment of the present invention

FIG. 6 is a schematic diagram of a horizontal display of an image provided by an embodiment of the present invention;

FIG. 7 is a second flowchart of an animation display method according to an embodiment of the present invention;

FIG. 8 is a schematic structural diagram of an animation display apparatus according to an embodiment of the present invention;

fig. 9 is a schematic diagram of a hardware structure of a terminal device according to an embodiment of the present invention.

Detailed Description

The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

The terms "first," "second," "third," "fourth," and the like in the description and in the claims, as well as in the drawings, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the invention described herein are, for example, capable of operation in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

Fig. 1 is a schematic structural diagram of an animation display system according to an embodiment of the present invention. As shown in fig. 1, the system includes a remote controller 100A, a mobile terminal 100B and a terminal 200, where a user may control the terminal 200 to perform some operations through a remote control device such as the remote controller 100A or the mobile terminal 100B, for example, the terminal 200 may be controlled to enter a shopping mall mode, and after the terminal 200 enters the shopping mall mode, a to-be-displayed animation Epos showing a feature function of the terminal 200 may be vertically displayed, where the to-be-displayed animation includes a plurality of images, and before displaying the to-be-displayed animation, a configuration file of the to-be-displayed animation needs to be read first, and a corresponding image is vertically displayed according to attribute information of the image defined by the configuration file.

For some reasons, for example, to avoid the animation to be displayed being blocked or regional requirements, it is necessary to convert the display direction of the animation to be displayed, that is, to convert the display direction from the vertical display to the horizontal display, when the display direction of the animation to be displayed needs to be converted, a user may send a corresponding direction conversion instruction to the terminal 200 through the remote control device, when the terminal 200 receives the direction conversion instruction, the terminal automatically converts the attribute information of the image defined by the configuration file of the animation to be displayed whose display direction is the vertical display, so as to obtain the converted attribute information, and horizontally displays the corresponding image according to the converted attribute information, so as to implement the horizontal display of the animation to be displayed, without a programmer researching the configuration file of the animation to be displayed whose display direction is the first direction, or rewriting a set of configuration file whose display direction is the second direction on the basis of the configuration file, the workload of programmers is reduced, and the conversion efficiency of animation display directions is improved.

In practical application, the terminal 200 may be a terminal including a display screen or a terminal without a display screen, when the terminal 200 includes a display screen, the terminal may directly control its display screen to display the animation to be displayed, and when the terminal 200 does not include a display screen, the terminal may control the display screen that needs to display the animation to be displayed, where no limitation is made.

The technical solution of the present invention will be described in detail below with specific examples. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments.

Fig. 2 is a first flowchart of an animation display method according to an embodiment of the present invention, where the method of this embodiment may be executed by the terminal in fig. 1, as shown in fig. 2, the method of this embodiment may include:

s201: the method comprises the steps of obtaining a configuration file of the animation to be displayed, wherein the display direction of the configuration file is the first direction, the animation to be displayed comprises a plurality of images, the configuration file comprises attribute information of each image, and the attribute information comprises an image display position.

In this embodiment, the animation to be displayed is displayed and played in the mall mode, and therefore before the configuration file of the animation to be displayed is obtained, it is required to determine whether the terminal is in the mall mode, that is, after it is detected that the terminal enters the preset mall mode, the configuration file of the animation to be displayed with the display direction being the first direction is obtained.

In this embodiment, after detecting that the terminal is in the mall mode, the terminal acquires a configuration file of an animation to be displayed, where a display direction of the animation to be displayed is a first direction, and the first direction may be a longitudinal direction or a transverse direction, and for convenience of understanding, the first direction is set as the longitudinal direction, and the second direction is the transverse direction, and when the animation to be displayed is displayed longitudinally, it may be considered that the animation to be displayed longitudinally is displayed on the left side of the display screen, as shown in fig. 3.

Wherein the configuration file includes attribute information of each image, the attribute information of each image constitutes one element, that is, the configuration file is composed of a plurality of elements, each element defines attribute information of an image, the attribute information includes a name, a width, a height, a layer, an initial abscissa, an initial ordinate, a display time, and a longitudinal movement range of the image, as shown in fig. 4, a name represents an attribute, a specific value of a value attribute, a content attribute represents an image name, a value corresponding to the image name represents "eos _ clear _ sound _ gray _ au" of the displayed image, a layout attribute represents an image layer, a value layer value corresponding to the image layer is 0, an x attribute represents an initial abscissa, a value corresponding to the abscissa is 50, an h attribute represents an image height, a value corresponding to the image height is 87, a w attribute represents an image width, an image width corresponding to the image width is 250, a start in the y attribute represents a display start time, an end represents a display end time, a value thereof represents a longitudinal movement range, 882 is a start ordinate of a start position of the longitudinal movement range, and 969 is an end ordinate of an end position of the longitudinal movement range.

The display effect achieved according to the attribute information defined in fig. 4 is: between 40500ms and 41000ms, the y-coordinate of the image is moved from 882 to 969 where a downshifted animation can be seen on the screen. Between 66000ms and 66500ms, the y coordinate moves back from 969 to 882, where an up-moving animation can be seen on the screen.

Alternatively, when the image is not moved from the display start time to the display end time, that is, the image is fixed at a specific position within the display time, as shown in fig. 5, the state attribute indicates the image moving state, the start indicates the display start time, and the end indicates the display end time, and the value corresponding to the state attribute is in _ out indicating the fixed display.

The display effect achieved according to the attribute information defined in fig. 5 is: between 15000ms and 19300ms, the image is fixedly displayed at a specific position (50, 621).

S202: and if a direction conversion instruction is received, acquiring the length of the display screen in the second direction, and converting the display direction of the image display position in the attribute information of each image according to the length of the display screen in the second direction to obtain the converted attribute information, wherein the direction conversion instruction is used for indicating the conversion of the display direction of the animation to be displayed into the second direction.

In this embodiment, if a direction conversion instruction is received, it is indicated that the display direction of the animation to be displayed needs to be converted from the first direction to the second direction, that is, the animation is converted from the longitudinal display to the transverse display, in order to present a better display effect, when the display direction of the image in the animation to be displayed is changed, the display scale and the display position of the image need to be changed, that is, the display direction of the image display position in the attribute information of each image is converted according to the length of the display screen in the second direction, and when the display direction is converted, a related programmer does not need to rewrite a set of configuration file corresponding to the animation to be displayed, in which the display direction is the second direction, so that the workload of a programmer is reduced.

In this embodiment, if the direction conversion instruction is not received, the animation to be displayed may be played directly according to the read configuration file, that is, the display direction of the animation to be displayed is still the first direction.

S203: and displaying each image on the display screen according to the converted attribute information of each image.

In this embodiment, when displaying an image, actually displaying the image according to a display method defined by attribute information of the image, and displaying each image horizontally on a display screen according to converted attribute information corresponding to each image to realize horizontal display of an animation to be displayed, as shown in fig. 6, the image of the animation to be displayed is displayed horizontally on the display screen, and when the image is displayed vertically and moves from top to bottom, the converted image moves from left to right when displayed horizontally.

It can be known from the above description that, when a direction conversion instruction is received, it is indicated that the display direction of the animation to be displayed needs to be converted from the first direction to the second direction, and according to the length of the display screen in the second direction, the display direction conversion is performed on the image display position in the attribute information of each image in the animation to be displayed, so as to obtain the converted attribute information, thereby implementing the automatic conversion of the display direction of the animation to be displayed, and it is not necessary for a programmer to study the configuration file of the animation to be displayed, the display direction of which is the first direction, and it is also not necessary for the programmer to rewrite a set of configuration file, the display direction of which is the second direction, thereby reducing the workload of the programmer and improving the efficiency of the animation display direction conversion.

When the display direction of the animation to be displayed is converted, the display direction of the image display position in the attribute information of the image needs to be converted, and the process of converting the display direction of the image display position is described in detail below with reference to a specific embodiment.

Fig. 7 is a second flowchart of the animation display method according to the embodiment of the present invention, where the attribute information further includes an image height, an image width, and an image display time. The first direction is longitudinal direction, the second direction is transverse direction, and the length of the display screen in the second direction is the width of the display screen. The image display position includes an initial abscissa and an initial ordinate. The converted attribute information includes a converted image display position and a converted image width, and the converted image display position includes a converted initial abscissa and an initial ordinate. As shown in fig. 7, on the basis of the above-mentioned embodiment, the present embodiment describes in detail the process of performing display direction conversion for the image display position in the attribute information, and the method includes:

s701: the method comprises the steps of obtaining a configuration file of the animation to be displayed, wherein the display direction of the configuration file is the first direction, the animation to be displayed comprises a plurality of images, the configuration file comprises attribute information of each image, and the attribute information comprises an image display position.

S701 in this embodiment is similar to S201 in the embodiment of fig. 2, and is not described herein again.

S702: and if the direction conversion instruction is received, acquiring the width of the display screen.

In this embodiment, after receiving the direction switching instruction, it indicates that the animation to be displayed needs to be displayed transversely, and obtains the width of the display screen, where the display screen is a display screen for displaying the animation to be displayed.

S703: and dividing all the images according to the image display time and the image display positions of the images to obtain a plurality of groups of images, wherein a plurality of images included in each group of images are respectively displayed at different positions on the same page.

In this embodiment, since the attribute information of each image defines the image display time (i.e., the time between the image display start time and the image display end time) and the image display position, the images included in the animation to be displayed may be divided by using the image display time and the image display position of each image included in the animation to be displayed, so as to obtain a plurality of groups of images, and the plurality of images included in each group of images are respectively displayed at different positions on the same page.

It is understood that for the sake of aesthetic appearance, the images of the group of images are displayed at the same time, the initial abscissa is the same, and there is no overlapping portion at the image display position, for example, images 1 to 4 in fig. 3 and 6 are a group of images, and their image display time is the same, during which images 1 to 4 are displayed at different positions on the page.

S704: the order of the image display positions of the first group of images is determined according to the image display positions of the images in the first group of images, wherein the first group of images is any one of the plurality of groups of images.

In this embodiment, the image display positions of the images in the first group of images are obtained, and since there is no overlapping portion in the display positions of the images, the order of the image display positions of the first group of images can be determined according to the initial ordinate of each image, which is the ordinate of the position where the image starts, as shown in fig. 3, the initial ordinate of image 1 is 260, the initial ordinate of image 2 is 360, the initial ordinate of image 3 is 534, and the initial ordinate of image 4 is 708, and the order of the image display positions is image 1, image 2, image 3, and image 4 in the order of the initial ordinate from small to large, and image 1 is the first image arranged in the order.

S705: the converted initial ordinate of each image in the first set of images is determined from the initial abscissa of the first image, wherein the first image is the first image in the first set of images arranged in the order.

In this embodiment, the first image in the first group of images arranged in order is acquired and used as the first image, the initial abscissa of the first image is acquired, and the converted initial ordinate of each image in the first group of images is determined according to the initial abscissa of the first image. When the display direction is converted from portrait to landscape, the converted initial vertical coordinates of the images in the first set of images, i.e. the value values corresponding to the y-attributes, are the same and are associated with the initial horizontal coordinates of the first image.

The process of determining the converted initial ordinate of each image in the first group of images according to the initial abscissa of the first image comprises the following steps:

and if a first display instruction is received, taking the initial abscissa of the first image as the converted initial ordinate of each image in the first group of images, wherein the first display instruction is used for indicating that the first group of images are displayed above the display screen.

Here, the second image is any one of the images arranged below the head, i.e., any one of the display images 2 to 4 in fig. 3.

In this embodiment, when the first display instruction is received, it indicates that the animation to be displayed needs to be displayed above the display screen, that is, the first group of images needs to be displayed above the display screen, for example, the images 1 to 4 in fig. 6 are displayed above the display screen, and the initial abscissa of the first image is directly used as the initial ordinate after the conversion of each image in the first group of images, for example, the initial abscissa of the first image is 110, and the initial ordinate after the conversion of each image in the first group of images is 110, that is, the value corresponding to the y attribute of each image is 110.

When a second display instruction is received, the animation to be displayed needs to be displayed below the display screen, namely the first group of images needs to be displayed below the display screen, and the initial ordinate after conversion of each image in the first group of images needs to be determined according to the height of the display screen, the initial abscissa of the first image and the image width of the second image.

For the sake of aesthetic appearance, when the display direction is vertical, the image height of the first image in each group of images is greater than the image height of the other images in each group of images, i.e. the image height of the first image is greater than the image height of the second image, the image heights of the second images are the same, the image widths of the images in each group of images are the same, when the display direction is switched, the image width after the first image is switched is greater than the image width after the second image is switched, and the image widths after the second images are switched are the same.

The upper part of the display screen refers to a position above the middle line of the display screen, the lower part of the display screen refers to a position below the middle line of the display screen, and the middle line of the display screen can be referred to as the middle line in fig. 4.

When the first display instruction or the second display instruction is not received, the animation to be displayed can be displayed above the display screen or below the display screen by default when the display direction of the animation to be displayed is converted.

Obtaining the initial ordinate of each image in the first group of images after conversion according to the height of the display screen, the initial abscissa of the first image and the image width of the second image, wherein the obtaining comprises:

by passing

y′＝H_S-w-x1

Wherein y' is the initial ordinate of each image in the first set of images after conversion, H_SFor display screen height, w is the image width of the second image, and x1 is the initial abscissa of the first image.

S706: and determining the converted image width of a second image according to the width of the display screen, the image height of the first image and the number of images included in the first group of images, wherein the second image is any one of the images arranged below the head.

In this embodiment, when the animation to be displayed is displayed in the vertical direction, the image height of the first image is different from the image height of the second images, and the image heights of the second images are the same, so as to present a better display effect, when the vertical direction display is converted into the horizontal direction display, the proportion of the images needs to be changed, that is, the image width of the images needs to be changed, and when the converted image width is determined, the image width needs to be changed according to the display screen width, the image height of the first image and the number of images included in the first group of images.

Determining the image width of the converted second image according to the display screen width, the image height of the first image and the number of images included in the first group of images, wherein the image width comprises:

by passing

Wherein W' is the image width after the second image conversion, W_sFor the display width, d is the preset reserved width, h1 is the image height of the first image, and n is the number of images included in the first set of images.

In this embodiment, the reserved width may be set according to the actual requirement of the user, in order to present a better display effect, when the image is displayed vertically, the height of the vertical movement region of the second image is the image height of the second image, as shown in fig. 3, there is an interval between the image 2 and the image 3, the height of which is the image height of the second image, and the interval is the vertical movement region of the second image, so when the image width after the conversion of the second image is calculated, n-1 needs to be multiplied by 2.

S707: and determining the initial abscissa after the first image conversion and the initial abscissa after the second image conversion according to the initial ordinate of the first image, the image height of the first image and the image width after the second image conversion.

In the present embodiment, when converting the display direction of the first group of images, it is necessary to determine not only the converted initial ordinate but also the converted initial abscissa of each image in the first group, and when determining the converted initial abscissa of each image in the first group, it is necessary to use the initial ordinate of the first image, the image height of the first image, and the image height of the second image after conversion.

Wherein determining the initial abscissa after the first image conversion and the initial abscissa after the second image conversion according to the initial ordinate of the first image, the image height of the first image, and the image width after the second image conversion comprises:

and taking the initial ordinate of the first image as the initial abscissa after the first image is converted.

And determining the number of interval images according to the initial ordinate of the second image, the initial ordinate of the first image and the image height of the first image, wherein the interval images are the number of images at intervals between the first image and the second image.

And obtaining an initial abscissa after the second image conversion according to the initial ordinate of the first image, the image height of the first image, the number of the interval images and the image width after the second image conversion.

In the present embodiment, the initial abscissa after the first image conversion is the initial ordinate thereof, i.e., the ordinate when displayed vertically.

In this embodiment, since the abscissa and the ordinate of the image refer to the abscissa and the ordinate of the vertex of the upper left corner of the image, the image height of the first image needs to be used when calculating the number of interval images. And subtracting the initial vertical coordinate of the first image from the initial vertical coordinate of the second image to obtain a vertical coordinate difference value, subtracting the image height of the first image from the vertical coordinate difference value to obtain an interval height, and dividing the interval height by the image height of the second image to obtain the number of interval images, namely the number of interval images which can be included in the interval height between the first image and the second image is obtained.

After obtaining the number of the interval images, the initial abscissa after the second image conversion can be calculated according to the initial ordinate of the first image, the image height of the first image, the number of the interval images, and the image width after the second image conversion.

Obtaining an initial abscissa after the second image conversion according to the initial ordinate of the first image, the image height of the first image, the number of interval images and the image width after the second image conversion, including:

by passing

x2′＝y1+h1+w′·s

Where x2 'is the initial abscissa after the second image conversion, y1 is the initial ordinate of the first image, h1 is the image height of the first image, w' is the image width after the second image conversion, and s is the number of interval images.

In the present embodiment, when the display direction of the first image is converted, the image width of the first image after conversion is actually the image height of the first image, that is, the image height before conversion.

In connection with the above application scenario, the initial ordinate after the transformation of image 3 in fig. 6 is calculated, and the number of images spaced between image 3 and image 1 is 2, that is, the number of spaces is 2, so the initial abscissa after the transformation of image 3 is y1+ h1+2 × w'.

Optionally, the image display position further includes a longitudinal movement range, and the converted attribute information further includes a lateral movement range.

In this embodiment, when the image is moved within the display time, the image display position corresponding to the image further includes a vertical movement range, for example, (882, 969) in fig. 4, when the image is vertically moved during vertical display, the image becomes laterally moved left and right during transition to lateral display, and therefore, the property information after transition includes the lateral movement range.

When determining the lateral movement range, it is necessary to determine a start abscissa and an end abscissa of the lateral movement range, and the specific process includes:

and taking the initial abscissa after the second image is converted as the initial abscissa of the lateral movement range of the second image.

The number of moving images is determined according to the start ordinate and the end ordinate of the longitudinal movement range of the second image and the height of the second image.

And obtaining the ending abscissa of the transverse moving range of the second image according to the starting abscissa, the image width after the second image is converted and the number of the moving images.

And obtaining the transverse moving range of the second image according to the starting abscissa and the ending abscissa.

In the present embodiment, the starting abscissa of the lateral movement range of the second image is the initial abscissa after the second image conversion. When the ending abscissa of the transverse moving range is calculated, the ending ordinate of the longitudinal moving range of the second image is subtracted by the starting ordinate of the longitudinal moving range to obtain a moving ordinate difference value, the moving ordinate difference value is divided by the image height of the second image to obtain the number of moving images, namely the number of second images which can be included in the longitudinal moving range of the second image, the ending abscissa of the transverse moving range of the second image is determined according to the starting abscissa of the transverse moving range of the second image, the converted image height of the second image and the number of moving images, and the abscissa included between the starting abscissa and the ending abscissa of the transverse moving range forms the transverse moving range, namely the second image transversely moves to the ending abscissa from the starting abscissa until the image moves to the ending abscissa.

Wherein obtaining an ending abscissa of the lateral movement range of the second image according to the starting abscissa, the converted image width of the second image, and the number of moving images includes:

by passing

x′_end＝x′_start+w′·s1

Wherein, x'_endTo end abscissa, x'_startAs the starting abscissa, w' is the converted image width of the second image, and s1 is the number of moving images.

S708: and displaying each image on the display screen according to the converted attribute information of each image.

In this embodiment, after determining the converted attribute information of each image, the converted configuration file may be determined, the converted configuration file is read, and each image is displayed on the display screen according to the attribute information of each converted image defined in the converted configuration file, that is, the animation to be displayed is displayed in the horizontal direction.

In the implementation, the converted attribute information is automatically determined according to the attribute information of each image and the height and width of the display screen, when the corresponding image is displayed according to the converted attribute information, the animation to be displayed can be displayed according to the second direction, and when the animation to be displayed is displayed, the animation to be displayed can be displayed above the display screen or below the display screen according to actual requirements, so that the display diversification is realized, related programmers do not need to rewrite corresponding codes, and the workload of the programmers is reduced.

Fig. 8 is a schematic structural diagram of an animation display device according to an embodiment of the present invention, and as shown in fig. 8, an animation display device 800 according to this embodiment may include: a configuration information acquisition module 801, a display direction conversion module 802, and an image display module 803.

The configuration information acquisition module is used for acquiring a configuration file of the animation to be displayed, the display direction of which is a first direction, wherein the animation to be displayed comprises a plurality of images, the configuration file comprises attribute information of each image, and the attribute information comprises an image display position.

And the display direction conversion module is used for acquiring the length of the display screen in the second direction if a direction conversion instruction is received, and performing display direction conversion on the image display position in the attribute information of each image according to the length of the display screen in the second direction to obtain the converted attribute information, wherein the direction conversion instruction is used for indicating that the display direction of the animation to be displayed is converted into the second direction.

In one possible design, the attribute information further includes an image height, an image width, and an image display time. The first direction is longitudinal direction, the second direction is transverse direction, and the length of the display screen in the second direction is the width of the display screen. The image display position includes an initial abscissa and an initial ordinate. The converted attribute information includes a converted image display position and a converted image width, and the converted image display position includes a converted initial abscissa and an initial ordinate.

The display direction conversion module is specifically configured to:

and dividing all the images according to the image display time and the image display positions of the images to obtain a plurality of groups of images, wherein a plurality of images included in each group of images are respectively displayed at different positions on the same page.

The order of the image display positions of the first group of images is determined according to the image display positions of the images in the first group of images, wherein the first group of images is any one of the plurality of groups of images.

The converted initial ordinate of each image in the first set of images is determined from the initial abscissa of the first image, wherein the first image is the first image in the first set of images arranged in the order.

And determining the converted image width of a second image according to the width of the display screen, the image height of the first image and the number of images included in the first group of images, wherein the second image is any one of the images arranged below the head.

And determining the initial abscissa after the first image conversion and the initial abscissa after the second image conversion according to the initial ordinate of the first image, the image height of the first image and the image width after the second image conversion.

In one possible design, the display direction conversion module is further specifically configured to:

by passing

y′＝H_S-w-x1

by passing

by passing

x2′＝y1+h1+w′·s

In one possible design, the image display position further includes a vertical movement range, and the converted attribute information further includes a horizontal movement range.

The display direction conversion module is further specifically configured to:

by passing

x′_end＝x′_start+w′·s1

and after detecting that the terminal enters a preset market mode, acquiring a configuration file of the animation to be displayed, wherein the display direction of the configuration file is the first direction.

The service processing device provided in the embodiment of the present invention can implement the animation display method in the above-described embodiment, and the implementation principle and technical effect are similar, which are not described herein again.

Fig. 9 is a schematic diagram of a hardware structure of a terminal device according to an embodiment of the present invention. As shown in fig. 9, the terminal device 900 provided in this embodiment includes: at least one processor 901 and memory 902. The processor 901 and the memory 902 are connected via a bus 903.

In a specific implementation process, the at least one processor 901 executes the computer-executable instructions stored in the memory 902, so that the at least one processor 901 performs the animation display method in the above method embodiment.

For a specific implementation process of the processor 901, reference may be made to the above method embodiments, which implement principles and technical effects are similar, and details of this embodiment are not described herein again.

In the embodiment shown in fig. 9, it should be understood that the Processor may be a Central Processing Unit (CPU), other general-purpose processors, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present invention may be embodied directly in a hardware processor, or in a combination of the hardware and software modules within the processor.

The memory may comprise high speed RAM memory and may also include non-volatile storage NVM, such as at least one disk memory.

The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an Extended ISA (EISA) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, the buses in the figures of the present application are not limited to only one bus or one type of bus.

The embodiment of the invention also provides a computer-readable storage medium, wherein a computer execution instruction is stored in the computer-readable storage medium, and when a processor executes the computer execution instruction, the animation display method of the embodiment of the method is realized.

The computer-readable storage medium may be implemented by any type of volatile or non-volatile memory device or combination thereof, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disk. Readable storage media can be any available media that can be accessed by a general purpose or special purpose computer.

An exemplary readable storage medium is coupled to the processor such the processor can read information from, and write information to, the readable storage medium. Of course, the readable storage medium may also be an integral part of the processor. The processor and the readable storage medium may reside in an Application Specific Integrated Circuits (ASIC). Of course, the processor and the readable storage medium may also reside as discrete components in the apparatus.

Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.

Finally, it should be noted that: the above embodiments are only used to illustrate the technical solution of the present invention, and not to limit the same; while the invention has been described in detail and with reference to the foregoing embodiments, it will be understood by those skilled in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present invention.

Claims

1. An animation display method, comprising:

2. The method according to claim 1, wherein the attribute information further includes an image height, an image width, and an image display time; the first direction is longitudinal, the second direction is transverse, and the length of the display screen in the second direction is the width of the display screen; the image display position comprises an initial abscissa and an initial ordinate; the converted attribute information comprises a converted image display position and a converted image width, and the converted image display position comprises a converted initial abscissa and an initial ordinate;

3. The method of claim 2, wherein determining the transformed initial ordinate of each image in the first set of images from the initial abscissa of the first image comprises:

4. The method of claim 3, wherein obtaining the transformed initial ordinate of each image in the first set of images according to the display screen height, the initial abscissa of the first image, and the image width of the second image comprises:

by passing

y′＝H_S-w-x1

Wherein y' is the initial ordinate of each image in the first group of images after conversion, and H_SFor the display height, w isThe image width of the second image, the x1 being the initial abscissa of the first image.

5. The method of claim 2, wherein determining the converted image width of the second image based on the display screen width, the image height of the first image, and the number of images included in the first set of images comprises:

by passing

6. The method of claim 2, wherein determining the first image-converted initial abscissa and the second image-converted initial abscissa based on the initial ordinate of the first image, the image height of the first image, and the second image-converted image width comprises:

7. The method of claim 6, wherein said deriving the second image-converted initial abscissa from the initial ordinate of the first image, the image height of the first image, the number of spaced images, and the second image-converted image width comprises:

by passing

x2′＝y1+h1+w′·s

8. The method according to claim 2, wherein the image display position further includes a vertical movement range, and the converted attribute information further includes a horizontal movement range;

9. The method according to claim 8, wherein the obtaining an end abscissa of the lateral movement range of the second image from the start abscissa, the converted image width of the second image, and the moving image number comprises:

by passing

x′_end＝x′_start+w′·s1

10. The method according to any one of claims 1 to 9, wherein the obtaining of the configuration file of the animation to be displayed with the display direction being the first direction comprises:

11. An animation display device, comprising:

12. The apparatus according to claim 11, wherein the attribute information further includes an image height, an image width, and an image display time; the first direction is longitudinal, the second direction is transverse, and the length of the display screen in the second direction is the width of the display screen; the image display position comprises an initial abscissa and an initial ordinate; the converted attribute information comprises a converted image display position and a converted image width, and the converted image display position comprises a converted initial abscissa and an initial ordinate;

the display direction conversion module is specifically configured to:

13. The apparatus of claim 12, wherein the display direction conversion module is further specifically configured to:

14. A terminal device, comprising: at least one processor and memory;

the memory stores computer-executable instructions;

the at least one processor executing the computer-executable instructions stored by the memory causes the at least one processor to perform the animation display method of any of claims 1 to 10.

15. A computer-readable storage medium having stored thereon computer-executable instructions which, when executed by a processor, implement the animation display method as claimed in any one of claims 1 to 10.