Element control method, device, equipment, and medium for information input page

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 the priority of a Chinese patent application filed on May 10, 2022, with the application number 202210504637.9 and the title "Element Control Method, Apparatus, Device, Medium for Information Input Page", and all of its content is incorporated into this application 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 is becoming 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 themes 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, which 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. This element control method includes: displaying an element identification area and an element display area on the information input page; acquiring an enlargement command corresponding to the first operation in response to a first operation on the element identification area; controlling to enlarge and display the element identification area 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. This element control device includes: a panel display module for displaying an element identification area and an element display area on the information input page; a command acquisition module for acquiring an enlargement command corresponding to the first operation in response to a first operation on the element identification area; an enlargement display module for controlling to enlarge and display the element identification area based on the enlargement command.

[0008] According to a third aspect, an embodiment of the present disclosure provides an electronic device, which includes: one or more processors; a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the element control method for the information input page described in the first aspect.

[0009] According to a fourth aspect, an embodiment of the present disclosure provides a computer-readable storage medium, in which a computer program for implementing the element control method for the information input page described in the first aspect is stored and can be executed by a processor.

[0010] According to a fifth aspect, an embodiment of the present disclosure provides a computer program product, which includes a computer program or instructions that, when executed by a processor, implement the method for controlling elements of the information input page described in the first aspect above.

[0011] According to a sixth aspect, an embodiment of the present disclosure provides a computer program, which includes instructions that, when executed by a processor, implement the method for controlling elements of the information input page described in the first aspect above.

Brief Description of the Drawings

[0012] By referring to the following specific embodiments in conjunction with the drawings, the above and other features, advantages, and aspects of each embodiment of the present 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 elements are not necessarily drawn to scale.

[0013]

Figure 1

Figure 2

Figure 3

Figure 4

Figure 5

Figure 6

Figure 7

Figure 8

Figure 9

Figure 10

Figure 11

Figure 12

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 several embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments are provided to enable a clearer and more complete understanding of 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 in parallel. In addition, the embodiments of the method may include additional steps and / or 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 variations thereof 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 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 dependencies.

[0018] It should be noted that the modifiers "one" and "a plurality" mentioned in this disclosure are not restrictive but illustrative. 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, device, equipment, 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 scenario may include message input scenarios in instant communication application programs, live distribution application programs, information search application programs, game application programs, shopping application programs, document editing application programs, audio and video application programs, etc. For example, it is a scenario of performing message interaction with another person's client in an instant communication application program. Also, for example, it is a scenario of inputting a message and interacting with a live streamer in a live distribution application program. Also, for example, it is a scenario of commenting on a fragment of the playing audio and video in an audio and video application program. Also, for example, it is a scenario of selecting special effects when creating in an audio and video application program. The above element is one type of input information. For example, the element may be an emoji, or the element may be item identification.

[0022] It should be noted that in the embodiments of the present disclosure, the scenario of message interaction in an instant communication application program will be described as an example.

[0023] Due to the limited size of the smart terminal, in order to display more element identifiers in a specified area, the design of the element identifier is relatively small and difficult for the user to view. The element control method, device, equipment, storage medium, and program product of the information input page according to the embodiments of the present disclosure facilitate the user's viewing by expanding and then displaying the element identification area. Hereinafter, the element control method of the information input page according to the embodiments of the present application will be introduced in detail in conjunction with the drawings.

[0024] FIG. 1 is a flowchart of a method for controlling elements on an information input page according to an embodiment of the present disclosure. This embodiment may be applicable when controlling elements on an information input page. This method may be executed by an element control device for an information input page. This element control device for an information input page may be implemented in a software and / or hardware manner, and this element control device for an information input page may be arranged in 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 communicator, 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 / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a game device, or any combination thereof, and may also be accessories and peripheral devices including these devices or any combination thereof.

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

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

[0028] S101. Display 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 to the user includes a plurality of 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 one activation 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, a game scenario, etc. The user can perform an activation operation on a certain function window by using the activation control corresponding to the function window.

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

[0031] Furthermore, as shown in FIG. 2, the information input page of the electronic device mainly includes 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 a plurality of element theme controls 13. The element display area 12 is used to display a plurality of elements 14. Exemplarily, each element theme includes at least one element 14.

[0032] In this embodiment, the elements displayed in the element display area 12 are the elements corresponding to the selected element theme. The selected element theme is displayed in a special way. As shown in FIG. 2, the elements displayed in the element display area 12 are the elements included in the element theme A. At this time, the element theme A is displayed in a way of thickening the frame line.

[0033] S102. In response to a first operation on the element identification area, obtain an enlargement instruction corresponding to the first operation.

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

