Control display method, device, electronic device, storage medium and program product
The display method and device enhance user experience on shooting pages by incorporating animations and transitions for target controls and related images, addressing the simplistic control mode issue in existing technologies.
Patent Information
- Application Number
- JP2024538078
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2022-03-21
- Filing Date
- 2023-03-08
- Publication Date
- 2025-02-04
- Estimated Expiration
- 2043-03-08
AI Technical Summary
The user experience is diminished due to the simplistic control mode on shooting pages in existing technologies, which lack engaging display modes for controls.
A display method and device that enhances control display by showing target controls and related images on a page, with animations and transitions that enrich the user interface.
The enhanced display mode improves user experience by providing interactive and visually appealing control interactions, making the interface more engaging and intuitive.
Smart Images

Figure 2025503492000001_ABST
Abstract
Description
[Technical field]
[0001] This disclosure claims priority to Chinese patent application No. 202210283956.1, filed with the China Patent Office on March 21, 2022, the entire contents of which are incorporated herein by reference.
[0002] TECHNICAL FIELD The present disclosure relates to the field of computer technology, for example, to a control display method, device, electronic device, storage medium, and program product. [Background technology]
[0003] Currently, when the photography page is displayed, the photography control and other controls can be displayed in the photography page. However, in the related art, the display mode of the control of the photography page is simple, which leads to a poor user experience. Summary of the Invention
[0004] The embodiments of the present disclosure disclose a control display method, an apparatus, an electronic device, a storage medium and a program product, thereby enriching the display mode of the control on the shooting page.
[0005] According to a first aspect, an embodiment of the present disclosure provides a method for displaying a control, the method comprising:
[0006] displaying the target page and displaying a target control on the target page in response to a display operation on the target page;
[0007] In response to displaying a target control on the target page, displaying associated controls of the target control on the target page, where at least one of the associated controls is posted with at least two associated images.
[0008] According to a second aspect, an embodiment of the present disclosure further provides a display device for a control, the device comprising:
[0009] a target control display module configured to display the target page and display a target control on the target page in response to a display operation on the target page;
[0010] and an associated control display module configured to display associated controls of the target control on the target page in response to displaying the target control on the target page, at least one of the associated controls having at least two associated images posted thereon.
[0011] According to a third aspect, an embodiment of the present disclosure provides an electronic device, the electronic device comprising:
[0012] one or more processors;
[0013] and a memory for storing one or more programs;
[0014] When the one or more programs are executed by the one or more processors, the one or more processors implement the control display method described in the embodiments of the present disclosure.
[0015] According to a fourth aspect, an embodiment of the present disclosure further provides a computer readable storage medium having a computer program stored thereon, the computer program being configured to implement the method of displaying a control according to the embodiment of the present disclosure when executed by a processor.
[0016] According to a fifth aspect, an embodiment of the present disclosure further provides a computer program product, which, when executed by a computer, causes the computer to execute the method for displaying a control according to the embodiment of the present disclosure.
[0017] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent from the following detailed description taken in conjunction with the drawings in which the same or similar symbols refer to the same or similar elements throughout the drawings. It should be understood that the drawings are schematic and that elements and components are not necessarily drawn to scale. [Brief description of the drawings]
[0018] [Figure 1] 4 is a flow chart of a control display method provided by an embodiment of the present disclosure. [Diagram 2] FIG. 1 is a schematic representation of a targeting control provided by an embodiment of the present disclosure. [Diagram 3] FIG. 2 is a schematic diagram of a display of related controls provided by an embodiment of the present disclosure. [Figure 4] FIG. 2 is a schematic diagram of a display of related controls provided by an embodiment of the present disclosure. [Diagram 5] 4 is a flow chart of a control display method provided by an embodiment of the present disclosure. [Figure 6] FIG. 2 is a schematic diagram of a display of related controls provided by an embodiment of the present disclosure. [Figure 7] FIG. 2 is a structural block diagram of a display device of a control provided by an embodiment of the present disclosure. [Figure 8] FIG. 2 is a structural schematic diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS
[0019] Hereinafter, the embodiments of the present disclosure will be described in more detail with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, the present disclosure can be embodied in various forms, and these embodiments are provided to provide a sufficient and complete understanding of the present disclosure. The drawings and embodiments of the present disclosure are for illustrative purposes only.
[0020] It should be understood that the steps described in the method embodiments of the present disclosure may be performed in a different order and / or in parallel, and that method embodiments may include additional steps and / or omit the performance of illustrated steps.
[0021] As used herein, the term "including" and variations thereof are open-ended, i.e., "including, but not limited to." The term "based on" means "based at least in part on." The term "in one embodiment" refers to "at least one embodiment," the term "another embodiment" refers to "at least one other embodiment," and the term "some embodiments" refers to "at least some embodiments." Relevant definitions of other terms are provided below in the description.
[0022] It should be noted that the concepts of "first", "second", etc. referred to in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of functions performed by these devices, modules or units.
[0023] As a point of caution, those of skill in the art will understand that the modifications "a" and "multiple" referred to in this disclosure are exemplary and should be understood as "one or more" unless the context clearly indicates otherwise.
[0024] The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only and are not used to limit the scope of these messages or information.
[0025] 1 is a flow chart of a control display method provided by an embodiment of the present disclosure. The method can be executed by a control display device, which can be implemented by software and / or hardware, and can be located in an electronic device, such as a mobile phone or a tablet computer. The control display method provided by an embodiment of the present disclosure is suitable for a scenario of displaying a control, and is particularly suitable for a scenario of displaying a control on a shooting page. As shown in FIG. 1, the control display method provided by this embodiment can include the following:
[0026] S101, in response to a display operation on a target page, display the target page, and display a target control on the target page.
[0027] In this embodiment, the display operation on the target page can be understood as displaying a trigger operation on the target page, such as a trigger operation to switch from another page to the target page. The target page can be understood as a page indicated by the display operation, on which the target control and at least one associated control of the target control can be disposed. Exemplarily, the target page can be a shooting page, and the target control can be a shooting control on the shooting page for triggering the shooting of a video and / or an image.
[0028] Optionally, a target page can be displayed based on a display operation. For example, as shown in Fig. 2, when a user wants to enter a target page, the user performs a display operation on the target page, for example, triggers a corresponding control of the application software to instruct to enter the target page, and correspondingly, the electronic device can display the target page after detecting the user's display operation corresponding to the target page, and display the target control 20 on the target page.
[0029] S102, in response to displaying a target control on the target page, displaying associated controls of the target control on the target page, where at least one of the associated controls is posted with at least two associated images.
[0030] In this embodiment, when the target page is displayed, the related control may be a control displayed on the target page and related to the target control, for example, a control for triggering the execution of a function corresponding to the target control or for assisting the execution of a function corresponding to the target control. When the target control is a shooting control, for example, the related control may be a tool control for triggering the display of a shooting tool list, a special effect control for triggering the display of a shooting special effect list, or an album control for controlling the display of images / videos stored in a user's album, etc.
[0031] Optionally, when displaying a target page, for example, after displaying a target control on the target page, related controls of the target control can be displayed on the target page, and at least two related images corresponding to the related controls can be posted on one or more related controls, thereby enriching the display mode of the control.
[0032] In one embodiment, displaying related controls of the target control on the target page includes controlling at least one related control of the target control to move from a display position of the target control to be displayed on the target page. Optionally, after the target control is displayed on the target page, for example, after the target control is displayed on the target page for a predetermined length of time (for example, 0.5 seconds or 1 second), at least one related control of the target control can be automatically controlled to move from the display position of the target control to the target page and be displayed. Illustratively, the related control of the target control can be displayed at the bottom layer of the target control (i.e., visually, the related control of the target control is occluded by the target control), and the related control can be controlled to move to the corresponding display position, and when it moves to the display position corresponding to the related control, the related control is controlled to stop moving, thereby maintaining the related control of the target control to be displayed at the corresponding display position.
[0033] In this embodiment, when a target page is displayed, after the target control is displayed, the related controls of the target control are controlled to appear from the display position of the target control, and are moved to the corresponding display position and displayed; when the target page is not displayed, the target control and the related controls of the target control are displayed on the target page at the same time (i.e., the target control and the related controls of the target control appear on the target page at the same time), thereby enriching the display mode of controls on the target page (e.g., the shooting page) and improving the user experience.
[0034] Optionally, 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 includes at least one of controlling a first associated control of the target control to move from a first display position of the target control to the target page along a first direction so that the first associated control moves continuously to a first predetermined position on the target page along the first direction for display, and controlling a second associated control of the target control to move from a second display position of the target control to the target page along a second direction so that the second associated control moves continuously to a second predetermined position on the target page along the second direction for display.
[0035] In this embodiment, the first related control and the second related control are two related controls of the target control, and when the target control is a shooting control, the first related control may be, for example, a tool control, and the second related control may be, for example, an album control. The first direction may be the moving direction of the first related control, and the second direction may be the moving direction of the second related control, and the first direction and the second direction may be the same or different, and the following description will be given 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, and the first display position and the second display position may be the same or different. When the first display position and the second display position are different, the first display position may be, for example, the left boundary / right boundary of the display control, and the second display position may be, for example, the right boundary / left boundary of the target control. The first predetermined position can be understood as a predetermined display position of a first associated control on the target page, and the second predetermined position can be understood as a predetermined display position of a second associated control on the target page, and the first predetermined position may be a different display position.
[0036] Taking controlling the movement of the first and second associated controls as an example, after displaying the target control on the target page, the first and second associated controls can be controlled to enter the target page at the same time and continuously move to the target page until they move to the corresponding predetermined positions, that is, the first associated control is controlled to move from the first display position of the target control to the target page, and at the same time, the second associated control is controlled to move from the second display position of the target control to the target page, so that the first associated control is controlled to continuously move to the first predetermined position along the first direction, and at the same time, the first associated control is controlled to continuously move to the second predetermined position along the second direction, and when the first associated control moves to the first predetermined position, the movement of the first associated control is not controlled and the first associated control is maintained to be displayed at the first predetermined position, and when the second associated control moves to the second predetermined position, the movement of the second associated control is not controlled and the second associated control is maintained to be displayed at the second predetermined position.
[0037] Taking an example where the target page is a shooting page, the target control 20 is a shooting control, the first associated control 21 is a tool control, and the second associated control 22 is an album control, as shown in FIG. 3, the tool control can be controlled to move from the left side of the shooting control to the shooting page along a leftward direction, and at the same time, the album control can be controlled to move from the right side of the shooting control to the shooting page along a rightward direction, and the tool control can be controlled to move left until it moves to a first display position, and further, the album control can be controlled to move right until it moves to a second predetermined position, which are shown in FIG. 4.
[0038] In addition, in the process of controlling the movement of the first related control and the second related control, the transparency of the first related control and the second related control can be increased until the transparency of the first related control and the second related control increases to one of the predetermined transparencies.
[0039] It should be understood that when a target control is displayed on a display page, not only can the first associated control and the second associated control be controlled to move to the target page at the same time and move on the target page at the same time, but also it is not necessary to control the first associated control and the second associated control to move on the target page and / or the target page at the same time, for example, the first associated control / second associated control can be first controlled to move to the target page and continue to move on the target page until the first associated control / second associated control moves to the first predetermined position / second predetermined position, and also, after the first associated control / second associated control moves to the target page or to the first predetermined position / second predetermined position on the target page, the second associated control / first associated control can be controlled to move to the target page and continue to move on the target page until the second associated control / first associated control moves to the second predetermined position / first predetermined position.
[0040] In the above embodiment, when the second related control is displayed for the first time, for example, when the second related control moves to the target page for the first time, only the second related control may display a predetermined pattern, and during the movement process of the second related control or after the second related control moves to the second predetermined position, the writing pattern displayed on the second related control may be switched to at least two related images corresponding to the second related control, for example, the display of the predetermined pattern is canceled and the second related control displays at least two related images corresponding to the second related control in a stacked form, thereby enriching the display mode of the second related control. In this case, controlling the second related control to continuously move and display to the second predetermined position of the target page along the second direction may include switching the predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control, and the at least two related images are displayed in a stacked form.
[0041] In this embodiment, the predetermined pattern may be a pattern that is predetermined and unrelated to the content displayed after triggering the second associated control. The related pattern may be a pattern related to the second associated control, such as a pattern related to the content displayed after triggering the second control. Optionally, the second associated control is used to trigger a target image to be displayed, and the target image includes the at least two related images. That is, if the second associated control is an album control, the at least two related images may be thumbnails of images in an album displayed after triggering the second associated control, which may be, for example, a thumbnail of the latest image taken in the album and / or a thumbnail of the cover of the latest video taken in the album.
[0042] In another embodiment, displaying an associated control of the display control on the target page includes displaying a third associated control of the target control at a third predetermined location on the target page, the third associated control including at least two associated images, and controlling at least one of the associated images to rotate and presenting the at least two of the associated images.
[0043] In this embodiment, the third related control may be a related control of the target control, and the third related control and the second related control may be the same or different. The third predetermined position can be understood as a predetermined display position of the third related control on the target page, and when the third related control and the second related control are the same control, the third predetermined position is the same as the second predetermined position, and when the third related control is different from the second related control, the third predetermined position may be the same or different from the second predetermined position, for example, the second related control and the third related control can be switched and displayed according to a predetermined switching condition at the same predetermined position.
[0044] In the above-mentioned solution, the third related control can be displayed at a third predetermined position of the target page without controlling the movement of the third related control. For example, first, at least two related images corresponding to the third related control are displayed in the third related control, or a predetermined pattern is displayed in the third related control, and the predetermined pattern is switched to at least two related images corresponding to the third related control, and then the at least one related image is controlled to rotate, and for example, when two related images are included, the related image located in the lower layer is controlled to rotate a predetermined angle (e.g., 10°) counterclockwise along a certain side of itself (a side parallel to the bottom border of the target page and closer to the bottom border), and / or the related image located in the upper layer is controlled to rotate a predetermined angle clockwise along a certain side of itself, thereby posting each of the related images.
[0045] It should be understood that when the included angle between the at least two related images increases to a predetermined angle, each related image can be controlled to rotate clockwise or counterclockwise simultaneously, thereby allowing the user to view each related image in its entirety.
[0046] The control display method provided by this embodiment includes: displaying a target page in response to a display operation on a target page, displaying a target control on the target page, and displaying related controls of the target control on the target page in response to displaying the target control on the target page, and at least two related images are posted on at least one related control. By using the above technical solution, this embodiment can display a related image of the target control after displaying the target control, and display the related image of the control on the related control, thereby enriching the display mode of the control on the page and improving the user experience.
[0047] 5 is a flow chart of another control display method provided by an embodiment of the present disclosure. The solution in this embodiment can be combined with one or more selectable solutions in the above embodiments. Optionally, after controlling the first associated control to continuously move and display at a first predetermined position of the target page along the first direction, the control display method provided by this embodiment further includes: displaying an animation special effect of the display of the first associated control.
[0048] Optionally, controlling the second associated control to continuously move along the second direction to and display a second predetermined position on the target page includes switching a predetermined pattern displayed on the second associated control to at least two associated images corresponding to the second associated control, and controlling at least one of the associated images to rotate to increase an included angle between the at least two of the associated images.
[0049] Correspondingly, as shown in FIG. 5, the control display method provided by this embodiment may include:
[0050] S201, in response to a display operation on a target page, display the target page, display a target control on the target page, and execute S202 and / or S204.
[0051] S202, control a first associated control of the target control to move from a first display position of the target control to the target page along a first direction, and control the first associated control to continuously move and be displayed at a first predetermined position on the target page along the first direction.
[0052] S203, display the special effect of the display of the first related control, and then end the operation.
[0053] In this embodiment, after controlling the first associated control to move to the first predetermined position, the first associated control can further display a display special effect, thereby enriching the display mode of the first control.
[0054] In this embodiment, the special effect of the display of the first related control may be flexibly set, and illustratively, the special effect of the display of the first related control may include a special effect of zooming and an animation special effect, for example, after the first related control moves to a first predetermined position, the first related control may be controlled to zoom in and out a predetermined number of times (e.g., two or three times), and after the zooming is completed, an animation special effect corresponding to the first related control is played in an upper layer of the first related control (e.g., an upper layer of a display area where the first related control is located), and the control is continuously displayed statically after the animation special effect is played. In this case, the display special effect of the first related control may include controlling the first related control to zoom in and out, and playing a predetermined animation special effect of the first related control in an upper layer of the first related control after the zooming is completed.
[0055] In addition, during the process of the first associated control 21 moving from the first display position to the first predetermined position or after the first associated control 21 has moved to the first predetermined position, the display mode of the first associated control 21 may be switched, for example, by switching the shape of the first associated control 21 and / or switching the content displayed on 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 (as shown in FIG. 3 ) to display a default pattern on the control icon of the first associated control 21, and when the first associated control 21 is initially displayed, the control icon of the first associated control 21 may be displayed as a circle (as shown in FIG. 3 ). During the process of moving from the first display position to the first predetermined position, or after the first associated control 21 has moved to the first predetermined position, the control icon of the first associated control 21 can be switched from a circular shape to a rectangular shape (as shown in FIG. 4) and the pattern displayed on the control icon of the first associated control 21 can be switched to an image related to the first associated control; for example, if the first associated control 21 is a prop control, the pattern displayed on the control image of the first associated control 21 can be switched to a prop image of a photography prop with a photography prop list displayed after triggering the first associated control 21.
[0056] S204, controlling a second associated control of the target control to move from a second display position of the target control to the target page along a second direction, and controlling the second associated control to continuously move to a second predetermined position on the target page along the second direction.
[0057] S205, switching the predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control.
[0058] Optionally, during the process of controlling the second associated control to move to the second predetermined position or after the first associated control moves to the second predetermined position, at least two associated images of the second associated control can be obtained and the at least two associated images can be displayed in a stacked form. Illustratively, when the at least two associated images are displayed, the display sizes of the associated images can be the same or different, and when the at least two associated images are displayed in a stacked form, the at least two associated images are arranged parallel to a plane of the screen of the electronic device, i.e., the at least two associated images present a visual effect of being mutually parallel to a plane of the screen of the electronic device.
[0059] S206, controlling at least one of the related images to rotate so as to increase an included angle between the at least two related images.
[0060] In this embodiment, the included angle between the at least two related images can be understood as the included angle between a certain plane of the at least two related images.
[0061] Exemplarily, if a certain condition is met, when the time length when the related images displayed in the second related control 22 are displayed in the second predetermined position in the form of stacking reaches a predetermined time length, at least one related image can be controlled to rotate, thereby expanding the included angle between the at least two related images. Taking two related images displayed in the second related control 22 as an example, as shown in FIG. 6 (the drawing does not show the image in the image), before rotation, one related image can be located in a lower layer of another related image, and these two related images present a visual effect of being parallel to each other (e.g., one related image is occluded by another related image), and during rotation, exemplarily, the related image located in the lower layer is controlled to rotate counterclockwise along a certain side (e.g., a side parallel to the bottom border of the target page and closer to the bottom border) by a certain angle (e.g., 10°, etc.) and / or the related image located in the upper layer is controlled to rotate clockwise along a certain side, thereby expanding the included angle between the two images.
[0062] It should be understood that when the included angle between the at least two related images increases to a predetermined angle, each related image can be controlled to rotate clockwise or counterclockwise simultaneously, thereby allowing the user to view each related image in its entirety.
[0063] In the control display method provided by this embodiment, after the first associated control moves to a first predetermined position, a special display effect of the first associated control is displayed, and the predetermined image displayed on the second associated control is switched to at least two associated images corresponding to the second associated control, and the at least two associated images are controlled to rotate, and the included angle between the at least two associated images is expanded, thereby enriching the display mode of the control on the page and improving the display effect of the control.
[0064] 7 is a structural block diagram of a control display device provided by an embodiment of the present disclosure. The device may be implemented by software and / or hardware, may be disposed in an electronic device, may be disposed in a mobile phone or a tablet computer, and may realize the display of a control by executing a control display method. As shown in FIG. 7, the control display device provided by the present embodiment may include a target control display module 701, a related control display module 702,
[0065] the target control display module 701 is configured to display a target page and display a target control on the target page in response to a display operation on the target page;
[0066] The associated control display module 702 is configured to, in response to displaying the target control on the target page, display associated controls of the target control on the target page, where at least one of the associated controls is posted with at least two associated images.
[0067] The control display device provided by this embodiment displays a target page and displays a target control on the target page through a target control display module 701 in response to a display operation on the target page, and displays related controls of the target control on the target page through a related control display module 702 in response to displaying the target control on the target page, and at least two related images are posted on at least one related control. By using the above technical solution, this embodiment can display the related image of the target control after displaying the target control, and display the related image of the control on the related control, thereby enriching the display mode of the control on the page and improving the user experience.
[0068] In the above technical solution, the related control display module 702 may be configured to display related controls of the target control on the target page by: controlling at least one related control of the target control to move from a display position of the target control to the target page and display it;
[0069] In the above solution, the associated control display module 702 may include a first display unit configured to control a first associated control of the target control to move from a first display position of the target control to the target page along a first direction, so that the first associated control is continuously moved and displayed at a first predetermined position on the target page along the first direction, and / or a second display unit configured to control a second associated control of the target control to move from a second display position of the target control to the target page along a second direction, so that the second associated control is continuously moved and displayed at a second predetermined position on the target page along the second direction.
[0070] In the above solution, the second display unit may be further configured to present an animation special effect of the display of the first associated control after controlling the first associated control to continuously move and be displayed at a first predetermined position of the target page along the first direction.
[0071] In the above solution, the second display unit may be configured to control the first associated control to be enlarged or reduced, and after the enlargement or reduction is completed, to play a predetermined animation special effect of the first associated control at a higher layer than the first associated control.
[0072] In the above solution, the first display unit may be configured to switch a predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control, and the at least two related images are displayed in a stacked form.
[0073] In the above solution, the first display unit may be configured to switch a predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control, control at least one of the related images to rotate, and expand the included angle between the at least two of the related images.
[0074] In the above solution, the related control display module 702 may be configured to display a third related control of the target control at a third predetermined position of the target page, the third related control including at least two related images, and may be further configured to control at least one of the related images to rotate and post the at least two of the related images.
[0075] The control display device provided by the embodiment of the present disclosure can execute the control display method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the control display method. For technical details not described in detail in this embodiment, please refer to the control display method provided by any embodiment of the present disclosure.
[0076] In the following, reference is made to FIG. 8, which shows a structural schematic diagram applied to an electronic device (e.g., a terminal device) 800 for implementing an embodiment of the present disclosure. The terminal device according to the embodiment of the present disclosure may include mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, personal digital assistants (PDA), tablet computers (Portable Android Devices, PAD), portable multimedia players (Portable Media Players, PMP), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital televisions (TV), desktop computers, etc. The electronic device shown in FIG. 8 is just an example.
[0077] 8, the electronic device 800 may include a processing unit (e.g., a central processing unit, a graphics processor, etc.) 801, and can execute various appropriate operations and processes based on the electronic device 800, 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. The RAM 803 stores various programs and data necessary for the operation of the electronic device 800. The processing unit 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.
[0078] Typically, devices such as input devices 806 including touch screens, touch pads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc., output devices 807 including liquid crystal displays (LCDs), speakers, vibrators, etc., storage devices 808 including magnetic tapes, hard disks, etc., and communication devices 809 may be connected to the I / O interface 805. The communication devices 809 may enable the electronic device 800 to communicate and exchange data with other devices, wirelessly or via wires. While FIG. 8 illustrates the electronic device 800 with various devices, it should be understood that implementation or availability of all devices shown is not required. Instead, more or fewer devices may be implemented or provided.
[0079] In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flow charts may be implemented as computer software programs. 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 which includes program code for performing the methods shown in the flow charts. In such an embodiment, the computer program may be downloaded and installed from a network via a communication device 809, or installed from memory 808, or installed from ROM 802. When the computer program is executed by the processing device 801, the above functions of the method according to the embodiment of the present disclosure are performed.
[0080] It should be noted that the computer readable medium of the present disclosure may be a computer readable signal medium, a computer readable storage medium, or any combination of the two. The computer readable storage medium may be, for example, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. The computer readable storage medium may include an electrical connection with one or more leads, a portable computer floppy disk, a hard disk, a random access memory, a read-only memory, an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer readable storage medium may be any tangible medium that contains or stores a program used by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, the computer readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer readable program code. Such a propagated data signal can take many forms, including electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or carry a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied in a computer-readable medium can be transmitted using any suitable medium, including wire, fiber optic cable, Radio Frequency (RF), or the like, or any suitable combination thereof.
[0081] In some embodiments, clients and servers may communicate using any now known or later developed network protocol, such as HyperText Transfer Protocol (HTTP), and may communicate digital data in any form or medium (e.g., communications network) interconnection. Examples of communications networks include local area networks (LANs), wide area networks (WANs), international networks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any now known or later developed networks.
[0082] The computer-readable medium may be included in the electronic device, or may exist independently and not integrated into the electronic device.
[0083] A plurality of programs are carried on the computer-readable medium, and when one or more of the programs are executed by the electronic device, the electronic device displays the target page in response to a display operation on the target page, displays a target control on the target page, and in response to displaying the target control on the target page, displays an associated control of the target control on the target page, and at least two associated images are posted on at least one of the associated controls.
[0084] Computer program code for carrying out the operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including object-oriented programming languages such as Java, Smalltalk, C++, and the like, as well as traditional procedural programming languages such as "C" or similar programming languages. The program code may run entirely on the user's computer, partially on the user's computer as a stand-alone software package, partially on the user's computer and a portion of a remote computer, or entirely on a remote computer or server. In situations involving remote computers, the remote computer may be connected to the user's computer through any type of network, such as a LAN or WAN, or may be connected to an external computer (e.g., connected via the Internet using an Internet Service Provider).
[0085] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowcharts or block diagrams may represent a module, program segment, or part of code, which includes one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions shown in the blocks may be executed in a different order than the order shown in the drawings. For example, two blocks shown one after the other may actually be executed substantially in parallel or may be executed in the reverse order depending on the functions involved. Also, each block of the block diagrams and / or block diagrams, as well as combinations of blocks in the block diagrams and / or flowcharts, may be implemented by a dedicated hardware-based system that executes the specified functions or operations, or may be implemented by a combination of special hardware and computer instructions.
[0086] The units included in the embodiments of the present disclosure may be implemented in software or hardware. The names of modules do not limit the units themselves in a particular situation.
[0087] The functions described herein may be performed, at least in part, by one or more hardware logic components, for example, examples of types of hardware logic components that may be used include Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), Systems on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), etc.
[0088] In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain or store a program used by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine signal medium or a machine-readable storage medium. A machine-readable medium includes an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination thereof. A machine-readable storage medium may include one or more wire-based electrical connections, a portable computer disk, a hard disk, a RAM, a ROM, an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a CD-ROM, an optical storage device, a magnetic storage device, or any suitable combination thereof.
[0089] According to one or more embodiments of the present disclosure, Example 1 provides a method for displaying a control, the method including:
[0090] displaying the target page and displaying a target control on the target page in response to a display operation on the target page;
[0091] In response to displaying a target control on the target page, displaying associated controls of the target control on the target page, where at least one of the associated controls is posted with at least two associated images.
[0092] According to one or more embodiments of the present disclosure, Example 2 is based on the method of Example 1, and the displaying a related control of the target control on the target page includes:
[0093] The method 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.
[0094] According to one or more embodiments of the present disclosure, Example 3 is based on the method of Example 2, and the step of controlling at least one related control of the target control to move from a display position of the target control to the target page and display the target control includes:
[0095] Controlling a first associated control of the target control to move from a first display position of the target control along a first direction to the target page, and controlling the first associated control to continuously move and display at a first predetermined position on the target page along the first direction; and
[0096] The method includes at least one of controlling a second associated control of the target control to move from a second display position of the target control along a second direction to the target page, and controlling the second associated control to continuously move to and be displayed at a second predetermined position on the target page along the second direction.
[0097] According to one or more embodiments of the present disclosure, Example 4 is based on the method of Example 3, wherein after controlling the first associated control to move and display at a first predetermined position on the target page along the first direction, the method includes:
[0098] The method further includes displaying a special effect on the display of the first associated control.
[0099] According to one or more embodiments of the present disclosure, Example 5 is based on the method according to Example 4, and the displaying special effect of the first associated control is:
[0100] The method includes controlling the first associated control to be enlarged or reduced, and after the enlargement or reduction is completed, playing a predetermined animation special effect of the first associated control in an upper layer of the first associated control.
[0101] According to one or more embodiments of the present disclosure, Example 6 is based on the method of Example 3, and the controlling the second associated control to continuously move and display at a second predetermined position of the target page along the second direction is:
[0102] Switching a predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control, the at least two related images being displayed in a stacked form.
[0103] According to one or more embodiments of the present disclosure, Example 7 is based on the method of Example 3, and further comprising: controlling the second associated control to continuously move and display at a second predetermined position on the target page along the second direction;
[0104] switching a predetermined pattern displayed on the second associated control to at least two associated images corresponding to the second associated control;
[0105] and controlling at least one of the related images to rotate to increase an included angle between the at least two related images.
[0106] According to one or more embodiments of the present disclosure, Example 8 is based on the method of Example 1, and the displaying a related control of the target control on the target page includes:
[0107] Displaying a third associated control of the target control at a third predetermined location on the target page, the third associated control including at least two associated images;
[0108] and controlling at least one of the related images to rotate to display the at least two related images.
[0109] According to one or more embodiments of the present disclosure, Example 9 provides a display device for a control, the device comprising:
[0110] a target control display module configured to display the target page and display a target control on the target page in response to a display operation on the target page;
[0111] and an associated control display module configured to display associated controls of the target control on the target page in response to displaying the target control on the target page, at least one of the associated controls having at least two associated images posted thereon.
[0112] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, the electronic device comprising:
[0113] one or more processors;
[0114] and a memory for storing one or more programs;
[0115] When the one or more programs are executed by the one or more processors, the one or more processors implement the control display method described in any one of Examples 1 to 8.
[0116] According to one or more embodiments of the present disclosure, Example 11 provides a computer-readable storage medium having a computer program stored thereon, the program, when executed by a processor, implementing the method of displaying a control described in any one of Examples 1 to 8.
[0117] According to one or more embodiments of the present disclosure, Example 11 provides a computer program product, which, when executed on a computer, causes the computer to implement the control display method described in any one of Examples 1 to 8.
Claims
1. A method of displaying a control, comprising: displaying a target page and displaying a target control on the target page in response to a display operation on the target page; In response to displaying a target control on the target page, the method includes displaying related controls of the target control on the target page, wherein at least one of the related controls is posted with at least two related images.
2. Displaying a related control of the target control on the target page includes: The method of claim 1 , further comprising 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.
3. Controlling at least one associated control of the target control to move from a display position of the target control to the target page and display the control on the target page includes: Controlling a first associated control of the target control to move along a first direction from a first display position of the target control to the target page, and controlling the first associated control to continuously move and be displayed at a first predetermined position on the target page along the first direction; and 3. The method of claim 2, comprising at least one of controlling a second associated control of the target control to move along a second direction from a second display position of the target control to the target page, and controlling the second associated control to continuously move and be displayed at a second predetermined position on the target page along the second direction.
4. After controlling the first associated control to be continuously moved to and displayed at a first predetermined position on the target page along the first direction, the method further comprises: The method of claim 3 , further comprising: posting a special effect on a display of the first associated control.
5. Presenting a special effect on a display of the first associated control includes:
5. The method of claim 4, further comprising controlling the first associated control to scale, and playing a predetermined animation special effect of the first associated control at a layer above the first associated control after the scaling is completed.
6. Controlling the second associated control to be continuously moved to and displayed at a second predetermined position on the target page along the second direction includes:
4. The method of claim 3, further comprising: switching a predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control, the at least two related images being displayed in a stacked form.
7. Controlling the second associated control to be continuously moved to and displayed at a second predetermined position on the target page along the second direction includes: switching a predetermined pattern displayed on the second related control to at least two related images corresponding to the second related control; 4. The method of claim 3, further comprising controlling at least one of the related images to rotate to increase an included angle between the at least two related images.
8. Displaying a related control of the target control on the target page includes: displaying a third associated control of the target control at a third predetermined location on the target page, the third associated control including at least two associated images; and controlling at least one of the related images to rotate to display the at least two related images.
9. A display device for a control, comprising: a target control display module configured to display the target page and display a target control on the target page in response to a display operation on the target page; a related control display module configured to display related controls of the target control on the target page in response to displaying a target control on the target page, at least one of the related controls being posted with at least two related images; and
10. An electronic device, At least one processor; a memory communicatively coupled to the at least one processor; An electronic device, wherein the memory stores a computer program that can be executed by the at least one processor, and when the computer program is executed by the at least one processor, the at least one processor can execute the control display method described in any one of claims 1 to 8.
11. A computer readable storage medium having stored thereon computer instructions, the computer instructions being used when executed to enable a processor to implement the method for displaying a control according to any one of claims 1 to 8.
12. A computer program product, said computer program product comprising a computer program which, when executed by a processor, implements the method for displaying a control according to any one of claims 1 to 8.
Citation Information
Patent Citations
Control display method and display equipment
CN111182345A
Mobile terminal equipment providing mobile interface and mobile interface providing method employing the same
JP2006311498A
Image forming apparatus and operation accepting method
JP2011028317A
Mobile terminal and method for controlling the same
KR1020170039994A
Systems and Methods for Improving Object Detection
US20120304063A1