Control display method, device, electronic device, storage medium and program product

Abstract

The embodiments of the present disclosure provide a method, device, electronic device, storage medium and program product for displaying a control. The method comprises: in response to a display operation on a target page, displaying the target page and displaying a target control in the target page; in response to displaying the target control in the target page, displaying an associated control of the target control in the target page, wherein at least one of the associated controls displays at least two associated images. By adopting the above technical solution, the embodiments of the present disclosure can enrich the display mode of the controls in the page and improve the user experience.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of computer technology, and in particular, to a method, device, electronic device, storage medium, and program product for displaying a control. Background Art

[0002] At present, when a shooting page is displayed, shooting controls and other controls can be displayed in the shooting page. However, the display mode of controls in the shooting page in the prior art is relatively single, resulting in poor user experience. Summary of the invention

[0003] The embodiments of the present disclosure provide a method, device, electronic device, storage medium, and program product for displaying controls to enrich the display mode of controls in a shooting page.

[0004] In a first aspect, an embodiment of the present disclosure provides a method for displaying a control, including:

[0005] In response to a display operation on a target page, display the target page and display a target control in the target page;

[0006] In response to displaying the target control in the target page, associated controls of the target control are displayed in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0007] In a second aspect, an embodiment of the present disclosure further provides a display device for a control, including:

[0008] A target control display module, used for displaying the target page and displaying the target control in the target page in response to a display operation on the target page;

[0009] An associated control display module is used to display associated controls of the target control in the target page in response to displaying the target control in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0010] In a third aspect, an embodiment of the present disclosure further provides an electronic device, including:

[0011] one or more processors;

[0012] a memory for storing one or more programs,

[0013] When the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying controls as described in the embodiments of the present disclosure.

[0014] In a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the method for displaying a control as described in the embodiment of the present disclosure.

[0015] In a fifth aspect, the embodiments of the present disclosure further provide a computer program product. When the computer program product is executed by a computer, the computer implements the method for displaying controls as described in the embodiments of the present disclosure.

[0016] The control display method, device, electronic device, storage medium and program product provided by the embodiments of the present disclosure display a target page in response to a display operation on the target page, and display a target control in the target page; in response to displaying the target control in the target page, display an associated control of the target control in the target page, wherein at least two associated images are displayed in at least one associated control. By adopting the above technical solution, after displaying the target control, the associated images of the target control are displayed, and the associated images of the control are displayed in the associated controls, which can enrich the display mode of the controls in the page and improve the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0018] Figure 1 A flowchart of a method for displaying a control provided by an embodiment of the present disclosure;

[0019] Figure 2 A display schematic diagram of a target control provided by an embodiment of the present disclosure;

[0020] Figure 3 A display schematic diagram of an associated control provided by an embodiment of the present disclosure;

[0021] Figure 4 A schematic diagram of displaying another associated control provided by an embodiment of the present disclosure;

[0022] Figure 5 A flowchart of another method for displaying a control provided by an embodiment of the present disclosure;

[0023] Figure 6 A schematic diagram of displaying another associated control provided by an embodiment of the present disclosure;

[0024] Figure 7 A structural block diagram of a display device of a control provided in an embodiment of the present disclosure;

[0025] Figure 8 A schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0026] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0027] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0028] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0029] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0030] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0031] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0032] Figure 1 A flowchart of a method for displaying a control provided in an embodiment of the present disclosure. The method can be executed by a display device for the control, wherein the device can be implemented by software and / or hardware and can be configured in an electronic device, typically a mobile phone or a tablet computer. The method for displaying a control provided in an embodiment of the present disclosure is suitable for displaying a control, and is particularly suitable for displaying a control on a shooting page. Figure 1As shown, the control display method provided in this embodiment may include:

[0033] S101. In response to a display operation on a target page, the target page is displayed, and a target control is displayed in the target page.

[0034] The display operation for the target page can be understood as a trigger operation for displaying the target page, such as a trigger operation for switching from other pages to the target page. The target page can be the page indicated by the display operation, and the page can be provided with a target control and at least one associated control of the target control. Exemplarily, the target page can be a shooting page, and the target control can be a shooting control in the shooting page for triggering shooting of videos and / or pictures.