[0035] Here, the preset time duration may be set according to the actual situation. Optionally, the preset time duration may be any one of 1 second, 2 seconds, or 3 seconds. The click operation with the preset time duration may be understood as a long-press operation. For example, when the element identification area 11 is long-pressed for the preset time duration, it responds to the long-press operation on the element identification area. The click operation with the preset time duration on the element identification area 11 may be a click operation with the preset time duration on any blank area in the element identification area 11, or a click operation with the preset time duration on any one of the element theme controls in the element identification area 11.

[0036] The slide operation along the first preset angle range may be understood as that the angle formed between the slide direction corresponding to the user's slide operation in the element identification area and the horizontal direction is within the first preset angle range. Here, the first preset angle range may be set according to the actual situation. Optionally, 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 noted that for the slide operation in the element identification area, the slide start point may be within the element identification area, the slide end point may be within the element identification area, or the slide end point may not be within the element identification area, which is not limited in the embodiments of the present disclosure.

[0038] In an embodiment of the present disclosure, the slide operation along the first preset angle range may be a left slide operation along the first preset angle range or a right slide operation along the first preset angle range.

[0039] In an embodiment of the present disclosure, a long-press operation or a slide operation on the element identification area is used to realize obtaining an enlargement instruction for the element identification area, and the operation method is simple and convenient.

[0040] Here, the enlargement instruction may be understood as an instruction for controlling an enlargement operation of the element identification area.

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

[0042] In one embodiment of the present disclosure, an enlargement instruction is obtained in response to a slide operation along the first preset angle range on the element identification area.

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

[0044] In an embodiment of the present disclosure, the size of the element identification area may be enlarged and displayed, or the element theme control in the element identification area may be enlarged and displayed.

[0045] In one embodiment of the present disclosure, based on the enlargement instruction, enlarging and displaying the element identification area includes enlarging and displaying both the element theme control included in the element identification area and the size of the element identification area based on the enlargement instruction, and the element theme control includes an element theme diagram and / or an element theme name.

[0046] The foregoing 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, may be represented using a single character name, or may be represented using both an image and a character name simultaneously. For example, when the element is an emoji, the element theme diagram may be one emoji related to this theme, and the element theme name may be the main content of all emojis under this theme, such as scribble symbols, decorative characters, etc. Here, the above 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 magnification command controls to simultaneously magnify the size of the element identification area and the theme control in the element identification area.

[0048] Here, the magnification command may carry a preset magnification ratio, control the size of the element identification area and the size of the theme control in the element identification area, and simultaneously magnify at the preset magnification ratio based on the current display size.

[0049] Here, the magnification command may carry two different magnification ratios, control the size of the element identification area, magnify at the first magnification ratio based on the current display size, control the size of the theme control in the element identification area, and magnify at the second magnification ratio based on the current display size. The magnitudes of the first magnification ratio and the second magnification ratio are not specifically limited in this embodiment.

[0050] In one example of the present disclosure, when displaying the magnified element identification area, the magnified element identification area may be displayed with the preset position of the element identification area before magnification as a fixed point. This fixed point may be the center point of the element identification area before magnification, or may be an operation point corresponding to a click operation or a slide start point corresponding to a slide operation.

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

[0052] In an embodiment of the present disclosure, by enlarging and displaying both the element theme control included in the element identification area and the size of the element identification area, it facilitates the user's browsing.

[0053] The embodiment of the present disclosure provides a method for controlling elements on an information input page. This element control method includes the 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 the first operation on the element identification area, and controlling to enlarge and display the element identification area based on the enlargement command. The embodiment of the present disclosure facilitates the user's browsing by enlarging and then displaying the element identification area in response to an operation on the element identification area after the element identification area is displayed on the information input page.

[0054] Based on the above embodiment, the method for controlling elements on the information input page further includes the step 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 the step of 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. The first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

[0055] In an embodiment of the present disclosure, the slide operation along the first preset angle range may be a left slide operation along the first preset angle range or a right slide operation along the first preset angle range. Whether it is a left slide operation or a right slide operation, the slide direction corresponding to this slide operation may be within the first preset angle range. For example, the left slide operation may be a slide operation in the upper left direction or a slide operation in the lower left direction, and the right slide operation may be a slide operation in the upper right direction or a slide operation in the lower right direction.

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

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

[0058] In an embodiment of the present disclosure, the slide operation along the second preset angle range may be an upward slide operation along the second preset angle range or a downward slide operation along the second preset angle range. Whether it is an upward slide operation or a downward slide operation, the slide direction corresponding to this slide operation may be within the first preset angle range. For example, the downward slide operation may be a slide operation in the lower left direction or a slide operation in the lower right direction, and the upward slide operation may be a slide operation in the upper left direction or a slide operation in the upper right direction.

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

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

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

[0062] In the embodiments of the present disclosure, by associating the operations of the element display area and the element identification area with movement presentation, it is ensured that the elements displayed in the element display area are the elements corresponding to the element themes in the element identification area, facilitating the user's operations.

