Methods, devices, equipment, and media for controlling elements on information input pages.

Abstract

The present disclosure relates to a method, apparatus, device, storage medium, and program product for controlling elements of an information input page. The element control method includes steps of: displaying an element identification area and an element display area on the information input page; obtaining an enlargement command corresponding to the first operation in response to a first operation on the element identification area; and controlling to enlarge and display the element identification area based on the enlargement command.

Description

Technical Field

[0001] [Cross-reference to Related Applications] This application claims priority to a Chinese patent application filed on May 10, 2022, with application number 202210504637.9 and title "Element Control Method, Apparatus, Device, Medium for Information Input Page", the entire content of which is incorporated herein by reference.

[0002] [Technical Field] The present disclosure relates to the technical field of computer processing, and particularly to an element control method, apparatus, device, storage medium and program product for an information input page.

Background Art

[0003] With the continuous development of the Internet and terminal technologies, the application scope of smart terminals in people's work and life has become increasingly wide, and people can perform man-machine interaction or information interaction with others by inputting information into smart terminals.

[0004] The information input into a smart terminal may be one or more of various elements, such as text messages, voice messages, video messages, address links, emojis, etc. In the process of inputting elements, a plurality of element themes and elements are presented in a specified area, and the user can easily grasp the element content through the element theme and send the elements to a client for information interaction by operating the elements.

Summary of the Invention

[0005] [Problems to be Solved by the Invention] Embodiments of the present disclosure provide an element control method, apparatus, device, storage medium and program product for an information input page that facilitate user browsing by expanding and then displaying an element identification area.

[0006] [Means for Solving the Problems] According to a first aspect, an embodiment of the present disclosure provides a method for controlling elements on an information input page, and this element control method is The steps include displaying an element identification area and an element display area on the information input page, The steps include: obtaining an extended command corresponding to a first operation on the element identification area in response to the first operation; The process includes the step of controlling the element identification area to be enlarged and displayed based on the enlargement command.

[0007] According to a second aspect, an embodiment of the present disclosure provides an element control device for an information input page, which element control device is A panel display module for displaying an element identification area and an element display area on the information input page, An instruction acquisition module for acquiring an extended instruction corresponding to a first operation on the element identification area, The system includes an enlargement display module for controlling the enlargement and display of the element identification area based on the enlargement command.

[0008] According to a third aspect, embodiments of the present disclosure provide an electronic device, which is One or more processors, A storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors are made to implement the information input page element control method described in the first embodiment.

[0009] According to a fourth aspect, an embodiment of the present disclosure provides a computer-readable storage medium which stores a computer program that, when executed by a processor, implements the element control method of the information input page described in the first aspect.

[0010] According to a fifth aspect, an embodiment of the present disclosure provides a computer program product which, when executed by a processor, implements an element control method for an information input page as described in the first aspect.

[0011] According to the sixth aspect, an embodiment of the present disclosure provides a computer program which, when executed by a processor, includes instructions that implement the information input page element control method described in the first aspect. [Brief explanation of the drawing]

[0012] By referring to the following specific embodiments while linking the drawings, the above and other features, advantages and aspects of each embodiment of this disclosure will become clearer. Throughout the drawings, the same or similar symbols 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.

[0013] [Figure 1] This is a flowchart of the element control method for the information input page in the embodiment of the present disclosure. [Figure 2] This is a schematic diagram of the information input page in an embodiment of the present disclosure. [Figure 3] This is a schematic diagram showing the element identification area enlarged after a slide operation in an embodiment of the present disclosure. [Figure 4] This is a schematic diagram illustrating the movement of an element identification area and an element display area in relation to each other in an embodiment of the present disclosure. [Figure 5] This is a flowchart of the element control method for the information input page in the embodiment of the present disclosure. [Figure 6] This is a schematic diagram showing how to drag and move an element theme control in an embodiment of the present disclosure. [Figure 7] This is a schematic diagram illustrating the movement of an element theme control by a click operation in an embodiment of the present disclosure. [Figure 8]It is a flowchart of an element control method for an information input page in an embodiment of the present disclosure. [Figure 9] It is a schematic view of the display of an element display area when sliding vertically in an embodiment of the present disclosure. [Figure 10] It is a schematic view of displaying an element theme name in an element display area in an embodiment of the present disclosure. [Figure 11] It is a schematic structural diagram of a data order adjustment device in an embodiment of the present disclosure. [Figure 12] It is a schematic structural diagram of an electronic device in an embodiment of the present disclosure.

Embodiments for Carrying out the Invention

[0014] Hereinafter, 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 figures, it should be understood that the present disclosure can be realized in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments are provided to more clearly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are merely exemplary and not intended to limit the protection scope of the present disclosure.

[0015] It should be understood that each step described in the embodiments of the method of the present disclosure may be executed in a different order and / or may be executed in parallel. In addition, the embodiments of the method may include additional steps and / or may omit the execution of the steps shown. The scope of the present disclosure is not limited in this regard.

[0016] As used herein, the term "comprising" and its variations are open-ended inclusion, meaning "including, but not limited to." The term "based on" means "at least partially based on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one another embodiment," and the term "some embodiments" means "at least some embodiments." Related definitions of other terms are given in the following description.

[0017] It should be noted that the concepts such as "first," "second," etc. mentioned in this disclosure are only for distinguishing different devices, modules or units, and are not for limiting the order of functions executed by these devices, modules or units or their mutual dependency relationships.

[0018] It should be noted that the modifiers "one" and "a plurality" mentioned in this disclosure are not restrictive but exemplary. Those skilled in the art should understand that, unless otherwise clearly specified in the context, it should be understood as "one or a plurality."

[0019] The names of messages or information interacted between multiple devices in the embodiments of this disclosure are only for the purpose of explanation and not for limiting the scope of these messages or information.

[0020] The method, apparatus, device, storage medium and program product for element control of the information input page according to the embodiments of this disclosure may be applied to any one message input scenario.

[0021] The above message input scenarios may include message input scenarios in instant communication application programs, live streaming application programs, information retrieval application programs, game application programs, shopping application programs, document editing application programs, audio-video application programs, etc. For example, a scenario in an instant communication application program where you interact with another person's client via message. Another example is a scenario in a live streaming application program where you input a message and interact with a live streamer. Another example is a scenario in an audio-video application program where you comment on a fragment of audio-video being played. Another example is a scenario in an audio-video application program where you select special effects when creating something. The above elements are a type of input information, and for example, the elements may be emojis, or the elements may be item identifiers.

[0022] To illustrate this point, the embodiments of this disclosure will use a scenario of message interaction in an instant communication application program as an example.

[0023] Due to the size limitations of smart devices, element identifiers are designed to be relatively small and difficult for users to view in order to display more element identifiers within a designated area. The element control method, apparatus, device, storage medium, and program product of the information input page according to the embodiments of this disclosure facilitate user viewing by enlarging the element identification area before display. The element control method of the information input page according to the embodiments of this application will be described in detail below, with reference to the drawings.

[0024] Figure 1 is a flowchart of an element control method for an information input page in an embodiment of the present disclosure. This embodiment may also be applied when controlling elements on an information input page. This method may be performed by an element control device for the information input page, which may be implemented using software and / or hardware. This element control device for the information input page may be located on an electronic device.