[0035] Specifically, the target page can be displayed based on the display operation. For example, when the user wants to enter the target page, he performs a display operation for the target page, such as triggering a corresponding control in the application software for indicating entering the target page; accordingly, when the electronic device detects the user's display operation for the target page, it can display the target page and display the target control 20 in the target page, such as Figure 2 shown.

[0036] S102: In response to displaying the target control in the target page, displaying associated controls of the target control in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0037] The associated control may be a control that needs to be displayed in the target page when the target page is displayed and is associated with the target control, such as a control for triggering the execution of a function that assists the target control in executing its corresponding function or a function corresponding to the target control, etc. When the target control is a shooting control, for example, the associated control may be a prop control for triggering the display of a shooting prop list, a special effect control for triggering the display of a shooting special effect list, or an album control for triggering the display of pictures / videos stored in the user's album, etc.

[0038] Specifically, when the target page is displayed, such as after the target control is displayed in the target page, the associated controls of the target control can be displayed in the target page, and at least two associated pictures corresponding to the associated control can be displayed in one or more associated controls to enrich the display method of the control.

[0039] In one embodiment, displaying the associated controls of the target control in the target page includes: controlling at least one associated control of the target control to move from a display position of the target control to the target page for display.

[0040] Specifically, after the target control is displayed in the target page, such as after the target control is displayed in the target page for a preset time length (such as 0.5s or 1s, etc.), at least one associated control of the target control can be automatically controlled to move from the display position of the target control to the target page for display. Exemplarily, the associated control of the target control can be displayed at the bottom layer of the target control (that is, the associated control of the target control is visually blocked by the target control), and the associated control is controlled to move to its corresponding display position; when it moves to the display position corresponding to the associated control, the associated control is controlled to stop moving, so as to keep displaying the associated control of the target control at its corresponding display position.

[0041] In this embodiment, when the target page is displayed, after the target control is displayed, the associated control with the target control can be controlled to appear from the display position of the target control and moved to its corresponding display position for display, instead of displaying the target control and the associated control of the target control in the target page at the same time (that is, the target control and the associated control of the target control appear in the target page at the same time) when the target page is displayed. This can enrich the display method of the controls in the target page (such as the shooting page) and improve the user experience.

[0042] Optionally, the control of moving at least one associated control of the target control from the display position of the target control into the target page for display includes: controlling a first associated control of the target control to move from the first display position of the target control into the target page along a first direction, and controlling the first associated control to continue moving along the first direction to a first preset position of the target page for display; and / or controlling a second associated control of the target control to move from the second display position of the target control into the target page along a second direction, and controlling the second associated control to continue moving along the second direction to a second preset position of the target page for display.

[0043] Among them, the first associated control and the second associated control are two associated controls of the target control. When the target control is a shooting control, the first associated control may be, for example, a prop control, and the second associated control may be, for example, an album control. The first direction may be the moving direction of the first associated control, and the second direction may be the moving direction of the second associated control. The first direction and the second direction may be the same or different. The following description is made by taking the first direction and the second direction as two opposite directions as an example. The first display position and the second display position are both display positions of the target control. These two display positions may be the same or different. When they are different, the first display position may be, for example, the left boundary / right boundary of the target control, and the second display position may be, for example, the right boundary / left boundary of the target control. The first preset position may be understood as the preset display position of the first associated control in the target page; the second preset position may be understood as the preset display position of the second associated control in the target page, and it may be a different display position from the first preset position.

[0044] Taking the control of the movement of the first associated control and the second associated control as an example, after the target control is displayed in the target page, the first associated control and the second associated control can be controlled to move into the target page at the same time, and continue to move in the target page until they move to the corresponding preset positions. That is, the first associated control is controlled to move into the target page from the first display position of the target control, and at the same time, the second associated control is controlled to move into the target page from the second display position of the target control; and the first associated control is continued to be controlled to move along the first direction to the first preset position, and at the same time, the first associated control is continued to be controlled to move along the second direction to the second preset position; and when the first associated control moves to the first preset position, the first associated control is no longer controlled to move, so as to keep the first associated control displayed at the first preset position, and when the second associated control moves to the second preset position, the second associated control is no longer controlled to move, so as to keep the second associated control displayed at the second preset position.