[0063] Based on the above embodiments, when the method expands and displays the element identification area, in response to a fourth operation on the target element theme control included in the element identification area, the element display area is moved and presented at a second preset angle, and further includes the step of positioning the element display area in the 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. Moving and presenting the element display area at the second preset angle may be understood as moving the element display area vertically up and down for presentation.

[0065] When the target element theme control is on the right side of the current element theme control, in response to a fourth operation on the target element theme control, the element display area is vertically moved upward for presentation, and the element display area is positioned so as to present an element list corresponding to the target element theme control. When the target element theme control is on the left side of the current element theme control, in response to a fourth operation on the target element theme control, the element display area is vertically moved downward for presentation, and the element display area is positioned so as to present an 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 an embodiment of the present disclosure, when the target element theme control is selected, the element display area is quickly moved and positioned to present an element list corresponding to the target element theme control, so as to ensure that there is 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 the present disclosure further optimizes the element control method of the information input page. As shown in FIG. 5, the element control method of the optimized information input page mainly includes steps S201 to S206.

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

[0069] S202. In response to a first operation on the element identification area, obtain an enlargement command corresponding to the first operation.

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

[0071] Here, the flow of steps S201 to S203 according to this embodiment is the same as the flow of steps S101 to S103 according to the above embodiment. For the specific operation flow and form, reference may be made to the description of the above embodiment, and it is not specifically limited in this embodiment.

[0072] S204. When expanding and displaying the element identification area, in response to a second operation on the element theme control included in 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] Indicate the element theme control selected by the click operation as being in a movable state, and the element theme control in the movable state can move in the element identification area based on subsequent operations. Here, indicating the movable state may be only indicated in the background without special display on the information input page. Indicating the movable state may be accompanied by special display on the information input page while being indicated in the background. This special display may be an enlarged display, or an additional shadow display on the background, or a dynamic display of the element theme control. The special display is used to indicate to the user that this element theme control is in a movable state and can perform a moving operation.

[0075] S205. Determine a target position in response to a third operation on the element identification area.

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

[0077] In one embodiment of the present disclosure, determining the target position in response to a third operation on the element identification area includes obtaining a drag trajectory corresponding to the drag operation following the second operation in response to a drag operation on an element theme control 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 in the movable state, and determining the target position based on the horizontal movement parameter.

[0078] Here, this drag operation may be received based on the touch screen of the terminal, an external control device of the terminal, or the camera of the terminal. The external control device of the terminal can move the element theme control to any position in the element identification area following this drag operation. The fact that the drag operation follows the second operation may be understood as directly performing a drag operation after the second operation. Specifically, after a click operation, a drag operation is directly performed without leaving the trigger device.

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

[0080] Here, the drag release operation may be understood as canceling the release operation. Optionally, the drag release operation is to detect that the contact between the user and the input device for obtaining the drag operation has disappeared. For example, it may be to detect that the user's finger has left the touch screen and the contact between the user and the input device for obtaining the drag operation has disappeared.

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

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

[0083] Specifically, the drag start point and the drag end point may be represented in the form of coordinates. Based on the two coordinate points, the difference between the two abscissas is calculated and used as the horizontal distance between the drag start point and the drag end point.

[0084] In one embodiment of the present disclosure, the horizontal movement parameter is added to the abscissa of the drag start point to obtain a numerical value, which is used as the abscissa of the target position, and the ordinate of the drag start point is used as the ordinate of the target position.

[0085] In one embodiment of the present disclosure, another method for determining the target position is provided. The abscissa of the drag end point is used as the abscissa of the target position, and the ordinate of the drag start point is used as the ordinate of the target position.

[0086] In an embodiment of the present disclosure, the target position of the element theme control is determined by a drag operation, which is simple and convenient.

[0087] In one embodiment of the present disclosure, in response to a drag operation on an element theme control in a movable state, while obtaining the drag trajectory corresponding to the drag operation, it further includes controlling the movable element theme control to move following the drag operation in response to the drag operation on the movable element theme control.

[0088] As shown in FIG. 6, the element theme D control is made into an element theme control in a movable state, and according to the user's drag operation on the element theme D control, the element theme D control moves following this drag operation.

[0089] In an embodiment of the present disclosure, by presenting an animation effect in which the movable element theme control moves following the drag operation, it is made easy for the user to grasp the position of the element theme control in real time.

[0090] In one embodiment of the present disclosure, while controlling the movable element theme control to move following the drag operation, it further includes controlling the first element theme control to move in a preset direction, and the first element theme control is the element theme control corresponding to the position through which the drag trajectory passes, and the preset direction is the direction opposite to the drag trajectory.

[0091] Here, the element theme control corresponding to the position through which the drag trajectory passes may be understood as the element theme control that coincides with the abscissa corresponding to the drag trajectory.

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