[0025] For example, the electronic device may be a mobile terminal, a fixed terminal or a portable terminal, such as a mobile phone, a station, a unit, a device, a multimedia computer, a multimedia tablet, an internet node, a communication device, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet PC, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camera, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a game device, or any combination thereof, or accessories and peripherals including these devices, or any combination thereof.

[0026] Furthermore, for example, the electronic device may be a server, the server may be an entity server, a cloud server, the server may be a single server, or a cluster of servers.

[0027] As shown in Figure 1, the method for controlling elements of an information input page according to the embodiment of this disclosure mainly includes steps S101 to S103.

[0028] S101 displays an element identification area and an element display area on the information input page.

[0029] Here, when a user uses an application program on an electronic device, the application program presents its application interface to the user via the electronic device. The application interface presented by the application program includes multiple function windows in the current business scenario related to the application program, such as a text input window and an element presentation window. Each function window may correspond to a single prompt control. The current business scenario may include any one scenario that requires information input, such as a cloud document business scenario, an instant communication business scenario, a live streaming scenario, or a game scenario. The user can perform a prompt operation on a function window using the prompt control corresponding to that function window.

[0030] In one embodiment of this disclosure, an element panel is displayed on an information input page in response to a prompt operation on the element panel. Here, the prompt operation on the element panel by the user may include various implementation methods, for example, the user may perform the prompt operation on the element panel by triggering a prompt control corresponding to the element panel in the current business scenario.

[0031] Furthermore, as shown in Figure 2, the information input page of the electronic device mainly consists of two parts of content: an element panel 10 and a message display area 20. The element panel 10 includes an element identification area 11 and an element display area 12. Here, the element identification area 11 includes multiple element theme controls 13. The element display area 12 is used to display multiple elements 14, and exemplary, each element theme includes at least one element 14.

[0032] In this embodiment, the elements displayed in the element display area 12 are elements corresponding to the selected element theme. The selected element theme is displayed in a special manner, and as shown in Figure 2, the elements displayed in the element display area 12 are elements included in element theme A. In this case, element theme A is displayed by making the border lines thicker.

[0033] S102, In response to the first operation on the element identification area, an extended instruction corresponding to the first operation is obtained.

[0034] In one embodiment of the present disclosure, the first operation includes a click operation for a predetermined time duration and / or a slide operation along a first predetermined angular range.

[0035] Here, the preset time duration may be set according to the actual situation, and selectively, the preset time duration may be one of 1 second, 2 seconds, or 3 seconds. A click operation of the preset time duration may be understood as a long press operation; for example, pressing and holding the element identification area 11 for the preset time duration will respond to a long press operation on the element identification area. A click operation of the preset time duration on the element identification area 11 may be a click operation of the preset time duration on any blank area within the element identification area 11, or a click operation of the preset time duration on any element theme control within the element identification area 11.

[0036] A slide operation along a first preset angle range may be understood as the angle between the slide direction corresponding to the user's slide operation in the element identification area and the horizontal direction being within the first preset angle range. Here, the first preset angle range may be set according to the actual situation, and selectively, the first preset angle range is 45 degrees. Here, the horizontal direction refers to the direction parallel to the top frame of the terminal.

[0037] It should be explained that the sliding operation in the element identification area may have a starting point within the element identification area, an ending point within the element identification area, or an ending point outside the element identification area, and is not limited to the embodiments of this disclosure.

[0038] In the embodiments of this disclosure, the sliding operation along the first preset angle range may be a sliding operation to the left along the first preset angle range, or a sliding operation to the right along the first preset angle range.

[0039] In the embodiments of this disclosure, an enlargement command for the element identification area is obtained by a long press or slide operation on the element identification area, making the operation method simple and convenient.

[0040] Here, the expansion instruction may be understood as an instruction that controls the expansion operation of the element identification area.

[0041] In one embodiment of the present disclosure, an enlargement command is obtained in response to a click operation of a predetermined duration on the element identification area.

[0042] In one embodiment of the present disclosure, an enlargement command is obtained in response to a sliding operation along a first preset angular range with respect to the element identification region.

[0043] S103, Based on the enlargement command, control is performed to enlarge and display the element identification area.

[0044] In the embodiments of this disclosure, the size of the element identification area may be enlarged and displayed, and the element theme controls within the element identification area may be enlarged and displayed.

[0045] In one embodiment of the present disclosure, expanding and displaying the element identification area based on the expansion command includes expanding and displaying both the element theme controls contained within the element identification area and the size of the element identification area based on the expansion command, wherein the element theme controls include an element theme diagram and / or an element theme name.

[0046] The aforementioned element theme may be understood as the main content of a certain type of element. Here, the element theme may be represented in the form of an image, represented using a single character name, or represented using both an image and a character name simultaneously. For example, if the element is an emoji, the element theme diagram may be an emoji associated with this theme, and the element theme name may be the main content of all emojis under this theme, such as doodles, decorative characters, etc. Here, the emoji may be a single static emoji or a single dynamic emoji, and is not limited in this embodiment.

[0047] In one embodiment of the present disclosure, the enlargement command controls the simultaneous enlargement of the size of the element identification area and the theme control within the element identification area.

[0048] Here, the enlargement command may carry a preset magnification ratio, which controls the size of the element identification area and the size of the theme control within the element identification area, and simultaneously enlarges them at the preset magnification ratio based on the current display size.

[0049] Here, the enlargement command may carry two different enlargement ratios. The first command controls the size of the element identification area and enlarges it by a first enlargement ratio based on the current display size. The second command controls the size of the theme control within the element identification area and enlarges it by a second enlargement ratio based on the current display size. In this embodiment, the magnitudes of the first and second enlargement ratios are not specifically limited.

[0050] In one embodiment of the present disclosure, when displaying the enlarged element identification area, the enlarged element identification area may be displayed using a predetermined position of the element identification area before enlargement as a fixed point. This fixed point may be the center point of the element identification area before enlargement, an operation point corresponding to a click operation, or a slide starting point corresponding to a slide operation.

[0051] In one embodiment of the present disclosure, as shown in Figure 3, in response to a leftward slide operation on the element identification area, both the element theme control contained within the element identification area and the size of the element identification area are enlarged and displayed.

[0052] In the embodiments of this disclosure, both the element theme control contained within the element identification area and the size of the element identification area are enlarged and displayed to facilitate user viewing.

[0053] Embodiments of the present disclosure provide an element control method for an information input page, which includes the steps of: displaying an element identification area and an element display area on an information input page; obtaining an enlargement command corresponding to a first operation on the element identification area in response to the first operation; and controlling the element identification area to enlarge and display it based on the enlargement command. Embodiments of the present disclosure facilitate user browsing by displaying an element identification area on an information input page, and then enlarging and displaying the element identification area in response to an operation on the element identification area.

[0054] Based on the above embodiment, the element control method for the information input page further includes the steps of moving and presenting the element display area at a second preset angle in response to a slide operation along a first preset angle range in the element identification area, and / or moving and presenting the element identification area at a first preset angle in response to a slide operation along a second preset angle range in the element display area, wherein the first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

[0055] In the embodiments of this disclosure, the sliding operation along the first preset angle range may be a leftward sliding operation along the first preset angle range, or a rightward sliding operation along the first preset angle range. Whether it is a leftward or rightward sliding operation, the sliding direction corresponding to this sliding operation may be within the first preset angle range. For example, a leftward sliding operation may be a leftward sliding operation or a leftward sliding operation, and a rightward sliding operation may be a rightward sliding operation or a rightward sliding operation.

