CN112684964B - Preview display method, device, terminal and storage medium - Google Patents

Preview display method, device, terminal and storage medium Download PDF

Info

Publication number
CN112684964B
CN112684964B CN202011562792.3A CN202011562792A CN112684964B CN 112684964 B CN112684964 B CN 112684964B CN 202011562792 A CN202011562792 A CN 202011562792A CN 112684964 B CN112684964 B CN 112684964B
Authority
CN
China
Prior art keywords
preview image
target
display
rendering content
sub
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202011562792.3A
Other languages
Chinese (zh)
Other versions
CN112684964A (en
Inventor
李晓东
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Xiaomi Mobile Software Co Ltd filed Critical Beijing Xiaomi Mobile Software Co Ltd
Priority to CN202011562792.3A priority Critical patent/CN112684964B/en
Publication of CN112684964A publication Critical patent/CN112684964A/en
Application granted granted Critical
Publication of CN112684964B publication Critical patent/CN112684964B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The present disclosure relates to a preview display method, apparatus, terminal and storage medium, the method comprising: displaying a selection interface of the rendered content, wherein the selection interface comprises a preview area; determining target rendering content based on the received selection instruction; and displaying a target preview image of the target rendering content applied to the target display interface in the preview area, wherein the target display interface is a display interface to which the target rendering content is applied, the target preview image comprises a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in the display area where the first sub preview image is located and is displayed on the upper layer of the first sub preview image. The method is convenient for the user to visually and quickly know the actual display effect of the selected target rendering content through the target preview image, and improves the use experience.

Description

Preview display method, device, terminal and storage medium
Technical Field
The present disclosure relates to the field of terminal technologies, and in particular, to a preview display method, an apparatus, a terminal, and a storage medium.
Background
In the related art, in order to improve the user experience, a plurality of display containers are often set in the terminal, and are used for providing a visual display effect for the current state of the terminal.
When the rendering content of the display container is selected, the preview modes are different, however, no matter what preview mode is, only simple static preview is performed on the rendering content, generally, after a user selects a certain rendering content, the user often needs to enter a display interface to which the rendering content is applied, so that the user can know a specific display effect, and the user experience is poor.
Disclosure of Invention
To overcome the problems in the related art, the present disclosure provides a preview display method, apparatus, terminal, and storage medium.
According to a first aspect of the embodiments of the present disclosure, a preview display method is provided, which is applied to a terminal, and the method includes:
displaying a selection interface that renders content, the selection interface including a preview area;
determining target rendering content based on the received selection instruction;
and displaying a target preview image of the target rendering content applied to a target display interface in the preview area, wherein the target display interface is a display interface to which the target rendering content is applied, the target preview image comprises a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in the display area where the first sub preview image is located and is displayed on the upper layer of the first sub preview image.
Optionally, the method further comprises:
determining actual position information, wherein the actual position information represents an actual display position of the target rendering content on the target display interface;
determining first position information, wherein the first position information represents a first display position of the first sub preview image in the preview area;
determining second position information based on the actual position information and the first position information, wherein the second position information represents a second display position of the second sub preview image in the preview area;
the displaying, in the preview area, a target preview image of the target rendering content applied to a target display interface includes:
and displaying the first sub preview image at the first display position of the preview area, and displaying the second sub preview image at the second display position of the preview area.
Optionally, the method comprises:
the target rendering content is a dynamic image, and the first sub-preview image is a dynamic preview image of the target rendering content.
Optionally, the selection interface further includes a selection area, and the determining the target rendering content based on the received selection instruction includes:
displaying a plurality of rendering content identifiers in the selection area, wherein the rendering content identifiers correspond to the rendering contents in a one-to-one mode;
determining a selected rendering content identifier from the plurality of rendering content identifiers based on the received selection instruction;
and determining that the rendering content corresponding to the selected rendering content identification is the target rendering content.
Optionally, the method comprises:
when the target display interface is a display interface of preset real-time parameter information, the first sub preview image comprises a third sub preview image of the preset real-time parameter information.
According to a second aspect of the embodiments of the present disclosure, there is provided a preview display apparatus applied to a terminal, the apparatus including:
a display module for displaying a selection interface of rendered content, the selection interface including a preview area;
a determination module for determining target rendering content based on the received selection instruction;
the display module is further used for displaying a target preview image of the target rendering content applied to a target display interface in the preview area, wherein the target display interface is a display interface to which the target rendering content is applied, the target preview image comprises a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in the display area where the first sub preview image is located and is displayed on the upper layer of the first sub preview image.
Optionally, the determining module is further configured to:
determining actual position information, wherein the actual position information represents an actual display position of the target rendering content on the target display interface;
determining first position information, wherein the first position information represents a first display position of the first sub preview image in the preview area;
determining second position information based on the actual position information and the first position information, wherein the second position information represents a second display position of the second sub preview image in the preview area;
the display module is further configured to:
and displaying the first sub preview image at the first display position of the preview area, and displaying the second sub preview image at the second display position of the preview area.
Optionally, the target rendering content is a dynamic image, and the first sub-preview image is a dynamic preview image of the target rendering content.
Optionally, the selection interface further comprises a selection area,
the display module is further configured to:
displaying a plurality of rendering content identifiers in the selection area, wherein the rendering content identifiers correspond to the rendering contents in a one-to-one mode;
the determining module is further configured to:
determining a selected rendering content identifier from the plurality of rendering content identifiers based on the received selection instruction;
and determining that the rendering content corresponding to the selected rendering content identification is the target rendering content.
Optionally, the display module is further configured to:
when the target display interface is a display interface of preset real-time parameter information, the first sub preview image comprises a third sub preview image of the preset real-time parameter information.
According to a third aspect of the embodiments of the present disclosure, there is provided a terminal, including:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform the method of the first aspect.
According to a fourth aspect of embodiments of the present disclosure, there is provided a non-transitory computer-readable storage medium having instructions which, when executed by a processor of a terminal, enable the terminal to perform the method according to the first aspect.
The technical scheme provided by the embodiment of the disclosure can have the following beneficial effects: according to the method, a preview area is set on a selection interface of the rendering content, and after the target rendering content is determined, a target preview image is displayed in the preview area, wherein the target preview image is a preview image of the target rendering content applied to the target display interface, namely the target preview image comprises a first sub preview image of the target display interface and a second sub preview image of the target rendering content, so that a user can directly know the display effect of the target rendering content when the target rendering content is specifically applied through the target preview image, and the user experience is improved. By the method, when the rendering content of the display container is selected, the user can intuitively and quickly know the actual display effect of the selected target rendering content through visual display and real display of the target preview image corresponding to the display container.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.
Fig. 1 is a flowchart illustrating an image registration method according to an exemplary embodiment.
Fig. 1-1 is a flow chart illustrating an image registration method according to an exemplary embodiment.
Fig. 1-2 are flow diagrams illustrating an image registration method according to an exemplary embodiment.
Fig. 1-3 are flowcharts illustrating an image registration method according to an exemplary embodiment.
Fig. 1-4 are flowcharts illustrating an image registration method according to an exemplary embodiment.
Fig. 2 is a block diagram illustrating an image registration apparatus according to an exemplary embodiment.
Fig. 3 is a block diagram of a terminal shown in accordance with an example embodiment.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. The following description refers to the accompanying drawings in which the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the invention, as detailed in the appended claims.
In the related art, when the rendering content of the display container is selected, the preview modes are different, but no matter what preview mode is, only simple static preview is performed on the rendering content, and a user cannot know a specific position where the rendering content is to be displayed from a preview image, that is, cannot know a specific display effect from the preview image, and user experience is poor.
The application provides a preview display method which is applied to a terminal. According to the method, a preview area is set on a selection interface of the rendering content, and after the target rendering content is determined, a target preview image is displayed in the preview area, wherein the target preview image is a preview image of the target rendering content applied to the target display interface, namely the target preview image comprises a first sub preview image of the target display interface and a second sub preview image of the target rendering content, so that a user can directly know the display effect of the target rendering content when the target rendering content is specifically applied through the target preview image, and the user experience is improved. By the method, when the rendering content of the display container is selected, the user can intuitively and quickly know the actual display effect of the selected target rendering content through visual display and real corresponding display container display target preview images.
In one exemplary embodiment, a preview display method is provided. Referring to fig. 1, the method includes:
s110, displaying a selection interface of the rendered content, wherein the selection interface comprises a preview area;
s120, determining target rendering content based on the received selection instruction;
s130, displaying a target preview image of the target rendering content applied to the target display interface in the preview area, wherein the target display interface is a display interface to which the target rendering content is applied, the target preview image comprises a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in the display area where the first sub preview image is located and is displayed on the upper layer of the first sub preview image.
In step S110, the selection interface for displaying the rendered content may be implemented by a method in the prior art, which is not described herein. For example, a selection interface for rendering the content may be displayed according to a control instruction received by the terminal, which may be input by a user. In addition, a preview area is set in the selection interface and used for displaying a corresponding preview image according to the rendering content selected by the user, so that the user can quickly and directly know the actual display effect of the selected rendering content.
In step S120, a plurality of rendering contents may be set in one display container, and a user may select the rendering contents of the display container according to a requirement. When a user inputs a selection instruction for determining a certain rendering content, the terminal receives the selection instruction, and then the rendering content selected by the user can be determined as a target rendering content. And displaying the target rendering content in the display area corresponding to the display container on the display interface of the display container application.
In step S130, after the target rendering content is determined, a target preview image is displayed in the preview area, where the target preview image is a preview image of the target rendering image, and the target rendering image is an actual effect image of the target rendering content applied to the target display interface. The target preview image comprises a first sub preview image and a second sub preview image, the first sub preview image is a preview image of a target display interface, the second sub preview image is a preview image of target rendering content, the second sub preview image is displayed in a display area where the first sub preview image is located, and the second sub preview image is displayed on the upper layer of the first sub preview image, namely, the second sub preview image covers the first sub preview image for display. It should be noted that the image in this method includes both types of moving image and still image. That is, the first sub preview image and the second sub preview image in this method may be moving images or still images.
It should be noted that in this method, content indicating the type of the target display container is also displayed in the preview area. For example, referring to fig. 1-1, if the target display container is a "charging effect" type display container, the word "charging effect" may be displayed at the top of the preview area to facilitate the user to know the type of the target display container.
In the method, after the target rendering content is determined, a user can view a target preview image of an actual effect image when the target rendering content is applied to a target display interface in a preview area, so that the user can directly know the display effect of the target rendering content when the target rendering content is specifically applied through the target preview image. When the user selects the rendering content of the display container, the user can intuitively and quickly know the actual display effect of the selected target rendering content through visual display and real corresponding display container display target preview images, and the use experience of the user is improved.
In one exemplary embodiment, there is provided a preview display method, further comprising:
s210, determining actual position information;
s220, determining first position information;
and S230, determining second position information based on the actual position information and the first position information.
In step S210, the actual position information represents an actual display position of the target rendered content on the target display interface.
The actual display position is also the display position of the display container to which the target rendering content belongs on the target display interface. It will be appreciated that when the display container is set, the terminal stores the above-mentioned actual position information. After a selection interface of the rendered content is entered, a target display container corresponding to the selection interface can be determined, and then actual position information corresponding to the target display container is obtained.
It should be noted that the actual location information may also be determined by other methods in the prior art, which is not described herein.
In step S220, the first position information represents a first display position of the first sub preview image in the preview area.
It will be appreciated that the first location information may also be pre-stored in the terminal. And when a selection interface of the rendered content is entered, first position information corresponding to the selection interface can be acquired.
It is noted that the first position information may also be determined based on the target display container. For example, the terminal is preset with configuration information, and the configuration information includes a mapping relationship between the first position information and the display container. After the target display container is determined, the first position information corresponding to the target display container can be searched and determined based on the configuration information.
The first location information may also be determined by other methods in the prior art, which are not described herein.
In step S230, the second position information represents a second display position of the second sub preview image in the preview area.
The second display position of the second sub preview image in the preview area is determined according to the actual display position of the target rendering content in the target display interface and the first display position of the first sub preview image in the preview area, so that the first relative relationship in the target preview image is the same as the first relative relationship in the actual effect image, wherein the first relative relationship in the target preview image is the relative relationship between the second sub preview image and the first sub preview image, and the first relative relationship in the actual effect image is the relative relationship between the target rendering content and the target display interface, that is, the relative relationship between the target display container and the target display interface. Wherein the relative relationship includes a relative relationship of size and a relative relationship of position.
In the method, displaying a target preview image of target rendering content applied to a target display interface in a preview area comprises:
and displaying the first sub preview image at the first display position of the preview area, and displaying the second sub preview image at the second display position of the preview area. By the method, when the user selects the rendering content of the display container, the user can intuitively and quickly know the actual display effect of the selected target rendering content through the preview image, and the use experience of the user is improved.
In one exemplary embodiment, a preview display method is provided. The method comprises the following steps: the target rendering content is a dynamic image, and the first sub-preview image is a dynamic preview image of the target rendering content.
In the related art, no matter the rendering content of the display container is a dynamic image or a static image, the preview image is a static preview image, and a user cannot directly know the specific display effect of the selected rendering content from the preview image, so that the user experience is very poor. In the method, when the target rendering content is a dynamic image, the first sub-preview image in the target preview image is also a dynamic preview image, and the user can more intuitively know the actual display effect of the selected target rendering content through the target preview image, so that the use experience of the user is improved.
In one exemplary embodiment, a preview display method is provided. The method comprises the following steps: when the target display interface displays the preset real-time parameter information, the target preview image comprises a third sub preview image of the preset real-time parameter information. The second relative relationship in the target preview image is the same as the second relative relationship in the actual effect image, the second relative relationship in the target preview image is the relative relationship between the third sub preview image and the first sub preview image, and the second relative relationship in the actual effect image is the relative relationship between the preset real-time parameter information and the target display interface.
The preset real-time parameter information comprises at least one of the following: current charge information of the battery, real-time download speed information, real-time information (e.g., year, month, day, hour, minute, second, etc.).
For example, the target display interface is a display interface when the terminal is charged, the preset real-time parameter information included in the target display interface is current electric quantity information of the battery, and as shown in fig. 1-1, the target preview image includes a third sub preview image of the current electric quantity information of the battery.
It should be noted that, in this method, the determination of the content of the third sub preview image can be implemented by the prior art, and details are not described herein. The method for determining the third position information of the third sub-preview image may refer to the method for determining the first position information and/or the method for determining the second position information, and certainly, the determination of the first position information may also be implemented by other methods in the prior art, which is not described herein again.
According to the method, when the target display interface displays the preset real-time parameter information, the preview area displays the third sub preview image corresponding to the preset real-time parameter information, namely the target preview image comprises the third sub preview image, a user can know the relative position relation among the preset real-time parameter information, the target rendering content and the target display interface in the actual display effect according to the target preview image, the user can know the actual display effect of the selected target rendering content more intuitively, and the use experience of the user is improved.
In one exemplary embodiment, a preview display method is provided. In the method, the selection interface further comprises a selection area, and the target rendering content is determined based on the received selection instruction, and the method comprises the following steps:
s310, displaying a plurality of rendering content identifiers in a selection area, wherein the rendering content identifiers correspond to the rendering contents one to one;
s320, based on the received selection instruction, determining the selected rendering content identifier from the rendering content identifiers;
s330, determining the rendering content corresponding to the selected rendering content identification as the target rendering content.
In step S310, the selection area displays a plurality of rendering content identifiers, each rendering content identifier corresponds to a rendering content, and a user can roughly know the display effect of the corresponding rendering content through the rendering content identifiers, so that the user can perform preliminary selection. The specific setting manner of the rendering content identifier may be implemented by the prior art, and is not described herein again.
In step S320, the user may input a selection instruction through the display screen of the terminal, and after receiving the selection instruction, the processor of the terminal may determine the selected rendering content identifier. Of course, the processor may also receive the selection instruction by other methods in the prior art, which are not described herein again.
In step S330, after the selected rendering content identifier is determined, the rendering content corresponding to the selected rendering content identifier is determined as the target rendering content, and then a preview image (i.e., a second sub-preview image) of the target rendering content is displayed in the preview area.
According to the method, the plurality of rendering content identifiers are set in the selection area, so that the user can conveniently screen the rendering content, the target rendering content can be quickly determined, and the user experience is improved.
It should be noted that the preview display method provided by the present disclosure can be applied to various types of display containers, and in order to better understand the above preview display method, the present disclosure also provides the following four specific embodiments for illustration.
Embodiment 1:
referring to fig. 1-1, the display container in this embodiment is applied to the information screen charging state of the terminal, and is, for example, a "charging effect" display container. When the terminal is in a screen-off state and is charging, the display interface is a black screen interface (target display interface), current electric quantity information (preset real-time parameter information) of the battery is displayed on the black screen interface, and the determined rendering content of the display container is displayed on the black screen interface.
After entering a selection interface for rendering content, the selection interface comprises a preview area and a selection area which are arranged longitudinally, and the top end part of the preview area displays a charging effect word so that a user can know the type of a display container corresponding to the selection interface. The selection area comprises a plurality of rendering content identifications, the rendering content identifications are transversely arranged, and a user can determine the type of the rendering content identifications displayed in the selection area by inputting sliding touch information in the selection area.
The selection area is displayed with three rendering content identifications, and the names of the three rendering content identifications are full screen battery, top speed and lollipop respectively. The user can render the area where the content identification is located by clicking the full-screen battery and input a selection instruction to the terminal. And after receiving the selection instruction, the processor of the terminal determines that the full-screen battery rendering content identifier is the selected rendering content identifier, and then determines the rendering content corresponding to the full-screen battery rendering content identifier as the target rendering content.
After determining the target rendering content, a processor of the terminal displays a target preview image in a preview area, wherein the target preview image comprises a first sub preview image, a second sub preview image and a third sub preview image, the first sub preview image is a preview image of a black screen interface, the second sub preview image is a preview image of rendering content corresponding to a full-screen battery rendering content identifier, and the third sub preview image is a preview image of current electric quantity information of a battery.
The user can directly and intuitively know the actual display effect of the rendered content corresponding to the rendered content identifier of the full-screen battery in the screen charge state of the terminal through the target preview image.
Embodiment 2:
referring to fig. 1-2, the display container in this embodiment is applied to a fingerprint unlock state of a terminal, and is, for example, a "fingerprint unlock animation" display container. When the terminal is in a fingerprint unlocking state, namely a user unlocks the terminal through a fingerprint, a display interface of the terminal is a black screen interface (target display interface), current time information (preset real-time parameter information) is displayed on the black screen interface, and the determined rendering content of the display container is displayed on the black screen interface.
After entering a selection interface for rendering content, the top end part of the preview area displays a character of 'fingerprint unlocking animation' so that a user can know the type of a display container corresponding to the selection interface. The selection area comprises a plurality of rendering content identifiers, three rendering content identifiers are completely displayed in the selection area, and the names of the three rendering content identifiers are 'none' (no rendering content is identified), 'pulse' and 'streamer' respectively.
Based on the selection instruction, after determining that the rendering content corresponding to the pulse rendering content identifier is the target rendering content, the processor of the terminal displays a target preview image in the preview area, wherein the target preview image includes a first sub preview image, a second sub preview image and a third sub preview image, the first sub preview image is a preview image of a black screen interface, the second sub preview image is a preview image of the rendering content corresponding to the pulse rendering content identifier, and the third sub preview image is a preview image of the current time information.
The user can directly and intuitively know the actual display effect of the rendering content corresponding to the pulse rendering content identification in the fingerprint unlocking state of the terminal through the target preview image.
Embodiment 3:
referring to fig. 1 to 3, the display container in this embodiment is applied to a notification reminder state when the terminal is in a rest screen, and is, for example, a "notification reminder style" display container. When the terminal is in a screen-off state, certain information is received, and when a notification prompt is displayed on the display screen, the display interface of the terminal is a black screen interface (target display interface), current time information (preset real-time parameter information) is displayed on the black screen interface, and the determined rendering content of the display container is displayed on the black screen interface.
After entering a selection interface of the rendered content, displaying a 'fingerprint unlocking animation notification reminding style' on the top end part of the preview area so that a user can know the type of a display container corresponding to the selection interface. The selection area comprises a plurality of rendering content identifiers, three rendering content identifiers are completely displayed in the selection area, and the names of the three rendering content identifiers are 'none (no rendering content identifier),' bright screen '(the terminal is directly changed from a screen on state to a bright screen state)' and 'pulse' respectively.
Based on the selection instruction, after determining that the rendering content corresponding to the pulse rendering content identifier is the target rendering content, a processor of the terminal displays a target preview image in a preview area, wherein the target preview image includes a first sub preview image, a second sub preview image and a third sub preview image, the first sub preview image is a preview image of a black screen interface, the second sub preview image is a preview image of the rendering content corresponding to the pulse rendering content identifier, and the third sub preview image is a preview image of current time information.
The user can directly and intuitively know the actual display effect of informing the reminding state when the rendering content corresponding to the pulse rendering content identification is displayed on the screen of the terminal through the target preview image.
Embodiment 4:
referring to fig. 1 to 4, a fingerprint icon display state when the display container in this embodiment is applied to a message screen of a terminal is shown, for example, as a "fingerprint icon style" display container. When the terminal is in a screen-off state and the fingerprint icon at the fingerprint unlocking position is in a display state, the display interface of the terminal is a black screen interface (target display interface), current time information (preset real-time parameter information) is displayed on the black screen interface, and the determined rendering content of the display container is displayed on the black screen interface.
After entering a selection interface for rendering content, the top end part of the preview area displays a 'fingerprint icon style' word, so that a user can know the type of a display container corresponding to the selection interface. The selection area comprises a plurality of rendering content identifications, three rendering content identifications are completely displayed in the selection area, and the names of the three rendering content identifications are space, star and space respectively.
Based on the selection instruction, after determining that the rendering content corresponding to the space rendering content identifier is the target rendering content, a processor of the terminal displays a target preview image in a preview area, wherein the target preview image includes a first sub preview image, a second sub preview image and a third sub preview image, the first sub preview image is a preview image of a black screen interface, the second sub preview image is a preview image of the rendering content corresponding to the space rendering content identifier, and the third sub preview image is a preview image of current time information.
The user can directly and intuitively know the actual display effect of the display state of the fingerprint icon when the rendering content corresponding to the space rendering content identification is displayed on the screen of the terminal through the target preview image.
The disclosure also provides a preview display device, which is applied to the terminal. The device is used for implementing the preview display method. According to the device, the preview area is set on the selection interface of the rendering content, and after the target rendering content is determined, the target preview image is displayed in the preview area, wherein the target preview image is a preview image of the target rendering content applied to the target display interface, namely, the target preview image comprises a first sub preview image of the target display interface and a second sub preview image of the target rendering content, so that a user can directly know the display effect of the target rendering content during specific application through the target preview image, and the user experience is improved. By the method, when the rendering content of the display container is selected, the user can intuitively and quickly know the actual display effect of the selected target rendering content through visual display and real corresponding display container display target preview images.
In one exemplary embodiment, a preview display apparatus is provided. Referring to fig. 2, the apparatus includes a display module 101 and a determination module 102, and in the course of implementing the above-described preview display method,
a display module 101, configured to display a selection interface for rendering content, where the selection interface includes a preview area;
a determining module 102, configured to determine target rendering content based on the received selection instruction;
the display module 101 is further configured to display, in a preview area, a target preview image of a target rendering content applied to a target display interface, where the target display interface is a display interface to which the target rendering content is to be applied, the target preview image includes a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in a display area where the first sub preview image is located and is displayed on an upper layer of the first sub preview image.
In one exemplary embodiment, a preview display apparatus is provided. The apparatus is an improvement of the above apparatus, and specifically, referring to fig. 2, in the apparatus, the determining module 102 is further configured to:
determining actual position information, wherein the actual position information represents the actual display position of the target rendering content on the target display interface;
determining first position information, wherein the first position information represents a first display position of the first sub preview image in the preview area;
determining second position information based on the actual position information and the first position information, wherein the second position information represents a second display position of the second sub preview image in the preview area;
in the apparatus, the display module 101 is further configured to:
and displaying the first sub preview image at the first display position of the preview area, and displaying the second sub preview image at the second display position of the preview area.
In one exemplary embodiment, a preview display apparatus is provided. The device is an improvement of the device, and specifically, in the device, the target rendering content is a dynamic image, and the first sub preview image is a dynamic preview image of the target rendering content.
In one exemplary embodiment, a preview display apparatus is provided. The device is an improvement of the above device, and specifically, referring to fig. 2, the device, wherein the selection interface further comprises a selection area,
the display module 101 is further configured to:
displaying a plurality of rendering content identifiers in a selection area, wherein the rendering content identifiers correspond to the rendering contents one to one;
the determining module 102 is further configured to:
determining a selected rendering content identifier from a plurality of rendering content identifiers based on the received selection instruction;
and determining that the rendering content corresponding to the selected rendering content identification is the target rendering content.
In one exemplary embodiment, a preview display apparatus is provided. The apparatus is an improvement of the above apparatus, and specifically, referring to fig. 2, the apparatus, wherein the display module 101, is further configured to:
when the target display interface is a display interface of preset real-time parameter information, the first sub preview image comprises a third sub preview image of the preset real-time parameter information.
In one exemplary embodiment, a terminal is provided, for example, the terminal may be a mobile phone, a tablet computer, a notebook computer, or the like having rendering contents that can select a display container.
Referring to fig. 3, the terminal 400 may include one or more of the following components: a processing component 402, a memory 404, a power component 406, a multimedia component 408, an audio component 410, an interface for input/output (I/O) 412, a sensor component 414, and a communication component 416.
The processing component 402 generally controls overall operation of the terminal 400, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 402 may include one or more processors 420 to execute instructions to perform all or a portion of the steps of the methods described above. Further, the processing component 402 can include one or more modules that facilitate interaction between the processing component 402 and other components. For example, the processing component 402 can include a multimedia module to facilitate interaction between the multimedia component 408 and the processing component 402.
The memory 404 is configured to store various types of data to support operations at the terminal 400. Examples of such data include instructions for any application or method operating on the terminal 400, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 404 may be implemented by any type or combination of volatile or non-volatile storage devices, 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 disks.
The power components 406 provide power to the various components of the terminal 400. The power components 406 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for the terminal 400.
The multimedia component 408 includes a screen providing an output interface between the terminal 400 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 408 includes a front camera module and/or a rear camera module. When the terminal 400 is in an operating mode, such as a shooting mode or a video mode, the front camera module and/or the rear camera module can receive external multimedia data. Each front camera module and rear camera module may be a fixed optical lens system or have a focal length and optical zoom capability.
The audio component 410 is configured to output and/or input audio signals. For example, the audio component 410 includes a Microphone (MIC) configured to receive external audio signals when the terminal 400 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 404 or transmitted via the communication component 416. In some embodiments, audio component 410 also includes a speaker for outputting audio signals.
The I/O interface 412 provides an interface between the processing component 402 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The sensor component 414 includes one or more sensors for providing various aspects of status assessment for the terminal 400. For example, the sensor assembly 414 can detect an open/closed state of the terminal 400, relative positioning of components, such as a display and keypad of the terminal 400, the sensor assembly 414 can also detect a change in position of the terminal 400 or a component of the terminal 400, the presence or absence of user contact with the terminal 400, orientation or acceleration/deceleration of the terminal 400, and a change in temperature of the terminal 400. The sensor assembly 414 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 414 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 414 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 416 is configured to facilitate communications between the terminal 400 and other devices in a wired or wireless manner. The device 700 may access a wireless network based on a communication standard, such as WiFi, 2G, 3G, 4G, 5G, or a combination thereof. In an exemplary embodiment, the communication component 416 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 416 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, ultra Wideband (UWB) technology, bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the terminal 400 may be implemented by one or more Application Specific Integrated Circuits (ASICs), digital Signal Processors (DSPs), digital Signal Processing Devices (DSPDs), programmable Logic Devices (PLDs), field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described methods.
In an exemplary embodiment, a non-transitory computer-readable storage medium comprising instructions, such as the memory 404 comprising instructions, executable by the processor 420 of the terminal 400 to perform the above-described method is also provided. For example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like. The instructions in the storage medium, when executed by a processor of the terminal, enable the terminal to perform the methods shown in the above-described embodiments.
Other embodiments of the invention will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the invention and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the invention being indicated by the following claims.
It will be understood that the invention is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the invention is limited only by the appended claims.

Claims (10)

1. A preview display method is applied to a terminal, and is characterized by comprising the following steps:
displaying a selection interface that renders content, the selection interface including a preview area;
determining target rendering content based on the received selection instruction;
displaying a target preview image of the target rendering content applied to a target display interface in the preview area, wherein the target display interface is a display interface to which the target rendering content is applied, the target preview image comprises a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in the display area where the first sub preview image is located and is displayed on the upper layer of the first sub preview image;
the terminal is provided with a plurality of display containers, and each display container is provided with a plurality of rendering contents; the method further comprises the following steps:
determining actual position information, wherein the actual position information represents an actual display position of the display container to which the target rendering content belongs on the target display interface;
determining first position information, wherein the first position information represents a first display position of the first sub preview image in the preview area;
determining second position information based on the actual position information and the first position information, wherein the second position information represents a second display position of the second sub preview image in the preview area;
the displaying, in the preview area, a target preview image of the target rendering content applied to a target display interface includes:
and displaying the first sub preview image at the first display position of the preview area, and displaying the second sub preview image at the second display position of the preview area.
2. The method according to claim 1, characterized in that it comprises:
the target rendering content is a dynamic image, and the first sub preview image is a dynamic preview image of the target rendering content.
3. The method of claim 1, wherein the selection interface further comprises a selection area, and wherein determining target rendering content based on the received selection instruction comprises:
displaying a plurality of rendering content identifiers in the selection area, wherein the rendering content identifiers correspond to the rendering contents in a one-to-one mode;
determining a selected rendering content identifier from the plurality of rendering content identifiers based on the received selection instruction;
and determining that the rendering content corresponding to the selected rendering content identification is the target rendering content.
4. The method according to claim 1, characterized in that it comprises:
when the target display interface is a display interface of preset real-time parameter information, the first sub preview image comprises a third sub preview image of the preset real-time parameter information.
5. A preview display apparatus applied to a terminal, the apparatus comprising:
a display module for displaying a selection interface of rendered content, the selection interface including a preview area;
a determination module for determining target rendering content based on the received selection instruction;
the display module is further configured to display a target preview image, to which the target rendering content is applied, in the preview area, where the target display interface is a display interface to which the target rendering content is to be applied, the target preview image includes a first sub preview image and a second sub preview image, the first sub preview image is a preview image of the target display interface, the second sub preview image is a preview image of the target rendering content, and the second sub preview image is displayed in the display area where the first sub preview image is located and is displayed on an upper layer of the first sub preview image;
the terminal is provided with a plurality of display containers, and each display container is provided with a plurality of rendering contents; the determining module is further configured to:
determining actual position information, wherein the actual position information represents an actual display position of the display container to which the target rendering content belongs on the target display interface;
determining first position information, wherein the first position information represents a first display position of the first sub preview image in the preview area;
determining second position information based on the actual position information and the first position information, wherein the second position information represents a second display position of the second sub preview image in the preview area;
the display module is further configured to:
and displaying the first sub preview image at the first display position of the preview area, and displaying the second sub preview image at the second display position of the preview area.
6. The apparatus of claim 5, wherein the target rendered content is a dynamic image, and wherein the first sub-preview image is a dynamic preview image of the target rendered content.
7. The apparatus of claim 5, wherein the selection interface further comprises a selection area,
the display module is further configured to:
displaying a plurality of rendering content identifiers in the selection area, wherein the rendering content identifiers correspond to the rendering contents in a one-to-one mode;
the determining module is further configured to:
determining a selected rendering content identifier from the plurality of rendering content identifiers based on the received selection instruction;
and determining that the rendering content corresponding to the selected rendering content identification is the target rendering content.
8. The apparatus of claim 5, wherein the display module is further configured to:
when the target display interface is a display interface of preset real-time parameter information, the first sub preview image comprises a third sub preview image of the preset real-time parameter information.
9. A terminal, characterized in that the terminal comprises:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform the preview display method of any of claims 1 to 4.
10. A non-transitory computer readable storage medium, wherein instructions in the storage medium, when executed by a processor of a terminal, enable the terminal to perform the preview display method of any of claims 1 to 4.
CN202011562792.3A 2020-12-25 2020-12-25 Preview display method, device, terminal and storage medium Active CN112684964B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011562792.3A CN112684964B (en) 2020-12-25 2020-12-25 Preview display method, device, terminal and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011562792.3A CN112684964B (en) 2020-12-25 2020-12-25 Preview display method, device, terminal and storage medium

Publications (2)

Publication Number Publication Date
CN112684964A CN112684964A (en) 2021-04-20
CN112684964B true CN112684964B (en) 2023-04-07

Family

ID=75453254

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011562792.3A Active CN112684964B (en) 2020-12-25 2020-12-25 Preview display method, device, terminal and storage medium

Country Status (1)

Country Link
CN (1) CN112684964B (en)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105701197A (en) * 2016-01-11 2016-06-22 北京小米移动软件有限公司 Page previewing method and device

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160048605A1 (en) * 2014-08-14 2016-02-18 International Business Machines Corporation Integrating image renditions and page layout
CN106200914B (en) * 2016-06-28 2019-04-05 Oppo广东移动通信有限公司 Triggering method, device and the photographing device of augmented reality
CN109358785B (en) * 2018-09-26 2021-10-26 北京小米移动软件有限公司 Theme preview method and device
CN109660714A (en) * 2018-10-31 2019-04-19 百度在线网络技术(北京)有限公司 Image processing method, device, equipment and storage medium based on AR
CN111045673B (en) * 2019-11-29 2023-11-17 广州久邦世纪科技有限公司 Method and terminal for manufacturing dynamic wallpaper through real-time previewing
CN112073299B (en) * 2020-08-27 2022-06-03 腾讯科技(深圳)有限公司 Plot chat method

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105701197A (en) * 2016-01-11 2016-06-22 北京小米移动软件有限公司 Page previewing method and device

Also Published As

Publication number Publication date
CN112684964A (en) 2021-04-20

Similar Documents

Publication Publication Date Title
US20180088764A1 (en) Method, apparatus, and storage medium for sharing content
CN105159640B (en) Display interface rotating method and device and mobile terminal
CN106325674B (en) Message prompting method and device
CN106528252B (en) Object starts method and device
CN110662095B (en) Screen projection processing method and device, terminal and storage medium
CN106469054B (en) Notification message control method and device and terminal
US9661132B2 (en) Method, apparatus, and storage medium for displaying a conversation interface
CN107193606B (en) Application distribution method and device
EP3731088B1 (en) Method and device for displaying information and storage medium
EP3016048B1 (en) Method and device for displaying a reminder based on geographic criteria
CN105487805B (en) Object operation method and device
CN108804179B (en) Method, device, terminal and storage medium for displaying notification bar message
US20170155604A1 (en) Method and device for processing information
CN107229403B (en) Information content selection method and device
CN106155703B (en) Emotional state display method and device
CN111552426B (en) Intelligent equipment operation method and device and storage medium
CN109218509B (en) Information screen display method and device and computer readable storage medium
CN107402767B (en) Method and device for displaying push message
CN110209445B (en) Information reminding method, device, terminal and storage medium
US10225387B2 (en) Call processing method and device
EP3104282A1 (en) Search method and search apparatus
CN107295167B (en) Information display method and device
CN112684964B (en) Preview display method, device, terminal and storage medium
CN112988296A (en) Interface display method and device, terminal equipment and storage medium
CN107679123B (en) Picture naming method and device

Legal Events

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