[0093] As shown in FIG. 6, the element theme B control and the element theme C control are used as the first element theme controls, and according to the user's drag operation on the element theme D control, the element theme D control moves leftward following this drag operation, and the element theme B control and the element theme C control move rightward.

[0094] In an embodiment of the present disclosure, the element theme control associated with the drag trajectory also moves accordingly, and the position change of the element theme control is quickly realized.

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

[0096] In an embodiment of the present disclosure, the element theme control that is not in a movable state refers to all element theme controls in the element identification area other than the element theme control in a movable state.

[0097] As shown in FIG. 7, the element theme D control is an element theme control in a movable state, the element theme B control is an element theme control not in a movable state, and in response to a click operation on the element theme B control, the position of the element theme B control is obtained and the position of the element theme B control is determined as the target position. Move the element theme D control to the position of the element theme B control, and move the element theme B control and the element theme C control to their next positions to the right.

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

[0099] S206. Move the element theme control in a movable state from the current position to the target position.

[0100] In an embodiment of the present disclosure, by operating on the element theme control included in the element identification area, the position adjustment of the element theme control is realized, so as to provide convenience for the user to adjust the frequently used or interesting element theme control to a prominent position and facilitate the user's use.

[0101] Based on the above embodiment, the embodiment of the present disclosure further optimizes the element control method of the information input page. As shown in FIG. 8, the element control method of the optimized information input page mainly includes the following steps.

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

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

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

[0105] S302. Determine a target element list based on the slide information. The target element list is composed of elements included in the same element theme, or the target element list is composed of elements included in a plurality of different element themes.

[0106] In an 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 target element list may be understood as the element list to be displayed in the element display area.

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

[0108] The fact that the target element list is composed of elements included in different element themes may be understood as the element list displayed in the element display area belonging to different element themes. For example, all the element lists displayed at the upper part of the element display area belong to element theme A, and all the element lists displayed at the lower part of the element display area 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, based on the slide information, the step of determining the target element list includes the step of obtaining the current element list in the element display area, and when the slide distance included in the slide information is greater than a preset length, the step of deleting the first element list in the current element list, where the first element list is a list of at least one row of elements in the current element list, and the step of adding a second element list to the current element list to obtain the target element list.

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

[0111] In one embodiment of the present disclosure, 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 the element list after the element list of the last row in the current element list. When the 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 the element list before the element list of the first row in the current element list.

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

[0113] In an embodiment of the present disclosure, when the vertical slide operation is an upward slide, the element list of the first row in the current element list is deleted, and the element list after the element list of the last row in the current element list is added to the current element list to form a target element list.

[0114] In an embodiment of the present 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 before the element list of the first row in the current element list is added to the current element list to form a target element list.

[0115] It should be noted that in an embodiment of the present disclosure, a display method of adding only one row of element list is provided. After the target element list is displayed in the element display area, the target element list is used as the new current element list, and the slide information corresponding to the slide operation is obtained again, and the element list is moved and displayed based on the slide information.

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

[0117] S303. Display the target element list in the element display area.

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

[0119] As shown in FIG. 10, when the target element list is composed of elements included in a plurality of different element themes, the element theme name is displayed before the element list in a row included in the element theme. In this way, it is possible to facilitate the user's quick understanding of the name of the element list.

[0120] In the embodiments of the present disclosure, the vertical slide operation on the element display area realizes the switching of the element lists corresponding to different element themes, increases the element switching method, and facilitates the user's operation.

[0121] In one embodiment of the present disclosure, the element display area includes a first type of element list and a second type of element list, and the transmission methods of the elements in the first type of element list and the second type of element list are different. The element control method further includes, in response to a first presentation switching operation between the first type of element list and the second type of element list in the element display area, presenting the switching between the first type of element list and the second type of element list by a damping effect, and / or, in response to a second presentation switching operation on an element list within the first type of element list or within the second type of element list, presenting the switching of elements by an undamping effect. Here, the undamping effect means that the user can smoothly perform a slide operation without a sense of resistance, and the damping effect means that there is a slide resistance during the slide operation by the user, that is, there is a sense of resistance or inhibition in the slide. Exemplarily, when switching between the first type of element list and the second type of element list, the user cannot smoothly slide directly from the first type of element list to the second type of element list, and a pause occurs when the second type of element list reaches a preset position, and the second type of element list continues to slide only when a preset time length or the user continues to slide a preset distance. Further, the slide speed at which the second type of element list continues to slide from the preset position may be different from the slide speed when the second type of element list has not reached the preset position.