[0056] Here, the second preset angle may be an angle perpendicular to the top frame of the terminal. The direction of movement of the element display area at the second preset angle is associated with the direction corresponding to the sliding operation of the element identification area.

[0057] In one embodiment of the present disclosure, as shown in Figure 4, in response to a leftward slide operation along a first preset angle range in the element identification area, the element display area is moved upward at an angle perpendicular to the top frame of the terminal and presented. In response to a rightward slide operation along the first preset angle range in the element identification area, the element display area is moved downward at an angle perpendicular to the top frame of the terminal and presented.

[0058] In the embodiments of this disclosure, the sliding operation along the second preset angle range may be an upward sliding operation along the second preset angle range, or a downward sliding operation along the second preset angle range. Whether it is a leftward or rightward sliding operation, the sliding direction corresponding to this sliding operation may be within the first preset angle range. For example, a downward sliding operation may be a downward sliding operation to the left, or a downward sliding operation to the right, and an upward sliding operation may be an upward sliding operation to the left, or a upward sliding operation to the right.

[0059] Here, the first preset angle may be an angle parallel to the top frame of the terminal. The direction of movement of the element identification area at the second preset angle is associated with the direction corresponding to the sliding operation of the element display area.

[0060] In one embodiment of the present disclosure, in response to a downward sliding operation along a second preset angle range in the element display area, the element identification area is moved to the left at an angle parallel to the top frame of the terminal and presented.

[0061] In one embodiment of the present disclosure, in response to an upward sliding operation along a second preset angle range in the element display area, the element identification area is moved to the right at an angle perpendicular to the top frame of the terminal and presented.

[0062] In the embodiments of this disclosure, the operation of the element display area and the element identification area is associated with movement presentation, thereby ensuring that the elements displayed in the element display area are elements corresponding to the element theme in the element identification area, and thus facilitating user operation.

[0063] Based on the above embodiment, the method further includes the steps of, when enlarging and displaying the element identification area, moving and presenting the element display area at a second preset angle in response to a fourth operation on a target element theme control contained within the element identification area, and positioning the element display area in an element list corresponding to the target element theme control.

[0064] Here, the fourth operation may be a click operation, and the target element theme control is the element theme control corresponding to the position clicked by the fourth operation. The second operation, moving and presenting the element display area at a preset angle, may be understood as presenting the element display area by moving it vertically up and down.

[0065] When the target element theme control is to the right of the current element theme control, in response to the fourth operation on the target element theme control, the element display area is moved vertically upward and presented, and the element display area is positioned to present the element list corresponding to the target element theme control. When the target element theme control is to the left of the current element theme control, in response to the fourth operation on the target element theme control, the element display area is moved vertically downward and presented, and the element display area is positioned to present the element list corresponding to the target element theme control. Here, the current element theme control is the element theme control corresponding to the element list displayed in the current element display area.

[0066] In the embodiments of this disclosure, when a target element theme control is selected, the element display area is positioned to move quickly and present the element list corresponding to the target element theme control, thereby ensuring a one-to-one correspondence between the element theme control and the element list in the element display area.

[0067] Based on the above embodiment, the embodiment of this disclosure further optimizes the element control method for the information input page, and as shown in Figure 5, the optimized element control method for the information input page mainly includes steps S201 to S206.

[0068] S201 displays an element identification area and an element display area on the information input page.

[0069] S202, In response to the first operation on the element identification area, an extended instruction corresponding to the first operation is obtained.

[0070] S203, Based on the enlargement command, control is performed to enlarge and display the element identification area.

[0071] Here, the flow of steps S201 to S203 in this embodiment is the same as the flow of steps S101 to S103 in the above embodiment, and you may refer to the description of the above embodiment for specific operation flows and forms, and this embodiment is not specifically limited.

[0072] S204, when the element identification area is enlarged and displayed, in response to a second operation on the element theme control contained within the element identification area, the element theme control is indicated as being in a movable state.

[0073] Here, the element theme control may be any one of the element theme controls in the element identification area, and the second operation on the element theme control may include a click operation on the element theme control.

[0074] An element theme control selected by a click is indicated as being in a movable state, and an element theme control in a movable state can be moved in the element identification area based on subsequent operations. Here, indicating that an element is in a movable state does not necessarily require any special display on the information input page, even if it is only indicated in the background. Alternatively, indicating that an element is in a movable state may also require a special display on the information input page, which may be an enlarged display, a shadow added to the background, or a dynamic display of the element theme control. The special display is used to indicate to the user that the element theme control is in a movable state and can be moved.

[0075] S205, In response to a third operation on the element identification region, the target position is determined.

[0076] In this embodiment, the third operation is used to determine a target position for an element theme control that is in a movable state within the element identification area. Here, the third operation may be a click operation or a drag operation, and is not specifically limited in this embodiment.

[0077] In one embodiment of the present disclosure, determining a target position in response to a third operation on the element identification region includes obtaining a drag trajectory corresponding to the drag operation following the second operation in response to a drag operation on a movable element theme control, determining a horizontal movement parameter corresponding to the drag trajectory in response to a drag-release operation on the movable element theme control, and determining the target position based on the horizontal movement parameter.

[0078] Here, this drag operation may be received based on the terminal's touchscreen, an external control device for the terminal, or the terminal's camera. The external control device for the terminal can follow this drag operation and move the element theme control to any one of the positions in the element identification area. The fact that the drag operation follows the second operation may be understood as performing the drag operation directly after the second operation, specifically, performing the drag operation directly after the click operation without moving away from the trigger device.

[0079] In one embodiment of the present disclosure, in response to a drag operation on a movable element theme control, a drag trajectory corresponding to the drag operation is acquired in real time. The drag trajectory may be understood as the position through which the drag operation passes. Here, the drag trajectory may consist of a series of coordinate points.

[0080] Here, the drag release operation may be understood as the cancellation of a release operation. Selectively, the drag release operation may be the detection of the loss of contact between the user and the input device that acquired the drag operation, for example, the detection that the user's finger has left the touchscreen and the user and the input device that acquired the drag operation have lost contact.

[0081] In this embodiment of the disclosure, in response to the drag release operation, the corresponding drag start and end points in the drag trajectory are obtained, the horizontal distance between the drag start and end points is determined, and the horizontal distance is set as the horizontal movement parameter corresponding to the drag trajectory.

[0082] In one embodiment of this disclosure, in response to the drag-release operation, a straight line segment corresponding to the drag trajectory is obtained, and the length of the right-angle side of this straight line segment is calculated based on the straight line segment, the drag start point, and the drag end point. The length of the right-angle side parallel to the top frame of the terminal is determined as the horizontal movement parameter.

[0083] Specifically, the drag start point and drag end point may be expressed in coordinate form, and the horizontal distance between the drag start point and drag end point is calculated by determining the difference between the two horizontal coordinates based on the two coordinate points.

[0084] In one embodiment of this disclosure, a horizontal movement parameter is added to the horizontal coordinate of the drag starting point to obtain a single numerical value, which is used as the horizontal coordinate of the target position, and the vertical coordinate of the drag starting point is used as the vertical coordinate of the target position.

[0085] One embodiment of this disclosure provides a different method for determining the target position, in which the horizontal coordinate of the drag endpoint is used as the horizontal coordinate of the target position, and the vertical coordinate of the drag starting point is used as the vertical coordinate of the target position.

