Adaptive display method and device of option control, equipment and storage medium

Abstract

The invention relates to the technical field of display equipment, in particular to an option control self-adaptive display method and device, equipment and a storage medium, and the scheme comprises the following steps: in response to a selection operation of a user on a display interface, determining an operation element; determining initial position information according to display position information of the operation element on the display interface; if it is detected that the toolbar exceeds the edge of the display interface when being displayed on the display interface according to the candidate control position, the candidate control position is updated according to the display position information, and a second control position is obtained; controlling the rotary control to be displayed on the display interface according to the first control position; and controlling the toolbar to be completely displayed on the display interface according to the second control position. By means of the scheme, it can be guaranteed that all the option controls are displayed in the display interface, and the phenomenon that the option controls corresponding to the operation elements located at the edge positions in the display interface exceed the interface and cannot be operated is avoided.

Description

Technical Field

[0001] The present invention relates to the technical field of display devices, and in particular to an adaptive display method, device, equipment and storage medium for an option control. Background Art

[0002] In the display interface of existing electronic devices, users can circle and select elements such as pictures, texts, handwriting, etc. in the interface content. After the circle is selected, the display interface will display a selection box of the circled element and a corresponding option control (such as a toolbar). Through the option control, the circled element can be rotated, copied, shared, deleted, etc. However, in the existing display interface, the boundary conditions of the option control are not standardized and defined, and the option control cannot be adaptively adjusted to the position of the element selection box. It is easy for the option control corresponding to the element selection box at the edge of the display interface to exceed the interface and cannot be operated. Summary of the invention

[0003] An object of an embodiment of the present invention is to provide an adaptive display method, device, equipment and storage medium for an option control, so as to solve the technical problem in the related art that the option control cannot be operated because the selection box is at the edge position, causing the option control to be out of bounds.

[0004] In a first aspect, an embodiment of the present invention provides an adaptive display method of an option control, comprising:

[0005] In response to a selection operation of a user on a display interface, an operation element is determined, wherein the operation element is configured with an option control, and the option control includes a spin control and a toolbar;

[0006] Determine initial position information according to display position information of the operating element on the display interface, the initial position information including a first control position of the rotary control and a candidate control position of the toolbar;

[0007] If it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, updating the candidate control position according to the display position information to obtain a second control position;

[0008] Controlling the rotation control to be displayed on the display interface according to the position of the first control;

[0009] The toolbar is controlled to be displayed entirely on the display interface according to the position of the second control.

[0010] In a second aspect, an embodiment of the present invention provides an adaptive display device for an option control, comprising:

[0011] A determination unit, configured to respond to a selection operation of a user on a display interface and determine an operation element, wherein the operation element is configured with an option control, and the option control includes a spin control and a toolbar;

[0012] The determination unit is further used to determine initial position information according to display position information of the operation element on the display interface, wherein the initial position information includes a first control position of the rotation control and a candidate control position of the toolbar;

[0013] an updating unit, configured to update the candidate control position according to the display position information to obtain a second control position if it is detected that the toolbar exceeds an edge of the display interface when displayed on the display interface according to the candidate control position;

[0014] A display unit, configured to control the display of the rotation control on the display interface according to the position of the first control;

[0015] The display unit is further used to control the toolbar to be displayed entirely on the display interface according to the position of the second control.

[0016] In a third aspect, an embodiment of the present invention provides an electronic device, including:

[0017] at least one processor; and,

[0018] a memory communicatively connected to the at least one processor; wherein,

[0019] The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method according to the first aspect.

[0020] In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, wherein the computer program includes program instructions, and when the program instructions are executed by a processor, the processor executes the method as described in the first aspect.

[0021] In the scheme implemented by the above-mentioned method, device, equipment and storage medium for adaptive display of option controls, first respond to the user's selection operation on the display interface, determine the operation element, the operation element is configured with an option control, and the option control includes a rotation control and a toolbar, and then determine the initial position information according to the display position information of the operation element on the display interface, the initial position information includes the first control position of the rotation control and the candidate control position of the toolbar, and then, if it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, the candidate control position is updated according to the display position information to obtain the second control position, and finally the rotation control is controlled to be displayed on the display interface according to the first control position and the toolbar is controlled to be fully displayed on the display interface according to the second control position. Through this scheme, the display position information on the display interface can be preliminarily determined according to the operation element of the user's selection operation, and further according to the distance between the operation element and the edge of the display interface, the specific position of the option control corresponding to the operation element is updated to ensure that the option control is fully displayed in the display interface, avoiding the phenomenon that the option control corresponding to the operation element at the edge position of the display interface exceeds the interface and cannot be operated. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments of the present invention will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative labor.

[0023] Figure 1 It is a flowchart of an adaptive display method of an option control in one embodiment of the present invention;