[0122] Exemplarily, for the transmission of the first type of element list, this element may be clicked in the element display area, this element may be displayed in the message input field, and it may be transmitted together with the character message input in the message input field. That is, the first type of element may be transmitted to the other party as one message together with the characters. As a transmission method of the second type of element list, when this element is clicked in the element display area, this element may be directly transmitted to the other party, and it is displayed in the message interaction area and not displayed in the message input field. Here, the first type of element list and the second type of element list may each include elements corresponding to one or more element themes.

[0123] In this embodiment, when performing a vertical slide operation in the element display area to switch between the first type of element list and the second type of element list, the switching between the first type of element list and the second type of element list is presented by a damping effect.

[0124] In this embodiment, when performing a vertical slide operation in the element display area to switch between the element list in the first type of element list and the element list in the second type of element list, the switching between the first type of element list and the second type of element list is presented by a non-damping effect.

[0125] In the embodiments of the present disclosure, by generating a damping effect for the switching of different types of element lists, the user's perception of the distinction between different types of elements can be enhanced, and the user's usage experience can be improved.

[0126] FIG. 11 is a schematic structural diagram of an element control device for an information input page in an embodiment of the present disclosure. This embodiment may be applicable when controlling elements on an information input page. This element control device for the information input page may be implemented by adopting a software and / or hardware manner, and this element control device for the information input page may be arranged in an electronic device.

[0127] As shown in FIG. 11, the element control device for the information input page according to the embodiment of the present disclosure mainly includes a panel display module 111, an instruction acquisition module 112, and a magnification 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 a magnification instruction corresponding to the first operation in response to the first operation on the element identification area. The magnification display module 113 is used to control to magnify and display the element identification area based on the magnification instruction.

[0129] In one embodiment of the present disclosure, specifically, the magnification display module 113 is used to magnify and display both the element theme control included in the element identification area and the size of the element identification area based on the magnification instruction. The element theme control includes an element theme diagram and / or an element theme name.

[0130] In one embodiment of the present disclosure, when the method device magnifies and displays the element identification area, in response to a second operation on the element theme control included in the element identification area, it further includes a state notation module for denoting the element theme control as a movable state, a positioning 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 in a movable state from the current position to the target position.

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

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

[0133] In one embodiment of the present disclosure, the control movement unit is used to control the element theme control in the movable state to move following the drag operation, and at the same time, is further used to control a first element theme control to move in a preset direction. The first element theme control is the element theme control corresponding to the position through which the drag trajectory passes, and the preset direction is the direction opposite to the drag trajectory.

[0134] In one embodiment of the present disclosure, when the positioning module is used to determine a target position in response to a third operation on the element identification area, it responds to a click operation on an element theme control that is not in a movable state, and includes a position acquisition unit for acquiring the position where the element theme control that is not in a movable state is located, and a positioning unit for determining the position where the element theme control that is not in a movable state is located as the target position.

[0135] In one embodiment of the present disclosure, at least one row of element lists is included in the element display area, 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 the slide operation 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, where the target element list is composed of elements included in the same element theme or the target element list is composed 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, where 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 slide operation is an upward slide, the first element list is the element list of the first row in the current element list, the second element list is the 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 the element list before the element list of the first row in the current element list.

[0138] In one embodiment of the present disclosure, when the target element list display module displays a target element list in the element display area, further, when the target element list is composed of elements included in a plurality of different element themes, it is used to display the corresponding element theme name in a preset area in the element display area.

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

[0140] In one embodiment of the present disclosure, the first operation includes a click operation with a preset time length and / or a slide operation along a first preset angle range.

[0141] In one embodiment of the present disclosure, the apparatus responds to a slide operation along a first preset angle range in the element identification area, and moves and presents the element display area at a second preset angle, and / or responds to a slide operation along a second preset angle range in the element display area, and moves and presents the element identification area at a first preset angle. The element display area movement and presentation module is further included. 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, when the element display area movement and presentation module further enlarges and displays the element identification area, it responds to a fourth operation on the target element theme control included in the element identification area, moves and presents the element display area at a second preset angle, and is used to position the element display area to present the element list corresponding to the target element theme control.

[0143] The element control adjustment apparatus for the information input page according to the embodiment of the present disclosure can execute the steps executed in the element control method for the information input page according to the method embodiment of the present disclosure. The execution steps and beneficial effects are not described in more detail here.

[0144] FIG. 12 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure. Hereinafter, specifically referring to FIG. 12, it shows a schematic structural diagram suitable for the implementation of the electronic device 1200 in the embodiment of the present disclosure. The electronic device 1200 in the embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), wearable terminal devices, etc., and fixed terminals such as digital TVs, desktop computers, smart home devices, etc. The electronic device shown in FIG. 12 is only an example and does not impose limitations on the functions and usage ranges of the embodiments of the present disclosure.