[0086] In the embodiments of this disclosure, the target position of the element theme control is determined by a drag operation, making it easy and convenient to use.

[0087] One embodiment of the present disclosure further includes, in response to a drag operation on a movable element theme control, acquiring a drag trajectory corresponding to the drag operation, and simultaneously controlling the movable element theme control to move in accordance with the drag operation.

[0088] As shown in Figure 6, the element theme D control is made movable, and in response to a user's drag operation on the element theme D control, the element theme D control moves in accordance with this drag operation.

[0089] In the embodiments of this disclosure, an animation effect is presented in which a movable element theme control moves in response to a drag operation, making it easier for the user to understand the position of the element theme control in real time.

[0090] One embodiment of the present disclosure further includes controlling the movable element theme control to move in accordance with the drag operation, and at the same time controlling the first element theme control to move in a preset direction, wherein the first element theme control is an element theme control corresponding to the position through which the drag trajectory passes, and the preset direction is the opposite direction to the drag trajectory.

[0091] Here, the element theme control corresponding to the position traversed by the drag path may be understood as the element theme control that coincides with the horizontal coordinate corresponding to the drag path.

[0092] Furthermore, when the drag trajectory moves to the left, the preset direction is to the right, and when the drag trajectory moves to the right, the preset direction is to the left.

[0093] As shown in Figure 6, element theme B control and element theme C control are designated as the first element theme controls. In response to a user's drag operation on element theme D control, element theme D control moves to the left in accordance with this drag operation, while element theme B control and element theme C control move to the right.

[0094] In the embodiments of this disclosure, the element theme control associated with the drag trajectory also moves accordingly, enabling rapid repositioning of the element theme control.

[0095] In one embodiment of the present disclosure, determining a target position in response to a third operation on the element identification area includes obtaining the location of an element theme control that is not in a movable state in response to a click operation on the element theme control that is not in a movable state, and determining the location of the element theme control that is not in a movable state as the target position.

[0096] In the embodiments of this disclosure, an element theme control that is not in a movable state refers to all element theme controls in the element identification region other than the element theme controls that are in a movable state.

[0097] As shown in Figure 7, Element Theme D control is a movable Element Theme control, and Element Theme B control is a non-movable Element Theme control. In response to a click operation on Element Theme B control, the position of Element Theme B control is obtained, and the position of Element Theme B control is determined as the target position. Element Theme D control is moved to the position of Element Theme B control, and Element Theme B control and Element Theme C control are moved to the next position to the right.

[0098] In the embodiments of this disclosure, the target position is determined by clicking on an element theme control that is not in a movable state, making the operation simple and convenient.

[0099] S206 moves the movable element theme control from its current position to the target position.

[0100] In the embodiments of this disclosure, the position of element theme controls is adjusted by manipulating element theme controls contained within the element identification area, thereby providing convenience to users in adjusting frequently used or interesting element theme controls to a more prominent position and facilitating user interaction.

[0101] Based on the above embodiment, the embodiment of this disclosure further optimizes the element control method for the information input page, and as shown in Figure 8, the optimized element control method for the information input page mainly includes the following steps.

[0102] S301, In response to a vertical slide operation on the element display area, slide information corresponding to the slide operation is acquired in real time.

[0103] Here, a vertical slide operation may be understood as a slide operation perpendicular to the top frame of the terminal. The slide information includes the slide direction and the slide distance.

[0104] In this embodiment, slide information corresponding to the slide operation is acquired in real time, and in this way, the element list in the element display area can constantly move and change in accordance with the vertical slide operation.

[0105] S302, Based on the slide information, a target element list is determined, and the target element list consists of elements included in the same element theme, or the target element list consists of elements included in multiple different element themes.

[0106] In embodiments of the present disclosure, the element display area may include at least one row of element lists, each element list may include at least one element, and the target element list may be understood as the element list to be displayed in the element display area.

[0107] The fact that the aforementioned target element list consists of elements included within the same element theme may be understood as meaning that the element lists displayed in the element display area belong to the same element theme. For example, all element lists displayed in the element display area belong to element theme A.

[0108] The fact that the aforementioned target element list consists of elements included in different element themes may be understood as meaning that the element lists displayed within the element display area belong to different element themes. For example, the element lists displayed at the top of the element display area all belong to element theme A, and the element lists displayed at the bottom of the element display area all belong to element theme B. Here, the different element themes may be two or more element themes.

[0109] In one embodiment of the present disclosure, the step of determining a target element list based on slide information includes the steps of: obtaining the current element list in the element display area; deleting a first element list in the current element list when the slide distance included in the slide information is greater than a preset length, wherein the first element list is a list of at least one row of elements in the current element list; and adding a second element list to the current element list to obtain a target element list.

[0110] Here, the current element list refers to the element list currently displayed in the element display area. The aforementioned preset length may be set according to the actual situation. The aforementioned preset length may also be the width of one line of the element list in the element display area.

[0111] In one embodiment of the present disclosure, when the vertical sliding operation is an upward slide, the first element list is the element list of the first row in the current element list, and the second element list is an element list after the element list of the last row in the current element list; when the sliding operation is a downward slide, the first element list is the element list of the last row in the current element list, and the second element list is an element list before the element list of the first row in the current element list.

[0112] Here, the element lists after the last row's element list and the last row's element list may belong to the same element theme or to different element themes. The element lists before the first row's element list and the first row's element list may belong to the same element theme or to different element themes.

[0113] In the embodiments of this disclosure, when the vertical slide operation is an upward slide, the first row of elements in the current element list is deleted, and elements from the last row of elements in the current element list onwards are added to the current element list to form the target element list.

[0114] In the embodiments of this disclosure, when the vertical slide operation is a downward slide, the element list of the last row in the current element list is deleted, and the element list prior to the element list of the first row in the current element list is added to the current element list to constitute the target element list.

[0115] It should be explained that the embodiments of this disclosure provide a display method that adds only one line of element lists. After displaying the target element list in the element display area, the target element list is set as the new current element list, slide information corresponding to the slide operation is acquired again, and the element list is moved and displayed based on the slide information.

[0116] As shown in Figure 9, when the vertical slide operation is an upward slide, the element lists 01, 02, 03, 04, 05, 06, 07, 08, 09, and 10 of the first row in the current element list are deleted, and the element lists 31, 32, 33, 34, 35, 36, 37, 38, 39, and 40 that are after the element list of the last row in the current element list are added to the current element list to form the target element list.

[0117] S303, The target element list is displayed in the element display area.

[0118] In one embodiment of the present disclosure, displaying a target element list in the element display area includes, when the target element list consists of elements included in a plurality of different element themes, displaying the corresponding element theme name in a pre-configured area in the element display area.

[0119] As shown in Figure 10, when the target element list consists of elements contained within multiple different element themes, the element theme name is displayed before the single-line element list contained within the element theme. This makes it easier for users to quickly grasp the names of the element lists.

[0120] In the embodiments of this disclosure, switching between element lists corresponding to different element themes is achieved by a vertical sliding operation on the element display area, thereby increasing the number of ways to switch elements and making user operation easier.