[0024] Figure 2A This is a schematic diagram of an option control on a display interface in one embodiment of the present invention;

[0025] Figure 2B is a schematic diagram of a display interface on an electronic device in one embodiment of the present invention;

[0026] Figure 2C This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0027] Figure 2D This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0028] Figure 2E This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0029] Figure 2F This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0030] Figure 2G This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0031] Figure 2H This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0032] Fig.2I This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0033] Figure 2J This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0034] Figure 2K This is a schematic diagram of an option control interface in one embodiment of the present invention;

[0035] Figure 3 is a flow chart of another method for adaptively displaying an option control in one embodiment of the present invention;

[0036] Figure 4 is a schematic structural diagram of an adaptive display device of an option control in one embodiment of the present invention;

[0037] Figure 5 Schematic diagram of the structure of an electronic device in one embodiment of the present invention DETAILED DESCRIPTION

[0038] In order to make the purpose, technical scheme and advantages of the present invention more clearly understood, the present invention is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present invention and are not intended to limit the present invention. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present invention.

[0039] It should be noted that, if there is no conflict, the various features in the embodiments of the present invention can be combined with each other, all within the scope of protection of the present invention. In addition, although the functional modules are divided in the device schematic diagram and the logical order is shown in the flow chart, in some cases, the steps shown or described can be performed in a different order from the module division in the device or the flow chart. Furthermore, the words "first", "second", "third", etc. used in the present invention do not limit the data and execution order, but only distinguish the same items or similar items with basically the same functions and effects.

[0040] The present invention is described in detail below through specific embodiments.

[0041] See also Figure 1 , Figure 1 A flow chart of a method for adaptively displaying an option control provided by an embodiment of the present invention, the method comprising the following steps:

[0042] S10. In response to a selection operation of the user on the display interface, determine an operation element, wherein the operation element is configured with an option control, and the option control includes a rotation control and a toolbar.

[0043] The display interface may be a display interface of any electronic device capable of displaying a display, such as an ink screen device.

[0044] Among them, the above-mentioned operation element can be a selection area on the display interface. The selection area can be displayed in the form of a quadrilateral. A rotation control and a toolbar option control are configured in the selection area to facilitate users to operate the selection area according to the selection control.

[0045] The toolbar is a control bar that displays a row of bitmap buttons, which are used to execute commands. Pressing a toolbar button is equivalent to selecting a menu item; if a menu item has the same ID as a toolbar button, using the toolbar button will call the same handler mapped to the menu item. Buttons can be configured to appear and behave as ordinary buttons, radio buttons, or check boxes. In this solution, the toolbar may include commands such as copy, delete, and send, which are not uniquely limited here, and the commands in the toolbar can be changed according to human settings.

[0046] S20. Determine initial position information according to display position information of the operating element on the display interface, wherein the initial position information includes a first control position of the rotation control and a candidate control position of the toolbar.

[0047] For example, see Figure 2A , Figure 2A is the initial position information in the display interface. At this time, the first control position of the rotating control is above the selection area, and the candidate control position of the toolbar is below the selection area.

[0048] Among them, due to the above-mentioned factors of user operation, the initial position information may not be completely displayed in the display interface, such as incomplete display or obstruction.

[0049] Among them, the above-mentioned first control position does not overlap with the above-mentioned candidate control position. If the two positions are in an adjacent area, there is a certain interval between the two positions. The interval can be set manually and can be 16px. There is no unique limitation here.

[0050] S30: If it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, update the candidate control position according to the display position information to obtain a second control position.

[0051] It can be seen that in order to ensure that the option control can be fully displayed in the display interface, the position of the toolbar can be updated according to the distance between the candidate control position and the edge of the display interface, so as to ensure that the partial content beyond the edge of the display interface can be adaptively adjusted to the display interface, thereby ensuring the integrity of the user's subsequent operations.

[0052] S40: Control the rotation control to be displayed on the display interface according to the position of the first control.

[0053] S50: Control the toolbar to be fully displayed on the display interface according to the position of the second control.

[0054] In one embodiment, the method further includes: if it is detected that the toolbar does not exceed the edge of the display interface when displayed on the display interface according to the candidate control position, determining the candidate control position as a second control position.

[0055] If it does not exceed the edge of the display interface, it is determined that the display position of the current option control does not need to be adjusted and can be directly displayed.

[0056] In one embodiment, the display position information includes first-category position information, and determining the initial position information based on the display position information of the operating element on the display interface includes: judging whether the first-category position information satisfies normal position conditions; if so, determining the first control position based on the first-category position information and the rotation control, and determining the candidate control position based on the first-category position information and the toolbar; if not, determining a target display mode corresponding to the option control, and determining the initial position information of the option control relative to the operating element based on the target display mode.