[0145] As shown in FIG. 12, the electronic device 1200 may include a processing device 1201 (e.g., a central processor, a graphics processor, etc.), and the processing device 1201 may execute various appropriate operations and processes based on a program stored in a read-only memory (ROM) 1202 or a program loaded from a storage device 1208 into a random access memory (RAM) 1203 to implement the image rendering method of the embodiments described in the present disclosure. Various programs and data necessary for the operation of the terminal device 1200 are further stored in the RAM 1203. The processing device 1201, the ROM 1202, and the RAM 1203 are connected to each other via a bus 1204. An input / output (I / O) interface 1205 is also connected to the bus 1204.

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

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

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

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

[0150] The computer-readable medium may be included in the above electronic device or may exist independently without being assembled in this electronic device.

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

[0152] Optionally, when the one or more programs are executed by the terminal device, the electronic device may further perform other steps described in the above embodiments.

[0153] Computer program code for performing the operations of the present disclosure can be created in one or various programming languages or combinations thereof, and the programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and further include general procedural programming languages such as the "C" language or similar programming languages. The program code may be executed entirely on a user computer, partially on a user computer, executed as a single independent software package, partially on a user computer and partially on a remote computer, or entirely executed 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 may be connected to an external computer (e.g., connected via the Internet using an Internet service provider).

[0154] Flowcharts and block diagrams in the drawings illustrate the possible system architectures, 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 a flowchart or block diagram may represent a module, a program segment, or a part of code, and this module, program segment, or part of code contains one or more executable instructions for implementing the defined logic function. It should also be noted that in some realizations as alternatives, the functions assigned to the blocks may occur in an order different from that shown in the drawings. For example, two consecutive blocks may actually be executed basically in parallel, or depending on the functions involved, may be executed in the reverse order. Further, it should 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 system based on hardware that executes the defined functions or operations, or may be implemented by a combination of dedicated hardware and computer instructions.

[0155] The units mentioned in the description of the embodiments of the present disclosure may be implemented in a software manner or in a hardware manner. Here, the name of the unit does not limit the unit itself in some cases.

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

[0157] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in combination with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium include electrical connections based on one or more wires, 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 disc read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0158] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements of an information input page, the method including: displaying an element identification area and an element display area on the information input page; obtaining an enlargement instruction 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 instruction.

[0159] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements of an information input page. The step of enlarging and displaying the element identification area based on the enlargement instruction includes the step of enlarging and displaying both the element theme control included in the element identification area and the size of the element identification area based on the enlargement instruction, and 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 a method for controlling elements on an information input page. When expanding and displaying the element identification area, the method includes: responding to a second operation on an element theme control included in the element identification area, and representing the element theme control as being in a movable state; responding to a third operation on the element identification area, and determining a target position; and moving the element theme control, which is in a movable state, from the current position to the target position.

[0161] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page. When responding to a third operation on the element identification area to determine a target position, the method includes: responding to a drag operation on the element theme control that is in a movable state, and obtaining a drag trajectory corresponding to the drag operation following the second operation; responding to a drag release operation on the element theme control that is in a movable state, and determining a horizontal movement parameter corresponding to the drag trajectory; 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 a method for controlling elements on an information input page. When responding to a drag operation on the element theme control that is in a movable state to obtain a drag trajectory corresponding to the drag operation, the method further includes: controlling the element theme control, which is in a movable state, to move following the drag operation in response to the drag operation on the element theme control that is in a movable state.

[0163] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page, which controls the element theme control in a movable state to move following the drag operation, and at the same time, further includes a step of controlling the first element theme control to move in a preset direction, where the first element theme control is an element theme control corresponding to the position passed by the drag trajectory, and the preset direction is a direction opposite to the drag trajectory.

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

[0165] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page. The element display area includes at least one row of element lists, and each element list includes at least one element. The method further includes obtaining slide information corresponding to the slide operation 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, where the target element list is composed of elements included in the same element theme or the target element list is composed 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 a method for controlling elements on an information input page. The step of determining a target element list based on the slide information includes: obtaining a current element list in the element display area; and when the slide distance included in the slide information is greater than a preset length, deleting a first element list in the current element list, where 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. When the vertical slide operation is a slide upward, the first element list is the list of elements in the first row of the current element list, and the second element list is a list of elements after the list of elements in the last row of the current element list. When the vertical slide operation is a slide downward, the first element list is the list of elements in the last row of the current element list, and the second element list is a list of elements before the list of elements in the first row of the current element list.

[0168] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page. The step of displaying a target element list in the element display area includes, when the target element list is composed of elements included in a plurality of different element themes, displaying corresponding element theme names in a preset area in the element display area.

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

[0170] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page. The first operation includes a click operation with a preset time length and / or a slide operation along a first preset angle range.