[0121] In one embodiment of the present disclosure, the element display area includes a first-class element list and a second-class element list, the transmission methods of elements in the first-class element list and the second-class element list are different, and the element control method further includes the steps of presenting a switch between the first-class element list and the second-class element list in the element display area by a damping effect in response to a first presentation switching operation between the first-class element list and the second-class element list, and / or presenting a switch of elements by an undamping effect in response to a second presentation switching operation for an element list in the first-class element list or in the second-class element list. Here, an undamping effect means that the user can perform the slide operation smoothly without resistance, and a damping effect means that there is slide resistance during the slide operation by the user, that is, there is resistance or obstruction to the slide. For example, when switching between a list of elements of category 1 and a list of elements of category 2, the user cannot smoothly slide directly from the list of elements of category 1 to the list of elements of category 2. Instead, a pause occurs when the list of elements of category 2 reaches a predetermined position, and the list of elements of category 2 continues to slide from the predetermined position only if the user continues to slide for a predetermined duration or a predetermined distance. Furthermore, the sliding speed at which the list of elements of category 2 continues to slide from the predetermined position may differ from the sliding speed at which the list of elements of category 2 has not yet reached the predetermined position.

[0122] For example, sending a list of elements of type 1 may be done by clicking on the element in the element display area, displaying the element in the message input field, and sending it together with a text message entered in the message input field. That is, elements of type 1 may be sent to the recipient as a single message along with text. As a method of sending a list of elements of type 2, clicking on the element in the element display area may directly send the element to the recipient, and it may be displayed in the message interaction area but not in the message input field. Here, the list of elements of type 1 and the list of elements of type 2 may each contain elements corresponding to one or more element themes.

[0123] In this embodiment, when switching between the first-class element list and the second-class element list by sliding vertically in the element display area, the switch between the first-class element list and the second-class element list is presented using a damping effect.

[0124] In this embodiment, when switching between the element list within the first category element list and the element list within the second category element list by sliding vertically in the element display area, the switch between the first category element list and the second category element list is presented using a non-dampening effect.

[0125] In embodiments of this disclosure, a damping effect can be generated when switching between different types of element lists, thereby enhancing the user's perception of the distinction between different types of elements and improving the user experience.

[0126] Figure 11 is a schematic diagram of the structure of an element control device for an information input page in an embodiment of the present disclosure. This embodiment may also be applied when controlling elements in an information input page. This element control device for an information input page may be implemented using software and / or hardware methods, and this element control device for an information input page may be located on an electronic device.

[0127] As shown in Figure 11, the element control device for the information input page according to the embodiment of this disclosure mainly includes a panel display module 111, a command acquisition module 112, and an enlarged display module 113.

[0128] Here, the panel display module 111 is used to display an element identification area and an element display area on the information input page. The instruction acquisition module 112 is used to acquire an extended instruction corresponding to a first operation on the element identification area in response to the first operation. The magnification module 113 is used to control the element identification area to be enlarged and displayed based on the magnification command.

[0129] In one embodiment of the present disclosure, the magnification module 113 is specifically used to magnify and display both the element theme controls contained within the element identification area and the size of the element identification area, based on the magnification command, wherein the element theme controls include an element theme diagram and / or an element theme name.

[0130] In one embodiment of the present disclosure, the method apparatus further includes, when enlarging and displaying the element identification area, a state indication module for indicating that the element theme control is in a movable state in response to a second operation on the element theme control contained within the element identification area; a position determination module for determining a target position in response to a third operation on the element identification area; and a position movement module for moving the element theme control, which is in a movable state, from its current position to the target position.

[0131] In one embodiment of the present disclosure, the position determination module includes a trajectory acquisition unit for acquiring a drag trajectory corresponding to a drag operation following a second operation, in response to a drag operation on a movable element theme control, when used to determine a target position in response to a third operation on the element identification region; a movement parameter determination unit for determining horizontal movement parameters corresponding to the drag trajectory in response to a drag release operation on the movable element theme control; and a position determination unit for determining the target position based on the horizontal movement parameters.

[0132] In one embodiment of the present disclosure, the positioning module further includes a control movement unit for acquiring a drag trajectory corresponding to a drag operation on a movable element theme control, and for controlling the movable element theme control to move in accordance with the drag operation.

[0133] In one embodiment of the present disclosure, the control movement unit is used to control the movable element theme control so that it moves in accordance with the drag operation, and at the same time, it is used to control the first element theme control so that it moves in a preset direction, the first element theme control being an element theme control corresponding to the position through which the drag trajectory passes, and the preset direction being the opposite direction to the drag trajectory.

[0134] In one embodiment of the present disclosure, the position determination module includes a position acquisition unit for acquiring the location of an element theme control that is not in a movable state in response to a click operation on the element theme control that is not in a movable state, and a position determination unit for determining the location of the element theme control that is not in a movable state as the target position.

[0135] In one embodiment of the present disclosure, the element display area includes at least one row of element lists, each element list includes at least one element, and the element control device further includes: a slide information acquisition module for acquiring slide information corresponding to a vertical slide operation on the element display area in real time; a target element list determination module for determining a target element list based on the slide information, wherein the target element list consists of elements included in the same element theme, or the target element list consists of elements included in a plurality of different element themes; and a target element list display module for displaying the target element list in the element display area.

[0136] In one embodiment of the present disclosure, the target element list determination module includes: a current element list acquisition unit for acquiring the current element list in the element display area; an element list deletion unit for deleting a first element list in the current element list when the slide distance included in the slide information is greater than a preset length, wherein the first element list is a list of at least one row of elements in the current element list; and an element list addition unit for adding a second element list to the current element list to obtain a target element list.

[0137] In one embodiment of the present disclosure, when the vertical sliding operation is an upward slide, the first element list is the element list of the first row in the current element list, and the second element list is an element list after the element list of the last row in the current element list; when the vertical sliding operation is a downward slide, the first element list is the element list of the last row in the current element list, and the second element list is an element list before the element list of the first row in the current element list.

[0138] In one embodiment of the present disclosure, the target element list display module is used to display a target element list in the element display area, and further, when the target element list consists of elements included in a plurality of different element themes, to display the corresponding element theme name in a pre-set area in the element display area.

[0139] In one embodiment of the present disclosure, the element display area includes a first-class element list and a second-class element list, the transmission methods of elements in the first-class element list and the second-class element list are different, and the element control device further includes a damping presentation module for presenting the switching between the first-class element list and the second-class element list with a damping effect in response to a first presentation switching operation between the first-class element list and the second-class element list in the element display area, and / or a non-dumping presentation module for presenting the switching of elements with an undmping effect in response to a second presentation switching operation for an element list in the first-class element list or in the second-class element list.

[0140] In one embodiment of the present disclosure, the first operation includes a click operation for a predetermined time duration and / or a slide operation along a first predetermined angular range.

[0141] In one embodiment of the present disclosure, the apparatus further includes an element display area movement and presentation module for moving and presenting the element display area at a second preset angle in response to a sliding operation along a first preset angle range in the element identification area, and / or moving and presenting the element identification area at a first preset angle in response to a sliding operation along a second preset angle range in the element display area, wherein the first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

[0142] In one embodiment of the present disclosure, the element display area movement presentation module is further used to move and present the element display area at a second preset angle in response to a fourth operation on a target element theme control contained within the element identification area, when the element identification area is enlarged and displayed, and to position the element display area to present an element list corresponding to the target element theme control.