[0057] The first type of position information includes upper edge distance, lower edge distance, left edge distance and right edge distance.

[0058] Optionally, the above-mentioned normal position condition may be: in the current display interface, whether the distance between the operating element and the four edges of the display interface is within a preset range; if the four distances are within the preset range, it is a normal position.

[0059] The distance between the operating element and the four edges of the display interface refers to the straight-line distance between the four border lines of the operating element and the four boundaries of the display interface, which can be expressed as follows: Figure 2B As shown, in Figure 2BIn the plan view of the electronic device, the solid lines formed by right angles represent the four boundary lines in the display interface, the dotted lines represent the four border lines corresponding to the operating elements, and the double-arrow dotted lines represent the distance from each edge to the boundary.

[0060] The above preset range can be set differently according to the size of each electronic device, and is not limited here. For example, Figure 2B As shown, A represents the upper edge distance, B represents the lower edge distance, C represents the left edge distance, and D represents the right edge distance. The normal distance range at this time can be: A>156px and B>156px and C>154px and D>154px.

[0061] The target display mode can be divided into at least seven display modes according to different first position information, and the initial position information of the operating element can be adaptively and dynamically adjusted according to different first position information.

[0062] It can be seen that by detecting whether the first type of position information meets the normal position conditions, it is possible to preliminarily determine whether the display of the current operation element is out of bounds. If so, the display mode of the option control corresponding to the operation element can be flexibly adjusted according to this solution.

[0063] In one embodiment, the display position information also includes second-category position information, and updating the candidate control position according to the display position information to obtain the second control position includes: obtaining the length value in the initial position information of the operating element; performing a difference calculation between the size of the toolbar and the length value to obtain a target difference, wherein the target difference is the second-category position information; updating the candidate control position according to the target difference to obtain the second control position of the toolbar.

[0064] The size of the toolbar is planned by the number of commands in the toolbar. Each command corresponds to a size, and the size is set manually, and there is no unique restriction here.

[0065] It can be seen that based on the initial position, the toolbar and the rotation button are further adjusted according to the length value to obtain the accurate position where all option controls can be displayed.

[0066] In one embodiment, updating the candidate control position according to the target difference to obtain the second control position of the toolbar includes: if the target difference is a positive number, placing the option candidate control position at the center line position in the initial position information of the operating element to obtain the second control position; if the target difference is 0, aligning the option candidate control position with the initial position information of the operating element to obtain the second control position; if the target difference is a negative number, placing the option candidate control position close to the edge relative to the initial position information of the operating element to obtain the second control position.

[0067] The center line position in the initial position information is to obtain the area corresponding to the initial position information, find the center point position in the area, and divide the center line based on the horizontal plane perpendicular to the center point position as the origin.

[0068] The position of the option candidate control is aligned with the initial position information of the operation element so that the edge box of the toolbar in the option control is aligned with the area box in the initial position information.

[0069] For example, Figure 2C As shown, when the target difference is a positive number, the toolbar is placed as shown in the first row of 2C, when the target difference is 0, the toolbar is placed as shown in the second row of 2C, and when the target difference is a negative number, the toolbar is placed as shown in the third row of 2C.

[0070] It can be seen that in this solution, the secondary placement area adjustment is performed according to the length value in the initial position information of the operating element and the length of the toolbar, ensuring that the option controls are within the visible and controllable range.

[0071] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and determining the target display mode corresponding to the option control includes: if the upper edge distance is less than a first preset distance, and the lower edge distance is greater than a second preset distance, determining the first display mode as the target display mode; then: determining the initial position information according to the target display mode includes: determining the first lower display position as the first control position according to the first display mode, the first lower display position being the position below the operating element; determining the second lower display position as the candidate control position according to the first display mode, the second lower display position being the position below the rotation control.

[0072] Among them, the first preset distance may be 52px, and the second preset distance may be 120px.

[0073] In addition, px described throughout the text represents the basic unit of image display, and generally refers to "pixel" (the basic unit of image display).

[0074] For example, if Figure 2D As shown, when the top edge distance is less than 52px, the rotation control can be placed below the operation element, and the toolbar can be placed below the rotation control.

[0075] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and determining the target display mode corresponding to the option control includes: if the upper edge distance is greater than a third preset distance, and the lower edge distance is less than a fourth preset distance, determining the second display mode as the target display mode; then: determining the initial position information according to the target display mode includes: determining the first upper display position as the first control position according to the second display mode, the first upper display position being the position above the operating element; determining the second upper display position as the candidate control position according to the second display mode, the second upper display position being the position above the rotation control.

[0076] Among them, the third preset distance may be 156px, and the fourth preset distance may be 120px.

[0077] For example, if Figure 2E As shown, when the bottom edge distance is less than 120px, the rotation control can be placed above the operation element, and the toolbar can be placed above the rotation control.