[0045] For example, the target page is a shooting page, the target control 20 is a shooting control, the first associated control 21 is a prop control, and the second associated control 22 is an album control. Figure 3 As shown, the prop control can be controlled to move from the left side of the shooting control to the left into the shooting page, and the album control can be controlled to move from the right side of the shooting control to the right into the shooting page, and the prop control can be controlled to continue to move to the left until the prop control moves to the first display position, and the album control can be controlled to continue to move until the album control moves to the second preset position, as shown. Figure 4 shown.

[0046] In addition, in the process of controlling the movement of the first associated control and the second associated control, the transparency of the first associated control and the second associated control may be gradually increased until the transparency of the first associated control and the second associated control increases to a preset transparency.

[0047] It can be understood that after the target control is displayed in the target page, in addition to controlling the first associated control and the second associated control to move into the target page at the same time and move in the target page at the same time, the first associated control and the second associated control can also be controlled not to move into the target page at the same time and / or not to move in the target page at the same time, such as the first associated control / the second associated control can be first controlled to move into the target page and continue to move in the target page until the first associated control / the second associated control moves to the first preset position / the second preset position; and after the first associated control / the second associated control moves into the target page or moves to the first preset position / the second preset position of the target page, the second associated control / the first associated control can be controlled to move into the target page and continue to move in the target page until the second associated control / the first associated control moves to the second preset position / the first preset position.

[0048] In the above implementation, when the second associated control is initially displayed, such as when the second associated control is initially moved into the target page, only the preset pattern can be displayed in the second associated control; and further, during the movement of the second associated control or after it moves to the second preset position, the preset pattern displayed in the second associated control can be switched to at least two associated pictures corresponding to the second associated control, such as canceling the display of the preset pattern, and displaying at least two associated pictures corresponding to the second associated control in the second associated control in a stacked form, so as to further enrich the display mode of the second associated control. At this time, the control of the second associated control to continue to move along the second direction to the second preset position of the target page for display may include: switching the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control, wherein the at least two associated pictures are displayed in a stacked form.

[0049] Among them, the preset pattern can be a pre-set pattern that is unrelated to the content displayed after the second associated control is triggered. The associated picture can be a pattern associated with the second associated control, such as a pattern associated with the content displayed after the second control is triggered. Optionally, the second associated control is used to trigger the display of a target picture, and the target picture includes the at least two associated pictures. That is, when the second associated control is an album control, the at least two associated pictures can be thumbnails of pictures in the album displayed after the second associated control is triggered, such as thumbnails of the most recently taken pictures in the album and / or thumbnails of the covers of the most recently taken videos in the album, etc.

[0050] In another embodiment, displaying the associated controls of the target control in the target page includes: displaying a third associated control of the target control at a third preset position of the target page, wherein the third associated control includes at least two associated pictures; controlling at least one of the associated pictures to rotate to display the at least two associated pictures.

[0051] Among them, the third associated control can be an associated control of the target control, and it can be the same or different control as the second associated control. The third preset position can be understood as the preset display position of the third associated control in the target page. When the third associated control and the second associated control are the same control, the third preset position can be the same as the second preset position; when the third associated control and the second associated control are different, the third preset position can be the same as or different from the second preset position, such as the second associated control and the third associated control can be switched and displayed at the same preset position according to the set switching condition.

[0052] In the above scheme, the third associated control may not be controlled to move, and the third associated control may be directly displayed at the third preset position of the target page. For example, at least two associated pictures corresponding to the third associated control are first displayed in the third associated control, or a preset pattern is displayed in the third associated control, and the preset pattern is switched to at least two associated pictures corresponding to the third associated control; then, the at least one associated picture is controlled to rotate, and taking two associated pictures as an example, the associated picture located in the lower layer may be controlled to rotate counterclockwise by a preset angle (such as 10°, etc.) along one of its own edges (such as an edge parallel to the lower boundary of the target page and closer to the lower boundary), and / or the associated picture located in the upper layer may be controlled to rotate clockwise by a preset angle along one of its own edges to display the associated pictures.