[0143] The adjustment device for controlling elements of an information input page according to the embodiments of this disclosure can perform steps performed in the method for controlling elements of an information input page according to the method embodiments of this disclosure, and the steps to be performed and their beneficial effects will not be described further here.

[0144] Figure 12 is a schematic diagram of the structure of an electronic device in an embodiment of the present disclosure. Hereinafter, we will refer specifically to Figure 12, which shows a schematic diagram of a structure suitable for realizing the electronic device 1200 in an embodiment of the present disclosure. The electronic device 1200 in an embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and wearable devices, as well as fixed terminals such as digital TVs, desktop computers, and smart home devices. The electronic device shown in Figure 12 is merely an example and does not impose any limitations on the functions and scope of use of the embodiment of the present disclosure.

[0145] As shown in Figure 12, the electronic device 1200 may include a processing unit 1201 (for example, a central processor, a graphics processor, etc.) which can perform various appropriate operations and processes based on a program stored in read-only memory (ROM) 1202 or a program loaded from storage device 1208 into random access memory (RAM) 1203 to realize the image rendering method of the embodiment described herein. RAM 1203 further stores various programs and data necessary for operating the terminal device 1200. The processing unit 1201, ROM 1202, and RAM 1203 are connected to each other via bus 1204. An input / output (I / O) interface 1205 is also connected to bus 1204.

[0146] Generally, an input device 1206, including, for example, a touchscreen, touch panel, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 1207, including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; a storage device 1208, including, for example, tape, hard disk, etc.; and a communication device 1209 can be connected to the I / O interface 1205. The communication device 1209 can allow the terminal device 1200 and other devices to exchange data via wireless or wired communication. Figure 12 shows a terminal device 1200 with various devices, but it should be understood that it is not required to implement or have all the devices shown. Alternatively, more or fewer devices may be implemented or have been included.

[0147] In particular, according to embodiments of the present disclosure, the process described with reference to the flowchart above may 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 placed on a non-temporary computer-readable medium, and this computer program implements the element control method on the information input page described above by including program code for performing the method shown in the flowchart. In such an embodiment, this computer program may be downloaded and installed from a network via a communication device 1209, or installed from a storage device 1208, or installed from a ROM 1202. When this computer program is executed by the processing unit 1201, the above functions, limited in the manner of embodiments of the present disclosure, are performed.

[0148] It should be noted that the computer-readable medium in this disclosure may be a computer-readable signal medium, a computer-readable storage medium, or any combination thereof. The computer-readable storage medium may be, but is not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage mediums may include, but are not limited to, an electrical connection having one or more wires, a portable computer magnetic disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact magnetic disk read-only memory (CD-ROM), optical memory device, magnetic memory device, or any suitable combination thereof. In this disclosure, the computer-readable storage medium may be any tangible medium containing or storing a program, which may be used by or in combination with an instruction execution system, apparatus, or device. On the other hand, in this disclosure, a computer-readable signaling medium may include data signals propagated in the baseband or as part of a carrier, on which computer-readable program code is carried. The data signals propagated in this manner may include, but are not limited to, electromagnetic signals, optical signals, or any suitable combination thereof. The computer-readable signaling medium may be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit programs for use by or in combination with instruction execution systems, apparatus, or devices. The program code contained on the computer-readable medium may be transmitted by any suitable medium, including, but not limited to, electric wires, optical cables, RF (radio frequency), or any suitable combination thereof.

[0149] In some embodiments, clients and servers can communicate using any currently known or future-to-be-developed network protocol, such as HTTP (HyperText Transfer Protocol), and can interconnect with digital data communications (e.g., communication networks) in any form or medium. Examples of communication networks include local area networks ("LANs"), wide area networks ("WANs"), the World Wide Web (e.g., the Internet), end-to-end networks (e.g., ad hoc end-to-end networks), and any currently known or future-to-be-developed networks.

[0150] The computer-readable medium described above may be included in the electronic device described above, or it may be a standalone entity not assembled in the electronic device.

[0151] The computer-readable medium contains one or more programs, and when the one or more programs are executed by this electronic device, the terminal device displays an element identification area and an element display area on an information input page, and in response to a first operation on the element identification area, it obtains an enlargement command corresponding to the first operation, and controls the device to enlarge and display the element identification area based on the enlargement command.

[0152] When one or more of the above programs are selectively executed by this terminal device, the electronic device may further perform other steps described in the above embodiment.

[0153] Computer program code for performing the operations of the Disclosure can be written in one or more programming languages ​​or combinations thereof, and such programming languages ​​include, but are not limited to, object-oriented programming languages—e.g., Java, Smalltalk, C++, and moreover, general procedural programming languages—e.g., the "C" language or similar programming languages. The program code may run entirely on a user computer, partially on a user computer, run as a single standalone software package, run partially on a user computer, partially on a remote computer, or run entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or it may be connected to an external computer (e.g., connected via the Internet using an Internet service provider).

[0154] The flowcharts and block diagrams in the drawings illustrate the implementable systematic architecture, functions, and operations of the systems, methods, and computer program products according to each embodiment of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, program segment, or portion of code, which contains one or more executable instructions for implementing a defined logic function. It should also be noted that in some implementations as alternatives, the functions attached to the blocks may occur in a different order than those attached in the drawings. For example, two consecutive blocks may actually be executed essentially in parallel, or they may be executed in reverse order depending on the functions involved. It should also be noted that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, may be implemented by a dedicated hardware-based system that performs the defined function or operation, or by a combination of dedicated hardware and computer instructions.

[0155] The units referred to in the descriptions of the embodiments of this disclosure may be implemented in software or in hardware. Herein, the names of the units are not limited in any case to the units themselves.

[0156] The functions described above in this specification may be performed by at least partially one or more hardware logic components. For example, typical types of hardware logic components that can be used include, but are not limited to, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific general-purpose products (ASSPs), systems on chips (SOCs), and complex programmable logic devices (CPLDs).

[0157] In the context of this disclosure, a machine-readable medium may be a tangible medium that contains or stores a program for use by or in combination with an instruction execution system, device, or apparatus. 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 apparatus, or any appropriate combination of the above. More specific examples of machine-readable storage media include one or more wire-based electrical connections, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any appropriate combination of the above.

[0158] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, the method comprising displaying an element identification area and an element display area on an information input page, obtaining an enlargement command corresponding to a first operation on the element identification area in response to the first operation, and controlling the element identification area to enlarge and display based on the enlargement command.

[0159] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the step of enlarging and displaying the element identification area based on the enlarge command includes the step of enlarging and displaying both the element theme control contained within the element identification area and the size of the element identification area based on the enlarge command, wherein the element theme control includes an element theme diagram and / or an element theme name.

[0160] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, which, when the element identification area is enlarged and displayed, includes the steps of: indicating an element theme control contained within the element identification area as movable in response to a second operation on the element theme control; determining a target position in response to a third operation on the element identification area; and moving the movable element theme control from its current position to the target position.

[0161] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the step of determining a target position in response to a third operation on the element identification area includes the steps of: obtaining a drag trajectory corresponding to the drag operation following the second operation in response to a drag operation on an element theme control that is in a movable state; determining a horizontal movement parameter corresponding to the drag trajectory in response to a drag release operation on the element theme control that is in a movable state; and determining the target position based on the horizontal movement parameter.