[0171] According to one or more embodiments of the present disclosure, the present disclosure provides a method for controlling elements on an information input page. The element control method further includes 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. 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 a method for controlling elements on an information input page. When expanding and displaying the element identification area, the method for controlling elements responds to a fourth operation on a target element theme control included in the element identification area, moves and presents the element display area at a second preset angle, and further includes 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 includes 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 expansion instruction corresponding to the first operation in response to a first operation on the element identification area, and an expansion display module for controlling to expand and display the element identification area based on the expansion instruction.

[0174] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page. Specifically, the expansion display module is used to expand and display both the element theme control included in the element identification area and the size of the element identification area based on the expansion instruction. 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. When expanding and displaying the element identification area, the element control device further includes a state notation module for notating the element theme control as movable in response to a second operation on the element theme control included in the element identification area, a positioning 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 in a movable state from the 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. When the positioning module is used to determine a target position in response to a third operation on the element identification area, a trajectory acquisition unit for acquiring a drag trajectory corresponding to the drag operation following the second operation in response to a drag operation on an element theme control in a movable state, a movement parameter determination unit for determining a horizontal movement parameter corresponding to the drag trajectory in response to a drag release operation on the element theme control in the movable state, and a positioning unit for determining the target position based on the horizontal movement parameter.

[0177] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page. The positioning module further includes a control movement unit for controlling the element theme control in the movable state to move following the drag operation while acquiring the drag trajectory corresponding to 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. The control movement unit is used to control the element theme control in the movable state to move following the drag operation and is further used to control a first element theme control to move in a preset direction. The first element theme control is an element theme control corresponding to a position through which the drag trajectory passes, and the preset direction is a direction opposite 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. When the positioning module is used to determine a target position in response to a third operation on the element identification area, in response to a click operation on an element theme control that is not in a movable state, the positioning module includes a position acquisition unit for acquiring the position where the element theme control that is not in a movable state is located, and a positioning unit for determining the position where the element theme control that is not in a movable state is located as the target position.

[0180] 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 display area includes at least one row of element lists, and each element list includes at least one element. The element control device further includes a slide information acquisition module for acquiring slide information corresponding to the slide operation 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, where the target element list is composed of elements included in the same element theme or the target element list is composed 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, and 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, where 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. When the vertical slide operation is an upward slide, the first element list is the list of elements in the first row of the current element list, and the second element list is the list of elements after the list of elements in the last row of the current element list. When the vertical slide operation is a downward slide, the first element list is the list of elements in the last row of the current element list, and the second element list is the list of elements before the list of elements in the first row of 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. When the target element list display module displays a target element list in the element display area, if the target element list is composed of elements included in a plurality of different element themes, it is used to display the corresponding element theme name in a preset 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. The element display area includes a first type of element list and a second type of element list. The transmission methods of the elements in the first type of element list and the second type of element list are different. The element control device responds to a first presentation switching operation between the first type of element list and the second type of element list in the element display area, and presents the switching between the first type of element list and the second type of element list by a damping effect, and / or responds to a second presentation switching operation on an element list in the first type of element list or the second type of element list, and further includes an undamping presentation module for presenting the switching of elements by an undamping effect.

[0185] According to one or more embodiments of the present disclosure, the present disclosure provides an element control device for an information input page. The first operation includes a click operation with a preset time length and / or a slide operation along a first preset 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 presentation module for moving and presenting the element display area at a second preset angle in response to a slide operation along a first preset angular 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 angular range in the element display area. The first preset angular range includes the first preset angle, and the second preset angular 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. When the element display area movement prompt module further enlarges and displays the element identification area, in response to a fourth operation on the target element theme control included in the element identification area, it moves and presents the element display area at a second preset angle, and is used to position the element display area so as to present an element list corresponding to the target element theme control.

[0188] According to one or more embodiments of the present disclosure, the present disclosure provides an electronic device, which includes one or more processors and a memory for storing one or more programs, and when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement any one of the element control methods for an information input page according to the present disclosure.

[0189] According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium storing a computer program, and when the program is executed by a processor, it implements any one of the element control methods for an information input page according to the present disclosure.

[0190] Embodiments of the present disclosure further provide a computer program product, which includes a computer program or instructions that implement the above-mentioned element control method for an information input page when executed by a processor.

[0191] ​The above description is only an explanation of the preferred embodiments of the present disclosure and the technical principles applied. It should be understood by those skilled in the art that the scope of the disclosure related to the present disclosure is not limited to the technical solutions formed by the specific combination of the above technical features, and without departing from the above disclosed concept, other technical solutions formed by any combination of the above technical features or their equivalent features should also be covered. For example, a technical solution formed by replacing the above features with technical features having similar functions (not limited thereto) disclosed in the present disclosure.

[0192] Note that although specific procedures are adopted to describe each operation, it should not be understood that these operations are required to be executed in the specific procedures or sequential executions shown. In a certain environment, parallel processing of multiple tasks may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be understood as limiting the scope of the present disclosure. Some features described in the context of a single embodiment may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented in multiple embodiments alone or in any suitable sub-combination manner.