[0053] It is understandable that, after the angle between the at least two related pictures is increased to a preset angle, each related picture can also be controlled to rotate in a clockwise direction or a counterclockwise direction at the same time, so that the user can fully view each related picture.

[0054] The control display method provided in this embodiment displays the target page in response to a display operation on the target page, and displays the target control in the target page; in response to displaying the target control in the target page, displays the associated controls of the target control in the target page, wherein at least two associated images are displayed in at least one associated control. This embodiment adopts the above technical solution to display the associated images of the target control after displaying the target control, and display the associated images of the control in the associated controls, thereby enriching the display method of the controls in the page and improving the user experience.

[0055] Figure 5 A flowchart of another control display method provided in an embodiment of the present disclosure. The solution in this embodiment can be combined with one or more optional solutions in the above embodiments. Optionally, after controlling the first associated control to continue to move along the first direction to the first preset position of the target page for display, it also includes: showing the display effect of the first associated control.

[0056] Optionally, controlling the second associated control to continue moving along the second direction to the second preset position of the target page for display includes: switching the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control; controlling at least one of the associated pictures to rotate to increase the angle between the at least two associated pictures.

[0057] Correspondingly, such as Figure 5 As shown, the display method of the control provided in this embodiment may include:

[0058] S201. In response to a display operation on a target page, the target page is displayed, and a target control is displayed in the target page, and S202 and / or S204 are executed.

[0059] S202: Control a first associated control of the target control to move from a first display position of the target control into the target page along a first direction, and control the first associated control to continue to move along the first direction to a first preset position of the target page for display.

[0060] S203: Display the display effect of the first associated control, and end the operation.

[0061] In this embodiment, after the first associated control is controlled to move to the first preset position, a display effect of the first associated control may be displayed to further enrich the presentation form of the first associated control.

[0062] In this embodiment, the display special effects of the first associated control can be flexibly set. For example, the display special effects of the first associated control can include zooming special effects and animation special effects. For example, after the first associated control is moved to the first preset position, the first associated control can be controlled to continuously zoom a preset number of times (such as 2 times or 3 times, etc.), and after the zooming is completed, the animation special effects (such as sweeping animation special effects) corresponding to the first associated control are played on the upper layer of the first associated control (such as the upper layer of the display area where the first associated control is located). After the animation special effects are played, the first associated control continues to be displayed in a static manner. At this time, the display special effects of the first associated control can include: controlling the first associated control to zoom, and after the zooming is completed, playing the preset animation special effects of the first associated control on the upper layer of the first associated control.

[0063] In addition, during the process of the first associated control 21 moving from the first display position to the first preset position, or after the first associated control 21 moves to the first preset position, the display style of the first associated control 21 may be further switched, such as switching the shape of the first associated control 21 and / or switching the content displayed in the first associated control 21. For example, when the first associated control 21 is initially displayed, the control icon of the first associated control 21 may be displayed as a circle (e.g., Figure 3 As shown in the figure) and display a default pattern (not shown in the figure) in the control icon of the first associated control 21; in the process of the first associated control 21 moving from the first display position to the first preset position, or after the first associated control 21 moves to the first preset position, the control icon of the first associated control 21 can be switched from a circle to a rectangle (as shown in the figure); Figure 4 As shown in the figure), and the pattern displayed in the control icon of the first associated control 21 is switched to a picture associated with the first associated control 21 (not shown in the figure). For example, when the first associated control 21 is a prop control, the pattern displayed in the control picture of the first associated control 21 can be switched to a prop picture of a certain shooting prop in the shooting prop list displayed after the first associated control 21 is triggered.

[0064] S204: Control a second associated control of the target control to move from a second display position of the target control into the target page along a second direction, and control the second associated control to continue moving along the second direction toward a second preset position of the target page.

[0065] S205: Switch the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control.

[0066] Specifically, in the process of controlling the second associated control to move to the second preset position or after the second associated control moves to the second preset position, at least two associated pictures of the second associated control can be obtained, and the at least two associated pictures can be displayed in a stacked form. Exemplarily, when displaying the at least two associated pictures, the display size of each associated picture can be the same or different; when displaying the at least two associated pictures in a stacked form, the at least two associated pictures can be arranged parallel to the plane where the electronic device screen is located, that is, the at least two associated pictures can present a visual effect of being parallel to the plane where the electronic device screen is located.