[0162] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, which further includes the steps of obtaining a drag trajectory corresponding to a drag operation on a movable element theme control in response to the drag operation on the movable element theme control, and controlling the movable element theme control to move in accordance with the drag operation in response to the drag operation on the movable element theme control.

[0163] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, further comprising the steps of controlling a movable element theme control to move in accordance with a drag operation, and simultaneously controlling a first element theme control to move in a predetermined direction, wherein the first element theme control is an element theme control corresponding to a position through which the drag trajectory passes, and the predetermined direction is the opposite direction to the drag trajectory.

[0164] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the step of determining a target position in response to a third operation on the element identification area includes the steps of obtaining the position of an element theme control that is not in a movable state in response to a click operation on the element theme control that is not in a movable state, and determining the position of the element theme control that is not in a movable state as the target position.

[0165] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the element display area includes at least one row of element lists, each element list includes at least one element, and the element control method further includes the steps of: acquiring slide information in real time in response to a vertical slide operation on the element display area; determining a target element list based on the slide information, wherein the target element list consists of elements included in the same element theme, or the target element list consists of elements included in a plurality of different element themes; and displaying the target element list in the element display area.

[0166] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the step of determining a target element list based on slide information includes the steps of: obtaining the current element list in the element display area; deleting a first element list in the current element list when the slide distance included in the slide information is greater than a preset length, wherein the first element list is a list of at least one row of elements in the current element list; and adding a second element list to the current element list to obtain a target element list.

[0167] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page, wherein when the vertical slide operation is an upward slide, the first element list is the element list of the first row in the current element list, and the second element list is an element list after the element list of the last row in the current element list; and when the vertical slide operation is a downward slide, the first element list is the element list of the last row in the current element list, and the second element list is an element list before the element list of the first row in the current element list.

[0168] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the step of displaying a target element list in the element display area includes, when the target element list consists of elements included in a plurality of different element themes, the step of displaying the corresponding element theme name in a pre-configured area in the element display area.

[0169] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, wherein the element display area includes a first-class element list and a second-class element list, and the transmission methods of elements in the first-class element list and the second-class element list are different, and the element control method further includes the steps of presenting a switch between the first-class element list and the second-class element list by a damping effect in response to a first presentation switch operation between the first-class element list and the second-class element list in the element display area, and / or presenting an element switch by an undamping effect in response to a second presentation switch operation for an element list in the first-class element list or in the second-class element list.

[0170] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements of an information input page, wherein the first operation includes a click operation for a predetermined time duration and / or a slide operation along a first predetermined angular range.

[0171] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, the element control method further comprising the steps of moving and presenting an element display area at a second preset angle in response to a slide operation along a first preset angle range in the element identification area, and / or moving and presenting an element identification area at a first preset angle in response to a slide operation along a second preset angle range in the element display area, wherein the first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

[0172] According to one or more embodiments of the present disclosure, the present disclosure provides an element control method for an information input page, the element control method further includes the step of, when enlarging and displaying the element identification area, moving and presenting the element display area at a second preset angle in response to a fourth operation on a target element theme control contained within the element identification area, and positioning the element display area to present an element list corresponding to the target element theme control.

[0173] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, the element control device including a panel display module for displaying an element identification area and an element display area on the information input page, an instruction acquisition module for acquiring an enlargement command corresponding to a first operation on the element identification area in response to the first operation, and an enlargement display module for controlling the element identification area to enlarge and display based on the enlargement command.

[0174] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the enlargement display module is used to enlarge and display both the element theme control contained within the element identification area and the size of the element identification area, based on the enlargement command, and the element theme control includes an element theme diagram and / or an element theme name.

[0175] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, which further includes a state indication module for indicating an element theme control as movable in response to a second operation on the element theme control contained within the element identification area when the element identification area is enlarged and displayed; a position determination module for determining a target position in response to a third operation on the element identification area; and a position movement module for moving the movable element theme control from its current position to the target position.

[0176] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, the position determination module includes a trajectory acquisition unit for acquiring a drag trajectory corresponding to a drag operation following a second operation in response to a drag operation on a movable element theme control when used to determine a target position in response to a third operation on the element identification area; a movement parameter determination unit for determining horizontal movement parameters corresponding to the drag trajectory in response to a drag release operation on the movable element theme control; and a position determination unit for determining the target position based on the horizontal movement parameters.

[0177] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the position determination module further includes a control movement unit for obtaining a drag trajectory corresponding to a drag operation on a movable element theme control in response to the drag operation, and for controlling the movable element theme control to move in accordance with the drag operation.

[0178] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the control movement unit is used to control the movable element theme control so that it moves in accordance with the drag operation, and at the same time, it is used to control the first element theme control so that it moves in a preset direction, the first element theme control being an element theme control corresponding to the position through which the drag trajectory passes, and the preset direction being the opposite direction to the drag trajectory.

[0179] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, the position determination module including a position acquisition unit for acquiring the location of an element theme control that is not in a movable state in response to a click operation on the element theme control that is not in a movable state, and a position determination unit for determining the location of the element theme control that is not in a movable state as a target position, when used to determine a target position in response to a third operation on the element identification area.

[0180] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the element display area includes at least one row of element lists, each element list includes at least one element, and the element control device further includes: a slide information acquisition module for acquiring slide information in real time in response to a vertical slide operation on the element display area; a target element list determination module for determining a target element list based on the slide information, wherein the target element list consists of elements included in the same element theme, or the target element list consists of elements included in a plurality of different element themes; and a target element list display module for displaying the target element list in the element display area.

[0181] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, the target element list determination module includes: a current element list acquisition unit for acquiring the current element list in the element display area; an element list deletion unit for deleting a first element list in the current element list when the slide distance included in the slide information is greater than a preset length, wherein the first element list is a list of at least one row of elements in the current element list; and an element list addition unit for adding a second element list to the current element list to obtain a target element list.

[0182] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein when the vertical slide operation is an upward slide, the first element list is the element list of the first row in the current element list, and the second element list is an element list after the element list of the last row in the current element list; and when the vertical slide operation is a downward slide, the first element list is the element list of the last row in the current element list, and the second element list is an element list before the element list of the first row in the current element list.

[0183] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the target element list display module is used to display a target element list in the element display area, and further, if the target element list consists of elements included in a plurality of different element themes, to display the corresponding element theme name in a pre-configured area in the element display area.

[0184] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the element display area includes a first-class element list and a second-class element list, the transmission methods of elements in the first-class element list and the second-class element list are different, and the element control device further includes a damping presentation module for presenting the switching between the first-class element list and the second-class element list with a damping effect in response to a first presentation switching operation between the first-class element list and the second-class element list in the element display area, and / or a non-dumping presentation module for presenting the switching of elements with an undamping effect in response to a second presentation switching operation for an element list in the first-class element list or in the second-class element list.

[0185] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the first operation includes a click operation of a predetermined time duration and / or a slide operation along a first predetermined angular range.

[0186] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, the element control device further includes an element display area movement and presentation module for moving and / or moving the element display area at a first preset angle in response to a slide operation along a first preset angle range in the element identification area, the first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

[0187] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page, wherein the element display area movement and presentation module is further used to move and present the element display area at a second preset angle in response to a fourth operation on a target element theme control contained within the element identification area when the element identification area is enlarged and displayed, and to position the element display area to present an element list corresponding to the target element theme control.