[0193] Although terms specific to structural features and / or logical operations of methods are used to describe this subject matter, it should be understood that the subject matter defined by the appended claims is not limited to the specific features or operations described above. Rather, the specific features and operations described above are only exemplary forms for implementing the claims.

Claims

1. A method for controlling elements on an information input page, the element control method comprising: 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; controlling to enlarge and display the element identification area based on the enlargement command. A method.

2. The step of enlarging and displaying the element identification area based on the enlargement command includes: enlarging and displaying both the element theme control included in the element identification area and the size of the element identification area based on the enlargement command, wherein the element theme control includes an element theme diagram and / or an element theme name. The method according to claim 1.

3. When enlarging and displaying the element identification area, in response to a second operation on the element theme control included in the element identification area, marking the element theme control as movable; determining a target position in response to a third operation on the element identification area; further including moving the movable element theme control from the current position to the target position. The method according to claim 1.

4. The step of determining a target position in response to a third operation on the element identification area includes: obtaining a drag trajectory corresponding to the drag operation following the second operation in response to a drag operation on the 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; determining the target position based on the horizontal movement parameter. The method according to claim 3.

5. While obtaining a drag trajectory corresponding to the drag operation in response to a drag operation on the movable element theme control, further including controlling the movable element theme control to move following the drag operation in response to the drag operation on the movable element theme control. The method according to claim 4.

6. Controlling the movable element theme control to move following the drag operation, and at the same time, Further including a step of controlling the first element theme control to move in a preset direction, where the first element theme control is the element theme control corresponding to the position through which the drag trajectory passes, and the preset direction is the direction opposite to the drag trajectory. The method according to claim 5. **Claim 7** The step of determining the target position in response to a third operation on the element identification area includes: Responding to a click operation on an element theme control that is not in a movable state, and obtaining the position where the element theme control that is not in a movable state is located; Determining the position where the element theme control that is not in a movable state is located as the target position. The method according to claim 3. **Claim 8** 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: Responding to a vertical slide operation on the element display area, and obtaining slide information corresponding to the slide operation in real time; Based on the slide information, determining a target element list, where the target element list is composed of elements included in the same element theme, or the target element list is composed of elements included in a plurality of different element themes; Displaying the target element list in the element display area. The method according to claim 1. **Claim 9** The step of determining the target element list based on the slide information includes: Obtaining the current element list in the element display area; When the slide distance included in the slide information is greater than a preset length, deleting a first element list in the current element list, where the first element list is a list of at least one row of elements in the current element list; Adding a second element list to the current element list to obtain the target element list. The method according to claim 8. **Claim 10** When the vertical sliding operation is a slide upward, 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 slide downward, 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. The method according to claim 9.

11. The step of displaying a target element list in the element display area is When the target element list is composed of elements included in a plurality of different element themes, the method according to claim 8, further including the step of displaying corresponding element theme names in a preset area in the element display area.

12. The element display area includes a first type of element list and a second type of element list, and the transmission methods of the elements in the first type of element list and the second type of element list are different. The element control method is Responding to a first presentation switching operation between the first type of element list and the second type of element list in the element display area, presenting the switching between the first type of element list and the second type of element list by a damping effect, and / or Responding to a second presentation switching operation on an element list in the first type of element list or the second type of element list, presenting the switching of elements by a non-damping effect. The method according to claim 9, further including the step.

13. The first operation includes a click operation with a preset time length and / or a slide operation along a first preset angle range. The method according to claim 1.

14. Responding to a slide operation along a first preset angle range in the element identification area, moving and presenting the element display area at a second preset angle, and / or Responding to a slide operation along a second preset angle range in the element display area, moving and presenting the element identification area at a first preset angle. Further including The method according to claim 13, wherein the first preset angle range includes the first preset angle, and the second preset angle range includes the second preset angle.

15. When expanding and displaying the element identification area, in response to a fourth operation on a target element theme control included in the element identification area, moving and presenting the element display area at a second preset angle, and further including the step of positioning the element display area to present an element list corresponding to the target element theme control. The method according to claim 13.

16. An element control device for an information input page, the element control device comprising: 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 expansion instruction corresponding to the first operation in response to a first operation on the element identification area; An expansion display module for controlling to expand and display the element identification area based on the expansion instruction. Element control device.

17. An electronic device, the electronic device comprising: 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 implement the method according to any one of claims 1 to 15. Electronic device.

18. A computer-readable storage medium storing a computer program that, when executed by a processor, implements the method according to any one of claims 1 to 15.

19. An element control device, the element control device comprising: One or more processors; A 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 according to any one of claims 1 to 15. Element control device.

20. A computer program including instructions that, when executed by a processor, implement the method according to any one of claims 1 to 15.

Images