[0067] S206: Control at least one of the associated pictures to rotate to increase the angle between the at least two associated pictures.

[0068] The angle between the at least two associated images may be understood as the angle between the planes where the at least two images are located.

[0069] Exemplarily, when certain conditions are met, such as when the duration of display of the associated images displayed in the second associated control 22 at the second preset position in a stacked form reaches a preset duration, at least one associated image can be controlled to rotate to increase the angle between the at least two associated images. Taking the two associated images displayed in the second associated control 22 as an example, before rotation, one associated image can be located at the lower layer of the other associated image and the two associated images present a visual effect of being parallel to each other (such as one associated image is completely blocked by the other associated image); when rotating, exemplarily, the associated image located at the lower layer can be controlled to rotate counterclockwise by a preset angle (such as 10°, etc.) along one of its own edges (such as an edge parallel to the lower boundary of the target page and closer to the lower boundary), such as Figure 6 As shown (the image in the picture is not shown in the figure), and / or, the associated picture located in the upper layer is controlled to rotate clockwise along one of its own edges by a preset angle to increase the angle between the two pictures.

[0070] It is understandable that, after the angle between the at least two related pictures is increased to a preset angle, each related picture can also be controlled to rotate in a clockwise direction or a counterclockwise direction at the same time, so that the user can fully view each related picture.

[0071] The control display method provided in this embodiment displays the display effect of the first associated control after the first associated control is moved to the first preset position, and switches the preset image displayed in the second associated control to at least two associated images corresponding to the second associated control, and controls at least one associated image to rotate to increase the angle between the at least two associated images, which can further enrich the display method of the controls in the page and improve the display effect of the controls.

[0072] Figure 7 This is a structural block diagram of a control display device provided by an embodiment of the present disclosure. The device can be implemented by software and / or hardware, and can be configured in an electronic device, typically a mobile phone or a tablet computer, and can display the control by executing a control display method. Figure 7 As shown, the control display device provided in this embodiment may include: a target control display module 701 and an associated control display module 702, wherein:

[0073] A target control display module 701 is used to display the target page and display the target control in the target page in response to a display operation on the target page;

[0074] The associated control display module 702 is used to display associated controls of the target control in the target page in response to displaying the target control in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0075] The control display device provided in this embodiment displays the target page and displays the target control in the target page in response to the display operation on the target page through the target control display module 701; displays the associated controls of the target control in the target page in response to displaying the target control in the target page through the associated control display module 702, wherein at least two associated images are displayed in at least one associated control. This embodiment adopts the above technical solution to display the associated images of the target control after displaying the target control, and display the associated images of the control in the associated controls, thereby enriching the display mode of the controls in the page and improving the user experience.

[0076] In the above solution, the associated control display module 702 can be used to control at least one associated control of the target control to move from the display position of the target control to the target page for display.

[0077] In the above scheme, the associated control display module 702 may include: a first display unit, used to control the first associated control of the target control to move from the first display position of the target control into the target page along the first direction, and control the first associated control to continue to move along the first direction to the first preset position of the target page for display; and / or, a second display unit, used to control the second associated control of the target control to move from the second display position of the target control into the target page along the second direction, and control the second associated control to continue to move along the second direction to the second preset position of the target page for display.

[0078] In the above solution, the second display unit can also be used to: after controlling the first associated control to continue moving along the first direction to the first preset position of the target page for display, display the display effect of the first associated control.

[0079] In the above solution, the second display unit can be used to control the first associated control to be scaled, and after the scaling is completed, play the preset animation effect of the first associated control on the upper layer of the first associated control.

[0080] In the above scheme, the first display unit can be used to: switch the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control, wherein the at least two associated pictures are displayed in a stacked form.

[0081] In the above scheme, the first display unit can be used to: switch the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control; control at least one of the associated pictures to rotate to increase the angle between the at least two associated pictures.

[0082] In the above scheme, the associated control display module 702 can be used to: display the third associated control of the target control at a third preset position of the target page, wherein the third associated control contains at least two associated pictures; control at least one of the associated pictures to rotate to display the at least two associated pictures.