[0188] According to one or more embodiments of this disclosure, this disclosure provides an electronic device, which is, One or more processors, Includes memory for storing one or more programs, When one or more of the aforementioned programs are executed by one or more of the aforementioned processors, the one or more of the aforementioned processors are made to implement the element control method for any one of the information input pages according to this disclosure.

[0189] According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium in which a computer program is stored, and when the program is executed by a processor, the present disclosure implements a method for controlling elements of any one of the information input pages.

[0190] Embodiments of the present disclosure further provide a computer program product which, when executed by a processor, implements a method for controlling elements of the information input page described above.

[0191] The above description is merely an explanation of preferred embodiments and the technical principles in which the present disclosure is applied. As those skilled in the art should understand, the scope of the disclosure is not limited to technical solutions formed by specific combinations of the above technical features, and should also cover other technical solutions formed by any combination of the above technical features or their equivalents, without departing from the disclosed concepts. For example, technical solutions formed by substituting the above features with similar functional technical features disclosed (but not limited to) in this disclosure.

[0192] While each operation is described using specific procedures, these should not be understood as requiring that these operations be performed using specific procedures or sequential execution as shown. In certain environments, multiple tasks and parallel processing may be advantageous. Similarly, while some specific implementation details are included in the above discussion, these should not be understood as limiting the scope of this disclosure. Some features described in the context of a single embodiment may be implemented in combination within a single embodiment. Conversely, various features described in the context of a single embodiment may be implemented in multiple embodiments individually or in any suitable subcombination.

[0193] While this topic has been described using terminology specific to structural features and / or the logical operation of the method, it should be understood that the topic limited to the attached claims is not limited to the specific features or operations described above. Rather, the specific features and operations described above are merely illustrative forms of realizing the claims.

Claims

1. A method for controlling elements for an information input page executed by a computer, wherein the element control method is: A step of displaying an element identification area and an element display area on an information input page, wherein the element identification area includes an element theme control, and the element theme control includes an element theme diagram and / or an element theme name, In response to receiving a first operation in the element identification area, the step of obtaining an extended command corresponding to the first operation, The step of controlling the element identification area to enlarge and display it based on the enlargement command, Based on the aforementioned enlargement command, the element identification area is enlarged and displayed as follows: Based on the aforementioned enlargement command, the following is performed: Enlarge and display both the element theme control and the size of the element identification area contained within the element identification area. method.

2. When the element identification area is enlarged and displayed, the step of indicating the element theme control as movable in response to a second operation on the element theme control contained within the element identification area, The steps include determining the target position in response to a third operation on the element identification region, The method according to claim 1, further comprising the step of moving a movable element theme control from its current position to the target position.

3. The step of determining the target position in response to a third operation on the element identification region is: The steps include: obtaining a drag trajectory corresponding to the drag operation following the second operation in response to a drag operation on an element theme control that is in a movable state; The steps include determining a horizontal movement parameter corresponding to the drag trajectory in response to a drag-release operation on the movable element theme control, The method according to claim 2, comprising the step of determining the target position based on the horizontal movement parameter.

4. In response to a drag operation on an element theme control that is in a movable state, the drag trajectory corresponding to the drag operation is acquired, and at the same time, The method according to claim 3, further comprising the step of controlling the movable element theme control to move in response to a drag operation on the movable element theme control.

5. The element theme control, which is in a movable state, is controlled to move in accordance with the drag operation, and at the same time, The method according to claim 4, further comprising the step of controlling a first element theme control to move in a predetermined direction, wherein the first element theme control is an element theme control corresponding to a position through which the drag trajectory passes, and the predetermined direction is the opposite direction to the drag trajectory.

6. The step of determining the target position in response to a third operation on the element identification region is: In response to a click operation on an element theme control that is not in a movable state, the steps include obtaining the location of the element theme control that is not in a movable state, The method according to claim 2, comprising the step of determining the location of the element theme control that is not in a movable state as the target location.

7. The element display area includes at least one row of element lists, each element list includes at least one element, and the element control method is: The steps include: acquiring slide information in real time in response to a vertical slide operation on the element display area; A step of determining a target element list based on the slide information, wherein the target element list consists of elements included in the same element theme, or the target element list consists of elements included in multiple different element themes. The method according to claim 1, further comprising the step of displaying a target element list in the element display area.

8. The step of determining the target element list based on the slide information is as follows: The steps include obtaining the current list of elements in the element display area, Steps include: deleting a first element list in the current element list when the slide distance included in the slide information is greater than a preset length, wherein the first element list is a list of at least one row of elements in the current element list; The method according to claim 7, comprising the step of adding a second list of elements to the current list of elements to obtain a target list of elements.

9. When the vertical sliding operation is an upward slide, the first element list is the element list of the first row in the current element list, and the second element list is the element list after the element list of the last row in the current element list. The method according to claim 8, wherein when the vertical sliding operation is a downward slide, the first element list is the element list of the last row in the current element list, and the second element list is an element list prior to the element list of the first row in the current element list.

10. The step of displaying the target element list in the element display area is: The method according to claim 7, further comprising the step of displaying the corresponding element theme name in a pre-set area of ​​the element display area when the target element list consists of elements included in a plurality of different element themes.

11. The element display area includes a list of elements of type 1 and a list of elements of type 2, the transmission method of elements in the list of elements of type 1 and the list of elements of type 2 are different, and the element control method is In response to a first presentation switching operation between the element list of category 1 and the element list of category 2 in the element display area, the step of presenting the switching between the element list of category 1 and the element list of category 2 by a damping effect, and / or The method according to claim 8, further comprising the step of presenting a switch of elements by a non-dumping effect in response to a second presentation switch operation for an element list in the element list of Class 1 or in the element list of Class 2.

12. The method according to claim 1, wherein the first operation includes a click operation for a predetermined time duration and / or a slide operation along a first predetermined angular range.

13. A step of moving and / or, in response to a slide operation along a first preset angle range in the element identification area, the element display area is moved at a second preset angle to present the element, and / or, The method further includes the step of moving and presenting the element identification area at a first preset angle in response to a sliding operation along a second preset angle range in the element display area, The method according to claim 12, wherein the first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

14. The method according to claim 12, further comprising the step of, when enlarging and displaying the element identification area, moving and presenting the element display area at a second preset angle in response to a fourth operation on a target element theme control contained within the element identification area, and positioning the element display area to present an element list corresponding to the target element theme control.

15. An element control device for an information input page, wherein the element control device is A panel display module for displaying an element identification area and an element display area on an information input page, wherein the element identification area includes an element theme control, and the element theme control includes a panel display module including an element theme diagram and / or an element theme name. An instruction acquisition module for acquiring an extended instruction corresponding to the first operation in the element identification area, Includes an enlargement display module for controlling the enlargement and display of the element identification area based on the enlargement command, The enlargement display module, based on the enlargement command, enlarges and displays both the element theme control and the size of the element identification area contained within the element identification area. Element control device.

16. Electronic equipment, said electronic equipment, One or more processors, A storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors are made to implement the method described in any one of claims 1 to 14. electronic equipment.

17. A computer-readable storage medium storing a computer program that, when executed by a processor, implements the method described in any one of claims 1 to 14.

18. An element control device, said element control device is One or more processors, Includes memory for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more programs cause the element control device to implement the method described in any one of claims 1 to 14. Element control device.

19. A computer program that, when executed by a processor, includes instructions that implement the method described in any one of claims 1 to 14.

Images