[0078] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and determining the target display mode corresponding to the option control includes: if the upper edge distance is greater than a fifth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, then determining the third display mode as the target display mode; then: determining the initial position information according to the target display mode includes: determining the third lower display position as the first control position according to the third display mode, and the second lower display position is the position below the operating element; determining the third upper display position as a candidate control position according to the third display mode, and the third upper display position is the position above the operating element.

[0079] Among them, the fifth preset distance mentioned above can be 156px.

[0080] For example, if Figure 2F As shown, when the upper edge distance is greater than 156px and the lower edge distance B (reference Figure 2BWhen the edge distance diagram in the figure is: 156px>B>52px, the rotation control can be placed below the operating element, and the toolbar can be placed above the operating element.

[0081] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and determining the target display mode corresponding to the option control includes: if the upper edge distance is less than a fifth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, determining the fourth display mode as the target display mode; then: determining the initial position information according to the target display mode includes: determining the fourth lower display position as the first control position according to the fourth display mode, and the fourth lower display position is the position below the operating element; determining the fourth upper display position as a candidate control position according to the fourth display mode, and the fourth upper display position is the position above the level of the operating element and above the rotation control.

[0082] Among them, the above-mentioned operation element level can be generally understood as that in the current display interface, after the user selects the operation element, the operation element is presented in the selection area on the interface, and the candidate control position is displayed inside the selection area.

[0083] For example, if Figure 2G As shown, when the upper edge distance is less than 156px and the lower edge distance B (reference Figure 2B When the edge distance diagram in the figure is: 156px>B>52px, the rotation control can be placed below the operating element, and the toolbar can be placed inside the operating element. The toolbar is located above the rotation control.

[0084] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and determining the target display mode corresponding to the option control includes: if the upper edge distance is less than a sixth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, then determining the fifth display mode as the target display mode; then: determining the initial position information according to the target display mode includes: determining the fifth upper display position as the first control position according to the fifth display mode, and the fifth upper display position is a position above the operating element; determining the fifth lower display position as a candidate control position according to the fifth display mode, and the fifth lower display position is a position above the level of the operating element and below the rotation control.

[0085] The sixth preset distance may be a value close to 0, such as 5 px, and is not limited thereto.

[0086] For example, if Figure 2HAs shown, when the upper edge distance is less than 5px and the lower edge distance B (reference Figure 2B When the edge distance diagram in the figure is: 156px>B>52px, the rotation control can be placed above the operating element, and the toolbar can be placed inside the operating element. The toolbar is located below the rotation control.

[0087] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determining the target display mode corresponding to the option control includes: if the upper edge distance is less than a sixth preset distance, and the lower edge distance is greater than the fifth preset distance, then determining the sixth display mode as the target display mode. Then: determining the initial position information according to the target display mode includes: determining the sixth upper display position as the first control position according to the sixth display mode, and the sixth upper display position is the position above the operating element; determining the sixth lower display position as the candidate control position according to the sixth display mode, and the sixth lower display position is the position below the operating element.

[0088] The sixth preset distance may be a value close to 0, such as 3 px, and is not limited here.

[0089] For example, if Fig.2I As shown, when the upper edge distance is less than 3px and the lower edge distance B (reference Figure 2B When the edge distance diagram in the figure is at: 156px>B, the rotation control can be placed above the operating element, and the toolbar can be placed below the operating element.

[0090] In one embodiment, the first type of position information includes a left edge distance and a right edge distance, and the determining the target display mode corresponding to the option control includes: if either the left edge distance or the right edge distance is less than a seventh preset distance, determining the seventh display mode as the target display mode. Then: determining the initial position information according to the target display mode includes: determining the seventh upper display position as the first control position according to the seventh display mode, the seventh upper display position being the position above the rotation control; determining the seventh lower display position as the candidate control position according to the seventh display mode, the seventh lower display position being the position below the operation element.

[0091] Among them, the seventh preset distance mentioned above can be 154px.

[0092] For example, if Figure 2JAs shown, when the left edge distance is less than 154px, the rotation control can be placed above the operating element, the toolbar can be placed below the operating element, and the toolbar can be placed adjacent to the edge corresponding to the operating element.

[0093] For example, if Figure 2K As shown, when the right edge distance is less than 154px, the rotation control can be placed above the operating element, the toolbar can be placed below the operating element, and the toolbar can be placed adjacent to the edge corresponding to the operating element.

[0094] In the scheme implemented by the above-mentioned method, device, equipment and storage medium for adaptive display of option controls, first respond to the user's selection operation on the display interface, determine the operation element, the operation element is configured with an option control, and the option control includes a rotation control and a toolbar, and then determine the initial position information according to the display position information of the operation element on the display interface, the initial position information includes the first control position of the rotation control and the candidate control position of the toolbar, and then, if it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, the candidate control position is updated according to the display position information to obtain the second control position, and finally the rotation control is controlled to be displayed on the display interface according to the first control position and the toolbar is controlled to be fully displayed on the display interface according to the second control position. Through this scheme, the display position information on the display interface can be preliminarily determined according to the operation element of the user's selection operation, and further according to the distance between the operation element and the edge of the display interface, the specific position of the option control corresponding to the operation element is updated to ensure that the option control is fully displayed in the display interface, avoiding the phenomenon that the option control corresponding to the operation element at the edge position of the display interface exceeds the interface and cannot be operated.

[0095] See also Figure 3 , Figure 3 Another flowchart of the method for adaptively displaying an option control provided by an embodiment of the present invention is provided. The method comprises the following steps:

[0096] S31. Respond to a selection operation of the user on the display interface and determine an operation element.

[0097] S32. Determine whether the first type of position information satisfies a normal position condition. If not, determine a target display mode corresponding to the option control, and determine initial position information of the option control relative to the operating element according to the target display mode.

[0098] S33. If the upper edge distance is less than the first preset distance and the lower edge distance is greater than the second preset distance, the first lower display position is determined as the first control position according to the first display mode, and the first lower display position is the position below the operating element. The second lower display position is determined as the candidate control position according to the first display mode, and the second lower display position is the position below the rotation control.

[0099] S34: If it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the position of the candidate control.

[0100] S35. Obtain the length value in the initial position information of the operation element.

[0101] S36, calculating the difference between the size of the toolbar and the length value to obtain a target difference, where the target difference is the second type of position information; updating the candidate control position according to the target difference to obtain the second control position of the toolbar.

[0102] S37. Control the rotation control to be displayed on the display interface according to the position of the first control, and control the entire toolbar to be displayed on the display interface according to the position of the second control.

[0103] In the scheme implemented by the above-mentioned method, device, equipment and storage medium for adaptive display of option controls, first respond to the user's selection operation on the display interface, determine the operation element, the operation element is configured with an option control, and the option control includes a rotation control and a toolbar, and then determine the initial position information according to the display position information of the operation element on the display interface, the initial position information includes the first control position of the rotation control and the candidate control position of the toolbar, and then, if it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, the candidate control position is updated according to the display position information to obtain the second control position, and finally the rotation control is controlled to be displayed on the display interface according to the first control position and the toolbar is controlled to be fully displayed on the display interface according to the second control position. Through this scheme, the display position information on the display interface can be preliminarily determined according to the operation element of the user's selection operation, and further according to the distance between the operation element and the edge of the display interface, the specific position of the option control corresponding to the operation element is updated to ensure that the option control is fully displayed in the display interface, avoiding the phenomenon that the option control corresponding to the operation element at the edge position of the display interface exceeds the interface and cannot be operated.

[0104] The method of the present application is introduced above, and the device of the present application is introduced below.

[0105] See also Figure 4 , Figure 4 Schematic diagram of the structure of an adaptive display device of an option control provided in an embodiment of the present application. Figure 4 As shown, the adaptive display device of the option control includes:

[0106] A determination unit 401, configured to respond to a selection operation of a user on a display interface and determine an operation element, wherein the operation element is configured with an option control, and the option control includes a spin control and a toolbar;

[0107] The determining unit 401 is further configured to determine initial position information according to display position information of the operating element on the display interface, wherein the initial position information includes a first control position of the rotary control and a candidate control position of the toolbar;

[0108] An updating unit 402 is configured to update the candidate control position according to the display position information to obtain a second control position if it is detected that the toolbar exceeds an edge of the display interface when the toolbar is displayed according to the candidate control position, to obtain a second control position;

[0109] A display unit 403, configured to control the display of the rotation control on the display interface according to the position of the first control;

[0110] The display unit 403 is further configured to control the toolbar to be displayed entirely on the display interface according to the position of the second control.

[0111] In one embodiment, the updating unit 402 is further configured to:

[0112] If it is detected that the toolbar does not exceed the edge of the display interface when displayed on the display interface according to the candidate control position, the candidate control position is determined to be the second control position.

[0113] In one embodiment, the display position information includes first-category position information, and the initial position information is determined based on the display position information of the operating element on the display interface. The determination unit 401 is also used to: determine whether the first-category position information satisfies the normal position condition; if so, determine the first control position based on the first-category position information and the rotation control, and determine the candidate control position based on the first-category position information and the toolbar; if not, determine the target display mode corresponding to the option control, and determine the initial position information of the option control relative to the operating element based on the target display mode.

[0114] In one embodiment, the display position information also includes second-category position information, and the candidate control position is updated according to the display position information to obtain the second control position. The update unit 402 is also used to: obtain the length value in the initial position information of the operating element; calculate the difference between the size of the toolbar and the length value to obtain a target difference, and the target difference is the second-category position information; update the candidate control position according to the target difference to obtain the second control position of the toolbar.

[0115] In one embodiment, the candidate control position is updated according to the target difference to obtain the second control position of the toolbar, and the updating unit 402 is further used for: if the target difference is a positive number, the option candidate control position is placed at the center line position in the initial position information of the operating element to obtain the second control position; if the target difference is 0, the option candidate control position is aligned with the initial position information of the operating element to obtain the second control position; if the target difference is a negative number, the option candidate control position is placed close to the edge relative to the initial position information of the operating element to obtain the second control position.

[0116] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if the upper edge distance is less than a first preset distance, and the lower edge distance is greater than a second preset distance, then determine that the first display mode is the target display mode; then: determining the initial position information according to the target display mode includes: determining that the first lower display position is the first control position according to the first display mode, and the first lower display position is the position below the operating element; determining the second lower display position as a candidate control position according to the first display mode, and the second lower display position is the position below the rotation control.

[0117] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if the upper edge distance is greater than a third preset distance, and the lower edge distance is less than a fourth preset distance, then determine that the second display mode is the target display mode; then: determining the initial position information according to the target display mode includes: determining that the first upper display position is the first control position according to the second display mode, and the first upper display position is the position above the operating element; determining the second upper display position as a candidate control position according to the second display mode, and the second upper display position is the position above the rotation control.

[0118] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if the upper edge distance is greater than a fifth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, then determine that the third display mode is the target display mode; then: determining the initial position information according to the target display mode includes: determining that the third lower display position is the first control position according to the third display mode, and the second lower display position is the position below the operating element; determining the third upper display position as a candidate control position according to the third display mode, and the third upper display position is the position above the operating element.

[0119] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if the upper edge distance is less than a fifth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, then determine that the fourth display mode is the target display mode; then: determining the initial position information according to the target display mode includes: determining that the fourth lower display position is the first control position according to the fourth display mode, and the fourth lower display position is the position below the operating element; determining the fourth upper display position as a candidate control position according to the fourth display mode, and the fourth upper display position is the position above the level of the operating element and above the rotation control.

[0120] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if the upper edge distance is less than a sixth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, then determine that the fifth display mode is the target display mode; then: determining the initial position information according to the target display mode includes: determining the fifth upper display position as the first control position according to the fifth display mode, and the fifth upper display position is a position above the operating element; determining the fifth lower display position as a candidate control position according to the fifth display mode, and the fifth lower display position is a position above the level of the operating element and below the rotation control.

[0121] In one embodiment, the first type of position information includes an upper edge distance and a lower edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if the upper edge distance is less than the sixth preset distance, and the lower edge distance is greater than the fifth preset distance, then determine the sixth display mode as the target display mode. Then: the determination of the initial position information according to the target display mode includes: determining the sixth upper display position as the first control position according to the sixth display mode, and the sixth upper display position is the position above the operation element; determining the sixth lower display position as the candidate control position according to the sixth display mode, and the sixth lower display position is the position below the operation element.

[0122] In one embodiment, the first type of position information includes a left edge distance and a right edge distance, and the determination unit 401 is further used to determine the target display mode corresponding to the option control: if either the left edge distance or the right edge distance is less than a seventh preset distance, determine the seventh display mode as the target display mode. Then: the determination of the initial position information according to the target display mode includes: determining the seventh upper display position as the first control position according to the seventh display mode, the seventh upper display position is the position above the rotation control; determining the seventh lower display position as the candidate control position according to the seventh display mode, the seventh lower display position is the position below the operation element.

[0123] In the scheme implemented by the above-mentioned method, device, equipment and storage medium for adaptive display of option controls, first respond to the user's selection operation on the display interface, determine the operation element, the operation element is configured with an option control, and the option control includes a rotation control and a toolbar, and then determine the initial position information according to the display position information of the operation element on the display interface, the initial position information includes the first control position of the rotation control and the candidate control position of the toolbar, and then, if it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, the candidate control position is updated according to the display position information to obtain the second control position, and finally the rotation control is controlled to be displayed on the display interface according to the first control position and the toolbar is controlled to be fully displayed on the display interface according to the second control position. Through this scheme, the display position information on the display interface can be preliminarily determined according to the operation element of the user's selection operation, and further according to the distance between the operation element and the edge of the display interface, the specific position of the option control corresponding to the operation element is updated to ensure that the option control is fully displayed in the display interface, avoiding the phenomenon that the option control corresponding to the operation element at the edge position of the display interface exceeds the interface and cannot be operated.

[0124] See also Figure 5 , Figure 5 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application, and the computing device may be a display. Figure 5 As shown, the computer device 50 includes a processor 501 and a memory 502. The memory 502 is connected to the processor 501, for example, via a bus.

[0125] The processor 501 is configured to support the computer device 50 to perform the corresponding functions in the method in the above method embodiment. The processor 501 can be a central processing unit (CPU), a network processor (NP), a hardware chip or any combination thereof. The above hardware chip can be an application specific integrated circuit (ASIC), a programmable logic device (PLD) or a combination thereof. The above PLD can be a complex programmable logic device (CPLD), a field-programmable gate array (FPGA), a generic array logic (GAL) or any combination thereof.

[0126] Specifically, the processor 501 may include a sending card, a receiving card and a driving chip.

[0127] The memory 502 is used to store program codes, etc. The memory 502 may include a volatile memory (VM), such as a random access memory (RAM); the memory 502 may also include a non-volatile memory (NVM), such as a read-only memory (ROM), a flash memory, a hard disk drive (HDD) or a solid-state drive (SSD); the memory 502 may also include a combination of the above-mentioned types of memories.

[0128] The processor 501 may call the program code to perform the following operations:

[0129] In response to a selection operation of a user on a display interface, an operation element is determined, wherein the operation element is configured with an option control, and the option control includes a spin control and a toolbar;

[0130] Determine initial position information according to display position information of the operating element on the display interface, the initial position information including a first control position of the rotary control and a candidate control position of the toolbar;

[0131] If it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, updating the candidate control position according to the display position information to obtain a second control position;

[0132] Controlling the rotation control to be displayed on the display interface according to the position of the first control;

[0133] The toolbar is controlled to be displayed entirely on the display interface according to the position of the second control.

[0134] An embodiment of the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, wherein the computer program includes program instructions, and when the program instructions are executed by a computer, the computer executes the method described in the above embodiment.

[0135] A person skilled in the art can understand that all or part of the processes in the above-mentioned embodiments can be implemented by instructing the relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium, and when the program is executed, it can include the processes of the embodiments of the above-mentioned methods. The storage medium can be a disk, an optical disk, a read-only memory (ROM) or a random access memory (RAM), etc.

[0136] The above disclosure is only the preferred embodiment of the present application, which certainly cannot be used to limit the scope of rights of the present application. Therefore, equivalent changes made according to the claims of the present application are still within the scope covered by the present application.

Claims

1. An adaptive display method for an option control, characterized in that: include: In response to a selection operation of a user on a display interface, an operation element is determined, wherein the operation element is configured with an option control, and the option control includes a spin control and a toolbar; Determine initial position information according to display position information of the operating element on the display interface, the initial position information including a first control position of the rotary control and a candidate control position of the toolbar; If it is detected that the toolbar exceeds the edge of the display interface when displayed on the display interface according to the candidate control position, updating the candidate control position according to the display position information to obtain a second control position; Controlling the rotation control to be displayed on the display interface according to the position of the first control; The toolbar is controlled to be displayed entirely on the display interface according to the position of the second control.

2. The method according to claim 1, characterized in that Also includes: If it is detected that the toolbar does not exceed the edge of the display interface when displayed on the display interface according to the candidate control position, the candidate control position is determined to be the second control position.

3. The method according to claim 1, characterized in that The display position information includes first-category position information, and determining the initial position information according to the display position information of the operating element on the display interface includes: Determining whether the first type of location information meets the normal location condition; If satisfied, determining the first control position according to the first type of position information and the rotation control, and determining the candidate control position according to the first type of position information and the toolbar; If not satisfied, a target display mode corresponding to the option control is determined, and initial position information of the option control relative to the operating element is determined according to the target display mode.

4. The method according to claim 3, characterized in that: The display position information further includes second type position information, and updating the candidate control position according to the display position information to obtain the second control position includes: Obtaining the length value in the initial position information of the operation element; Calculate the difference between the size of the toolbar and the length value to obtain a target difference, where the target difference is the second type of position information; The candidate control position is updated according to the target difference to obtain a second control position of the toolbar.

5. The method according to claim 4, characterized in that The updating of the candidate control position according to the target difference to obtain the second control position of the toolbar comprises: If the target difference is a positive number, the option candidate control position is placed at the center line position in the initial position information of the operating element to obtain a second control position; If the target difference is 0, aligning the option candidate control position with the initial position information of the operation element to obtain a second control position; If the target difference is a negative number, the option candidate control position is placed close to the edge relative to the initial position information of the operation element to obtain a second control position.

6. The method according to claim 4, characterized in that The first type of position information includes an upper edge distance and a lower edge distance, and the determining of a target display mode corresponding to the option control includes: If the upper edge distance is less than the first preset distance and the lower edge distance is greater than the second preset distance, determining the first display mode as the target display mode; Then: the determining of the initial position information according to the target display mode includes: Determine, according to the first display mode, a first lower display position as a first control position, wherein the first lower display position is a position below the operating element; A second lower display position is determined as a candidate control position according to the first display mode, and the second lower display position is a position below the rotation control.

7. The method according to claim 4, characterized in that The first type of position information includes an upper edge distance and a lower edge distance, and the determining of a target display mode corresponding to the option control includes: If the upper edge distance is greater than the third preset distance and the lower edge distance is less than the fourth preset distance, determining the second display mode as the target display mode; Then: the determining of the initial position information according to the target display mode includes: Determine, according to the second display mode, a first upper display position as a first control position, wherein the first upper display position is a position above the operating element; A second upper display position is determined as a candidate control position according to the second display mode, and the second upper display position is a position above the rotation control.

8. The method according to claim 4, characterized in that The first type of position information includes an upper edge distance and a lower edge distance, and the determining of a target display mode corresponding to the option control includes: If the upper edge distance is greater than the fifth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, determining the third display mode as the target display mode; Then: the determining of the initial position information according to the target display mode includes: Determine, according to the third display mode, that the third lower display position is the first control position, and the second lower display position is the position below the operating element; A third upper display position is determined as a candidate control position according to the third display mode, and the third upper display position is a position above the operating element.

9. The method according to claim 4, characterized in that The first type of position information includes an upper edge distance and a lower edge distance, and the determining of a target display mode corresponding to the option control includes: If the upper edge distance is less than the fifth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, determining the fourth display mode as the target display mode; Then: the determining of the initial position information according to the target display mode includes: Determine, according to the fourth display mode, that a fourth lower display position is a first control position, wherein the fourth lower display position is a position below the operating element; A fourth upper display position is determined as a candidate control position according to the fourth display mode, and the fourth upper display position is a position above the level of the operating element and above the rotary control.

10. The method according to claim 4, characterized in that The first type of position information includes an upper edge distance and a lower edge distance, and the determining of a target display mode corresponding to the option control includes: If the upper edge distance is less than the sixth preset distance, and the lower edge distance is less than the fifth preset distance and greater than the first preset distance, determining the fifth display mode as the target display mode; Then: the determining of the initial position information according to the target display mode includes: Determine, according to the fifth display mode, a fifth upper display position as a first control position, wherein the fifth upper display position is a position above the operating element; A fifth lower display position is determined as a candidate control position according to the fifth display mode, and the fifth lower display position is a position above the level of the operating element and below the rotary control.

11. The method according to claim 4, characterized in that The first type of position information includes an upper edge distance and a lower edge distance, and the determining of a target display mode corresponding to the option control includes: If the upper edge distance is less than the sixth preset distance and the lower edge distance is greater than the fifth preset distance, the sixth display mode is determined to be the target display mode. Then: the determining of the initial position information according to the target display mode includes: Determine, according to the sixth display mode, a sixth upper display position as a first control position, wherein the sixth upper display position is a position above the operating element; A sixth lower display position is determined as a candidate control position according to the sixth display mode, and the sixth lower display position is a position below the operating element.

12. The method according to claim 4, characterized in that The first type of position information includes a left edge distance and a right edge distance, and the determining of a target display mode corresponding to the option control includes: If either the left edge distance or the right edge distance is less than the seventh preset distance, the seventh display mode is determined as the target display mode. Then: the determining of the initial position information according to the target display mode includes: Determine, according to the seventh display mode, a seventh upper display position as a first control position, wherein the seventh upper display position is a position above the rotary control; A seventh lower display position is determined as a candidate control position according to the seventh display mode, and the seventh lower display position is a position below the operating element.

13. An adaptive display device for an option control, characterized in that: include: A determination unit, configured to respond to a selection operation of a user on a display interface and determine an operation element, wherein the operation element is configured with an option control, and the option control includes a spin control and a toolbar; The determination unit is further used to determine initial position information according to display position information of the operation element on the display interface, wherein the initial position information includes a first control position of the rotation control and a candidate control position of the toolbar; an updating unit, configured to update the candidate control position according to the display position information to obtain a second control position if it is detected that the toolbar exceeds an edge of the display interface when displayed on the display interface according to the candidate control position; A display unit, configured to control the display of the rotation control on the display interface according to the position of the first control; The display unit is further used to control the toolbar to be displayed entirely on the display interface according to the position of the second control.

14. An electronic device, characterized in that: The electronic device comprises a memory and a processor, wherein the memory is connected to the processor, and the processor is used to execute one or more computer programs stored in the memory, and when the processor executes the one or more computer programs, the electronic device implements the method according to any one of claims 1 to 12.

15. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, wherein the computer program includes program instructions, and when the program instructions are executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 12.

Images