[0083] The display device of the control provided in the embodiment of the present disclosure can execute the display method of the control provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the display method of the control. For technical details not described in detail in this embodiment, please refer to the display method of the control provided in any embodiment of the present disclosure.

[0084] Reference below Figure 8 , which shows a schematic diagram of the structure of an electronic device (e.g., terminal device) 800 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (e.g., vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 8 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0085] like Figure 8As shown, the electronic device 800 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 801, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 802 or a program loaded from a storage device 808 into a random access memory (RAM) 803. In the RAM 803, various programs and data required for the operation of the electronic device 800 are also stored. The processing device 801, the ROM 802, and the RAM 803 are connected to each other via a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.

[0086] Typically, the following devices may be connected to the I / O interface 805: input devices 806 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 807 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 808 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 809. The communication device 809 may allow the electronic device 800 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 8 The electronic device 800 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0087] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 809, or installed from a storage device 808, or installed from a ROM 802. When the computer program is executed by the processing device 801, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0088] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0089] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0090] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0091] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: in response to a display operation for a target page, displays the target page and displays a target control in the target page; in response to displaying the target control in the target page, displays associated controls of the target control in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0092] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0093] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0094] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a module does not, in some cases, constitute a limitation on the unit itself.

[0095] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0096] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0097] According to one or more embodiments of the present disclosure, Example 1 provides a method for displaying a control, including:

[0098] In response to a display operation on a target page, display the target page and display a target control in the target page;

[0099] In response to displaying the target control in the target page, associated controls of the target control are displayed in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0100] According to one or more embodiments of the present disclosure, Example 2 is a method according to Example 1, wherein displaying an associated control of the target control in the target page includes:

[0101] Control at least one associated control of the target control to move from the display position of the target control to the target page for display.

[0102] According to one or more embodiments of the present disclosure, Example 3 is the method according to Example 2, wherein the at least one associated control of the target control is moved from the display position of the target control to the target page for display, including:

[0103] Controlling a first associated control of the target control to move from a first display position of the target control into the target page along a first direction, and controlling the first associated control to continue to move along the first direction to a first preset position of the target page for display; and / or

[0104] The second associated control of the target control is controlled to move from the second display position of the target control into the target page along the second direction, and the second associated control is controlled to continue to move along the second direction to the second preset position of the target page for display.

[0105] According to one or more embodiments of the present disclosure, Example 4 is a method according to Example 3, after controlling the first associated control to continue to move along the first direction to the first preset position of the target page for display, further comprising:

[0106] Show the display effect of the first associated control.

[0107] According to one or more embodiments of the present disclosure, Example 5 is the method according to Example 4, wherein the displaying of the display effect of the first associated control includes:

[0108] The first associated control is controlled to be scaled, and after the scaling is completed, a preset animation effect of the first associated control is played on an upper layer of the first associated control.

[0109] According to one or more embodiments of the present disclosure, Example 6, according to the method described in Example 3, controlling the second associated control to continue to move along the second direction to the second preset position of the target page for display includes:

[0110] The preset pattern displayed in the second associated control is switched to at least two associated pictures corresponding to the second associated control, wherein the at least two associated pictures are displayed in a stacked form.

[0111] According to one or more embodiments of the present disclosure, Example 7, according to the method of Example 3, controlling the second associated control to continue to move along the second direction to the second preset position of the target page for display, includes:

[0112] Switching the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control;

[0113] Control at least one of the associated pictures to rotate so as to increase the angle between the at least two associated pictures.

[0114] According to one or more embodiments of the present disclosure, Example 8 is the method according to Example 1, wherein displaying an associated control of the target control in the target page includes:

[0115] Displaying a third associated control of the target control at a third preset position of the target page, wherein the third associated control includes at least two associated pictures;

[0116] Control at least one of the associated pictures to rotate to display the at least two associated pictures.

[0117] According to one or more embodiments of the present disclosure, Example 9 provides a display device for a control, including:

[0118] A target control display module, used for displaying the target page and displaying the target control in the target page in response to a display operation on the target page;

[0119] An associated control display module is used to display associated controls of the target control in the target page in response to displaying the target control in the target page, wherein at least one of the associated controls displays at least two associated pictures.

[0120] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, including:

[0121] one or more processors;

[0122] a memory for storing one or more programs,

[0123] When the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying a control as described in any one of Examples 1-8.

[0124] According to one or more embodiments of the present disclosure, Example 11 provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements a method for displaying a control as described in any one of Examples 1-8.

[0125] According to one or more embodiments of the present disclosure, Example 11 provides a computer program product. When the computer program product is executed by a computer, the computer implements the method for displaying a control as described in any one of Examples 1-8.

[0126] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0127] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0128] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A method for displaying a control, characterized in that: include: In response to a display operation on a target page, display the target page and display a target control in the target page; In response to displaying the target control in the target page, keeping the display position of the target control unchanged, controlling a first associated control of the target control to move into the target page from the first display position of the target control along a first direction, and controlling the first associated control to continue to move along the first direction to a first preset position of the target page for display, and controlling a second associated control of the target control to move into the target page from the second display position of the target control along a second direction, and controlling the second associated control to continue to move along the second direction to a second preset position of the target page for display, wherein at least one of the associated controls displays at least two associated pictures, and the first direction is different from the second direction; The controlling the second associated control to continue to move along the second direction to a second preset position of the target page for display includes: Switching the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control, wherein the second associated control is configured to trigger display of multiple pictures, and the multiple pictures include the at least two associated pictures; Controlling at least one of the associated pictures to rotate so as to increase the angle between the at least two associated pictures; After the included angle between the at least two associated pictures increases to a preset angle, each associated picture is controlled to rotate in a clockwise direction or a counterclockwise direction.

2. The method according to claim 1, characterized in that After controlling the first associated control to continue to move along the first direction to the first preset position of the target page for display, the method further includes: Show the display effect of the first associated control.

3. The method according to claim 2, characterized in that The display effect of showing the first associated control includes: The first associated control is controlled to be scaled, and after the scaling is completed, a preset animation effect of the first associated control is played on an upper layer of the first associated control.

4. The method according to claim 1, characterized in that: The controlling the second associated control to continue to move along the second direction to a second preset position of the target page for display includes: The preset pattern displayed in the second associated control is switched to at least two associated pictures corresponding to the second associated control, wherein the at least two associated pictures are displayed in a stacked form.

5. The method according to claim 1, characterized in that Also includes: In response to displaying the target control in the target page, displaying a third associated control of the target control at a third preset position of the target page, wherein the third associated control includes at least two associated pictures; Control at least one of the associated pictures to rotate to display the at least two associated pictures.

6. A display device for a control, characterized in that: include: A target control display module, used for displaying the target page and displaying the target control in the target page in response to a display operation on the target page; an associated control display module, for, in response to displaying a target control in the target page, maintaining the display position of the target control unchanged, controlling a first associated control of the target control to move into the target page from a first display position of the target control along a first direction, and controlling the first associated control to continue to move along the first direction to a first preset position of the target page for display, and controlling a second associated control of the target control to move into the target page from a second display position of the target control along a second direction, and controlling the second associated control to continue to move along the second direction to a second preset position of the target page for display, wherein at least one of the associated controls displays at least two associated pictures, and the first direction is different from the second direction; The controlling the second associated control to continue to move along the second direction to a second preset position of the target page for display includes: Switching the preset pattern displayed in the second associated control to at least two associated pictures corresponding to the second associated control, wherein the second associated control is configured to trigger display of multiple pictures, and the multiple pictures include the at least two associated pictures; Controlling at least one of the associated pictures to rotate so as to increase the angle between the at least two associated pictures; After the included angle between the at least two associated pictures increases to a preset angle, each associated picture is controlled to rotate in a clockwise direction or a counterclockwise direction.

7. An electronic device, characterized in that: include: at least one processor; as well as a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the method for displaying a control according to any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the display method of the control according to any one of claims 1 to 5 when executed.

9. A computer program product, characterized in that The computer program product comprises a computer program, and when the computer program is executed by a processor, the computer program implements the method for displaying a control according to any one of claims 1 to 5.

Images