CN117421082A - Control display control method and device, electronic equipment and storage medium - Google Patents
Control display control method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN117421082A CN117421082A CN202311434658.9A CN202311434658A CN117421082A CN 117421082 A CN117421082 A CN 117421082A CN 202311434658 A CN202311434658 A CN 202311434658A CN 117421082 A CN117421082 A CN 117421082A
- Authority
- CN
- China
- Prior art keywords
- display
- control
- target selector
- selector
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000003860 storage Methods 0.000 title claims abstract description 18
- 230000003993 interaction Effects 0.000 claims abstract description 88
- 238000004590 computer program Methods 0.000 claims description 16
- 238000003825 pressing Methods 0.000 claims description 6
- 238000012544 monitoring process Methods 0.000 claims description 3
- 230000004044 response Effects 0.000 claims description 2
- 230000002452 interceptive effect Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 13
- 238000004891 communication Methods 0.000 description 8
- 230000007547 defect Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000003079 width control Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000004883 computer application Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000000547 structure data Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a control display control method, a control display control device, electronic equipment and a storage medium, wherein the control display control method comprises the following steps: responding to a trigger instruction of a target selector, and displaying the target selector according to a preset configuration item; acquiring user interaction information according to the display interaction control of the target selector; and adjusting the display area of the current display item corresponding to the user interaction information in the target selector. According to the embodiment of the invention, the display area of the cascade selector is adjusted by displaying the interactive control, so that the problem that data cannot be comprehensively displayed due to insufficient display area of the cascade selector can be solved, the use experience of the display control is improved, and the flexibility of data display of the cascade selector can be improved.
Description
Technical Field
The present invention relates to the field of computer applications, and in particular, to a control display control method, device, electronic apparatus, and storage medium.
Background
With the development of internet technology, production activities are gradually digitalized, and more businesses are executed by means of application software or web pages. Data often requires data interaction within an application software or web page via a display control, e.g., background data is displayed via the display control and a user inputs data via an input control. It is often referred to within an item that some tree structured data needs to interact, such as cities, organization structures, etc., which typically employ cascading selectors to expose and select the data. However, with the development of software and hardware technologies, when the items applied to the web page end are developed to the mobile end, the data cannot be displayed completely due to the limitation of the size of the hardware screen and the insufficient page display area of the conventional cascade selector. Therefore, a control display control manner is needed at present, so that hierarchical structure data is comprehensively displayed, and convenience in control selection and viewing is improved.
Disclosure of Invention
The invention provides a control display control method, a control display control device, electronic equipment and a storage medium, which are used for realizing adjustment of a display area of a cascade selector, reducing the problem that data cannot be comprehensively displayed due to insufficient display area of the cascade selector, improving the use experience of a display control and improving the flexibility of data display of the cascade selector.
According to an aspect of the present invention, there is provided a control display control method, wherein the method includes:
responding to a trigger instruction of a target selector, and displaying the target selector according to a preset configuration item;
acquiring user interaction information according to the display interaction control of the target selector;
and adjusting the display area of the current display item corresponding to the user interaction information in the target selector.
According to another aspect of the present invention, there is provided a control display control apparatus, wherein the apparatus includes:
the control display module is used for responding to a trigger instruction of the target selector and displaying the target selector according to a preset configuration item;
the control interaction module is used for acquiring user interaction information according to the display interaction control of the target selector;
and the display adjustment module is used for adjusting the display area of the current display item corresponding to the user interaction information in the target selector.
According to another aspect of the present invention, there is provided an electronic apparatus including:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the control display control method according to any one of the embodiments of the present invention.
According to another aspect of the present invention, there is provided a computer readable storage medium storing computer instructions for causing a processor to implement a control display control method according to any one of the embodiments of the present invention when executed.
According to the technical scheme, when the trigger instruction of the target selector is received, the target selector is displayed by calling the preset configuration item, the display interaction control in the target selector is used for receiving the user interaction information, and the current display item of the target selector is adjusted according to the user interaction information, so that the dynamic adjustment of the display area of the selector is realized, the comprehensive display of display data can be realized, the display defect caused by the incapability of dynamic adjustment of the selector is overcome, the use experience of a user is improved, and the flexibility of the selector can be enhanced.
It should be understood that the description in this section is not intended to identify key or critical features of the embodiments of the invention or to delineate the scope of the invention. Other features of the present invention will become apparent from the description that follows.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a diagram of a display example of a cascade selector provided according to an embodiment of the present invention;
FIG. 2 is a diagram of another exemplary display of a cascade selector provided in accordance with an embodiment of the invention;
FIG. 3 is a flowchart of a control display control method according to a first embodiment of the present invention;
FIG. 4 is a flowchart of another control display control method according to a second embodiment of the present invention;
FIG. 5 is an exemplary diagram of a cascading selector call provided in accordance with a third embodiment of the present invention;
FIG. 6 is an exemplary diagram of a cascading selector sub-level data presentation provided in accordance with a third embodiment of the present invention;
FIG. 7 is an exemplary diagram of a hierarchical data expansion presentation provided in accordance with a third embodiment of the present invention;
FIG. 8 is an exemplary diagram of a multi-level data presentation provided in accordance with a third embodiment of the present invention;
FIG. 9 is an exemplary diagram of an arbitrary level data selection provided in accordance with a third embodiment of the present invention;
FIG. 10 is a diagram showing an exemplary cascading selector according to a third embodiment of the present invention;
fig. 11 is a schematic structural diagram of a control display control device according to a fourth embodiment of the present invention;
fig. 12 is a schematic structural diagram of an electronic device implementing a control display control method according to an embodiment of the present invention.
Detailed Description
In order that those skilled in the art will better understand the present invention, a technical solution in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in which it is apparent that the described embodiments are only some embodiments of the present invention, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present invention without making any inventive effort, shall fall within the scope of the present invention.
It should be noted that the terms "first," "second," and the like in the description and the claims of the present invention and the above figures are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the invention described herein may be implemented in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
At present, referring to fig. 1, when the existing cascade selector is displayed at the computer end, because the area of the computer display page is larger, each column in the cascade selector can be unfolded, so that the data in the column can be completely displayed, but when the cascade selector is transplanted to the mobile end for display, referring to fig. 2, the computer end displays the correct cascade selector, and the content of the column after the third level and the third level is difficult to normally display at the mobile end. Alternatively, most mobile-side cascading selectors become ellipses when encountering long text data, and cannot see the data content. Aiming at the problem, the control display control method provided by the embodiment of the invention is used for realizing the adjustment of the display area of the cascade selector, so that the problem that data cannot be comprehensively displayed due to insufficient display area of the cascade selector can be reduced, the use experience of display controls is improved, and the flexibility of data display of the cascade selector can be improved.
Example 1
Fig. 3 is a flowchart of a control display control method according to an embodiment of the present invention, where the present embodiment is applicable to a case of adjusting a display area of a display control, the method may be performed by a control display control device, and the control display control device may be implemented in hardware and/or software, and the device may be configured in a server or a mobile terminal. As shown in fig. 3, the method includes:
and 110, responding to a trigger instruction of the target selector, and displaying the target selector according to a preset configuration item.
The target selector may be a cascade selector to be subjected to display control, the target selector may be used for mobile terminal display or computer terminal display, the target selector may include one or more hierarchical column menus, each column menu may display one or more pieces of data, the target selector may select one or more pieces of data in response to a user operation, a preset configuration item may be information which is preconfigured and used for displaying the target selector, and the preset configuration item may include, but is not limited to, data used for displaying the target selector, style sheet information and the like. The trigger instruction may be an instruction to trigger the operation of the target selector, for example, the user may generate the trigger instruction to trigger the target selector by clicking a button on a page or pressing an input box for a long time, or the like.
In the embodiment of the invention, the trigger instruction can be monitored, and the preset configuration item which is preset can be read when the trigger instruction is received, wherein the preset configuration item can comprise data used for displaying the target selector and style sheet information, the target selector can be displayed according to the style sheet information, and the display data comprising the preset configuration item can be displayed in the target selector.
And 120, acquiring user interaction information according to the display interaction control of the target selector.
The display interaction control may be a part of the target selector, and the display interaction control is used for acquiring interaction information of a user and the target selector, for example, the display interaction control may include a button, the user may interact with the target selector by clicking the button, the display interaction control may further include a selection box, and the user may interact with the target selector by checking the selection box; the user interaction information may be information used by the user to interact with the object selector, and the user interaction information may include information such as an interaction object and an interaction request in the object selector.
In the embodiment of the invention, one or more display interaction controls can be displayed in the target selector, the display interaction controls can be displayed in a main menu or a submenu of the target selector, and a user can interact with the display interaction controls, so that the target selector obtains user interaction information.
And 130, adjusting the display area of the current display item corresponding to the user interaction information in the target selector.
The current display item may be at least one of a main menu or a sub-menu in the target selector, and the current display item may be indicated by user interaction information, for example, a control number of the current display item may be included in the user interaction information, or the user interaction information may be collected by a display interaction control of the current display item, or the like. The display area may be a display range of the current display item, and the display area may be a data presentation area corresponding to the current display item.
In the embodiment of the invention, at least one of the main menu or the submenu of the target selector can be determined as the current display item according to the user interaction information, and the display area of the current display item can be adjusted, wherein the adjustment can be the adjustment of the area range of the display area, and the adjustment comprises, but is not limited to, increasing the width of the display area, increasing the area of the display area, increasing the height of the display area, reducing the broadband of the display area, reducing the area of the display area and the like.
According to the embodiment of the invention, when the trigger instruction of the target selector is received, the target selector is displayed by calling the preset configuration item, the display interaction control in the target selector is used for receiving the user interaction information, and the current display item of the target selector is adjusted according to the user interaction information, so that the dynamic adjustment of the display area of the selector is realized, the comprehensive display of the display data can be realized, the display defect caused by the incapability of dynamic adjustment of the selector is overcome, the use experience of a user is improved, and the flexibility of the selector can be enhanced.
Example two
Fig. 4 is a flowchart of another control display control method according to the second embodiment of the present invention, where the embodiment of the present invention is embodied on the basis of the foregoing embodiment of the present invention, and referring to fig. 4, the method provided by the embodiment of the present invention specifically includes the following steps:
step 210, receiving a trigger instruction corresponding to the target selector, where the trigger instruction includes at least one of clicking, touching, pressing, and sliding.
In the embodiment of the invention, the trigger instruction for triggering the target selector can be received, and the trigger instruction can be generated by at least a mode of clicking, touching, pressing or sliding a control of the trigger target selector, touching the target selector, pressing the target selector or sliding the target selector by a user, so that the generated trigger instruction is obtained. For example, the user may look up a button within the mobile terminal to generate a trigger instruction to activate the target selector.
Step 220, extracting display style elements and display data of the preset configuration items.
The display style element may be a configuration parameter for controlling the target selector to display, the display style element may include style items, style parameters, dynamic effect parameters, etc., the display data may be information displayed in the target selector, and the display data may be determined by a service requirement.
In the embodiment of the invention, the preset configuration items can exist in the form of configuration files, after receiving the trigger instruction of the target selector, the preset configuration files can be read, and display style elements and display data can be read in the configuration files. In some inventive embodiments, the display style element may exist in the form of a cascading style sheet.
Step 230, displaying the main menu and/or at least one submenu of the target selector according to the display style element, and displaying a display interaction control on the main menu and/or the at least one submenu respectively.
The main menu can be a drop-down item displayed on the top layer of the target selector, part or all of the display data can be displayed in the main menu, the submenu can be a submenu under the main menu, the display data displayed by the drop-down menu displayed in the submenu can be influenced by the drop-down menu of the main menu, and the main menu and the submenu can be changed in cascade.
In the embodiments of the present invention, the target selector may be rendered according to the display style element, and the main menu and the submenus may be displayed, which may be understood that, in some embodiments of the present invention, the initial state of the target selector may only display the main menu, and in other embodiments of the present invention, the initial state of the target selector may not only display the main menu, but also display one or more submenus under the main menu at the same time. Specifically, a display interaction control can be respectively displayed under the columns of the main menu or the main menu, the submenu and the like of the displayed target selector, and the display interaction control is used for receiving the control of the main menu or the submenu to which the display interaction control belongs by the user.
Step 240, display data is presented in the main menu and/or at least one sub-menu.
In the embodiment of the invention, the corresponding relation between the display data and the main menu or the submenu in the display data preset configuration items extracted from the preset configuration items can be filled into the corresponding main menu or submenu, so that the display data of the main menu or submenu is displayed.
Step 250, monitoring user operation at the display interaction control as user interaction information; wherein the display interaction controls include at least button controls.
Specifically, the display interaction control displayed in the main menu or the submenu of the target selector may be a button control, through which user operation may be monitored, and parameter information corresponding to the user operation is used as user interaction information. In an exemplary embodiment, a button control may be displayed in a main menu of the target selector, and a user may interact with the main menu or a submenu of the target selector where the button control is located by clicking the button control, so that identification information of the button control may be collected as a part of user interaction information. In some embodiments of the invention, the user interaction information may include at least identification information of the display interaction control that is monitored for user operation.
Step 260, searching the current display item in the target selector according to the identification information of the button control in the user interaction information.
The current display item may be a main menu or a sub-menu of the target selector, and the current display item may be indicated by user interaction information. The identification information may be unique identification information of the button control, the identification information may be information identifying correspondence between the button control and the main menu or the submenu, it may be understood that the identification information of the button control located in different currently displayed items may be different, for example, the identification information of the button control located in the main menu may be different from the identification information of the button control located in any one submenu, and the identification information of the button control of any one submenu may be different from the identification information of the button control of other submenus.
In the embodiment of the invention, the identification information of the button control corresponding to the received user operation can be extracted from the user interaction information, the main menu or the submenu bound with the button control corresponding to the identification information can be searched in the target selector according to the identification information, and the searched main menu or submenu can be used as a current display item.
Step 270, reading default style attribute parameters of a display area of the current display item; the default style attribute parameter is adjusted to increase the display area.
The default style attribute parameter may be a style parameter for controlling a display region of a current display item, and the default style attribute parameter includes, but is not limited to, a display region width control parameter, a display region height control parameter, and the like.
In the embodiment of the invention, the default style attribute parameters corresponding to the display area of the current display item can be read, the display area can be increased by adjusting the default style attribute parameters, for example, the width control parameters of the display area in the default style attribute parameters can be increased to a preset value, or the preset value can be increased on the basis of the original width control parameters of the display area in the default style attribute parameters, so that the increase of the display area of the current display item is realized. It is understood that the increase in the display area may include at least one of an increase in width, an increase in height, and an increase in area. Furthermore, on the basis of the embodiment of the invention, on the basis of increasing the display area of the current display item, the display area of other display items in the target selector can be reduced.
According to the embodiment of the invention, the display style elements and the display data of the preset configuration items are extracted through starting the trigger instruction of the target selector, the main menu or the submenu of the target selector is displayed according to the display style elements, the corresponding display interactive control and the display data are respectively displayed in the main menu or the submenu, the button control serving as the display interactive control receives the user interaction information corresponding to the user operation, the current display item corresponding to the identification information in the user interaction information is searched, the default style attribute parameters of the current display item are extracted and modified to increase the display area, so that the dynamic adjustment of the display area of the selector is realized, the comprehensive display of the display data can be realized, the display defect caused by the incapability of dynamic adjustment of the selector is overcome, the use experience of a user is improved, and the flexibility of the selector can be enhanced.
On the basis of the embodiment of the invention, the main menu and/or at least one submenu of the target selector are displayed according to the display style element, and the main menu and/or the submenu comprise:
searching an elastic layout configuration parameter in the display style element; and controlling the display width of the main menu and/or the submenu according to the elastic layout configuration parameters.
In the embodiment of the invention, the elastic layout configuration parameters can be parameters for controlling the target selector to display the control according to the flexible box layout, the Main menu and the submenu in the target selector can be used as Flex items, the elastic layout configuration parameters can comprise parameters such as a horizontal Main shaft, a vertical Cross shaft, a Main size, a Cross size and the like, the Main menu and the submenu in the target selector can be arranged along the Main shaft through the starting position and the ending position of the Main shaft in the elastic layout configuration parameters, and the display width of the Main menu or the submenu can be controlled through the space control parameter Main size of the Main shaft occupied by a single item.
On the basis of the above embodiment of the present invention, adjusting the default style attribute parameter to increase the display area includes:
determining display data of the display area; and setting the default style attribute parameter as the display width of the display data.
In the embodiment of the invention, the display width can be the length corresponding to the display data, and the display width can be determined by the attributes of the font type, the font size, the number of characters and the like of the display data.
In the embodiment of the invention, the display data in the display area of the current display item can be determined, the attributes such as the font, the word size, the word number and the like of the display data can be extracted to determine the display width corresponding to the display data, and the display area of the current display item can be displayed according to the display broadband, so that the display data can be completely displayed in the current display item.
On the basis of the embodiment of the invention, the method further comprises the following steps:
and displaying a selection control for the display data of the display area respectively so as to receive the selection operation corresponding to the display data.
In the embodiment of the present invention, a selection control may be displayed around the display data of the display area of the main menu or each sub-menu, and the user may select the display data through selecting the selection control, so that it may be understood that the target selector may select the display data in any level menu through the selection control, where the selection control may include, but is not limited to, a selection button, a radio frame control, a multi-selection frame control, and the like.
Example III
In an exemplary implementation manner, the embodiment of the invention provides a control display control method, which can be used for realizing a cascade selector component convenient to call, and the method can be realized through JS language, can be directly called in JS, can directly display a selector above a display page, and can automatically disappear after the selection, and can display data back. The cascade selector component can customize component data, can configure fields and select modes according to service requirements, and can provide single selection or multiple selections. Aiming at the problem that the conventional cascade selector is difficult to display, the display form and interaction are modified, the component keeps the common style similar to the original cascade selector, the data of each level are displayed in columns, and meanwhile, the width display of each column is controlled by the flex layout of Css. A button is then added below each column for telescoping presentation. When a button of a certain column is clicked, the css attribute of the current column is modified, then the width of each column in the cascade selector is redistributed, the currently unfolded column has a larger space for displaying data, and meanwhile, the folding display effect is added to the characters in the unfolded data column, so that the effect of displaying long data is realized. Any layer can be unfolded for a user to view the data. The component adds a function of independently selecting any level node, a selection button is added before each data node, the current data can be checked by clicking, and the defect that the common cascade selector can only select the last level is overcome.
The display control method of the cascade selector provided by the embodiment of the invention comprises the following steps:
step 1, configuring designated data of the cascade selector in the project according to service requirements, and initializing the cascade selector after the designated data is configured. Referring to fig. 5, a user clicking on a button may call out a cascade selector and present data for a first level of the cascade selector.
Step 2, referring to fig. 6, after the user clicks the data with the sub-hierarchy, the cascade selector may add a list of items to display the data with the sub-hierarchy.
In step 3, referring to fig. 7, because the data length of the sub-level is too long, part of characters are not fully displayed in the items of the cascade selector, at this time, a button issued by the list can be clicked to expand the current list, the display width of the current list can be greatly increased, and meanwhile, the display area of the data of other levels is reduced.
Step 4, referring to fig. 8, when data with more than 4 levels is displayed, a common cascade selector is difficult to use, and the cascade selector assembly provided by the embodiment of the invention can still be well displayed. The user wants to view the data of a certain level, and can easily view the data by clicking the telescopic button below.
In step 5, referring to fig. 9, the cascade selector provided in the embodiment of the present invention may display a selection button in the item corresponding to each level of data, and the user may select a node corresponding to any level of data in the cascade selector through the selection button, instead of selecting only the data of the last level as in the conventional common cascade selector.
Step 6, referring to fig. 10, the cascade selector provided in the embodiment of the present invention may be performed by suspending the cascade selector above other pages, so that the overall display area of the cascade selector may be increased.
Example IV
Fig. 11 is a schematic structural diagram of a control display control device according to a fourth embodiment of the present invention. As shown in fig. 11, the apparatus includes: a control presentation module 301, a control interaction module 302, and a display adjustment module 303.
The control display module 301 is configured to respond to a trigger instruction of a target selector, and display the target selector according to a preset configuration item.
And the control interaction module 302 is configured to obtain user interaction information according to the display interaction control of the target selector.
And the display adjustment module 303 is configured to adjust a display area of a current display item corresponding to the user interaction information in the target selector.
According to the embodiment of the invention, when the control display module receives the trigger instruction of the target selector, the preset configuration item is called to display the target selector, the control interaction module receives the user interaction information by using the display interaction control in the target selector, and the display adjustment module adjusts the current display item of the target selector according to the user interaction information, so that the dynamic adjustment of the display area of the selector is realized, the comprehensive display of the display data can be realized, the display defect caused by the incapability of dynamic adjustment of the selector is overcome, the use experience of a user is improved, and the flexibility of the selector can be enhanced.
In some embodiments of the invention, the in-device control presentation module 301 is specifically configured to:
and the instruction receiving unit is used for receiving the trigger instruction corresponding to the target selector, wherein the trigger instruction comprises at least one of clicking, touching, pressing and sliding.
And the configuration item extraction unit is used for extracting the display style elements and the display data of the preset configuration item.
And the control display unit is used for displaying a main menu and/or at least one submenu of the target selector according to the display style element, and displaying the display interaction control on the main menu and/or the at least one submenu respectively.
And the data display unit is used for displaying the display data in the main menu and/or at least one sub-menu.
In some embodiments of the invention, the control display unit is specifically configured to: searching an elastic layout configuration parameter in the display style element;
and controlling the display width of the main menu and/or the submenu according to the elastic layout configuration parameters.
In some inventive embodiments, the control interaction module 302 is specifically configured to: monitoring user operation on the display interaction control as the user interaction information; wherein the display interaction control at least comprises a button control.
On the basis of the above embodiment of the present invention, the in-device display adjustment module 303 includes:
and the item determining unit is used for searching the current display item in the target selector according to the identification information of the button control in the user interaction information.
And the parameter reading unit is used for reading default style attribute parameters of the display area of the current display item.
And the adjustment execution unit is used for adjusting the default style attribute parameters to increase the display area.
On the basis of the embodiment of the invention, the adjustment execution unit is specifically configured to: determining display data of the display area; and setting the default style attribute parameter as the display width of the display data.
On the basis of the embodiment of the invention, the device further comprises: and the intermediate selection module is used for selecting operation according to the data.
The control display control device provided by the embodiment of the invention can execute the control display control method provided by any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
Example five
Fig. 12 is a schematic structural diagram of an electronic device implementing a control display control method according to an embodiment of the present invention. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. Electronic equipment may also represent various forms of mobile devices, such as personal digital processing, cellular telephones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the inventions described and/or claimed herein.
As shown in fig. 12, the electronic device 10 includes at least one processor 11, and a memory, such as a Read Only Memory (ROM) 12, a Random Access Memory (RAM) 13, etc., communicatively connected to the at least one processor 11, in which the memory stores a computer program executable by the at least one processor, and the processor 11 may perform various appropriate actions and processes according to the computer program stored in the Read Only Memory (ROM) 12 or the computer program loaded from the storage unit 18 into the Random Access Memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 may also be stored. The processor 11, the ROM 12 and the RAM 13 are connected to each other via a bus 14. An input/output (I/O) interface 15 is also connected to bus 14.
Various components in the electronic device 10 are connected to the I/O interface 15, including: an input unit 16 such as a keyboard, a mouse, etc.; an output unit 17 such as various types of displays, speakers, and the like; a storage unit 18 such as a magnetic disk, an optical disk, or the like; and a communication unit 19 such as a network card, modem, wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunication networks.
The processor 11 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various specialized Artificial Intelligence (AI) computing chips, various processors running machine learning model algorithms, digital Signal Processors (DSPs), and any suitable processor, controller, microcontroller, etc. The processor 11 performs the various methods and processes described above, such as a control display control method.
In some embodiments, the control display control method may be implemented as a computer program tangibly embodied on a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 10 via the ROM 12 and/or the communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the control display control method described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to perform the control display control method in any other suitable manner (e.g., by means of firmware).
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuit systems, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), systems On Chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs, the one or more computer programs may be executed and/or interpreted on a programmable system including at least one programmable processor, which may be a special purpose or general-purpose programmable processor, that may receive data and instructions from, and transmit data and instructions to, a storage system, at least one input device, and at least one output device.
A computer program for carrying out methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the computer programs, when executed by the processor, cause the functions/acts specified in the flowchart and/or block diagram block or blocks to be implemented. The computer program may execute entirely on the machine, partly on the machine, as a stand-alone software package, partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of the present invention, a computer-readable storage medium may be a tangible medium that can contain, or store a computer program for use by or in connection with an instruction execution system, apparatus, or device. The computer readable storage 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. Alternatively, the computer readable storage medium may be a machine readable signal medium. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
To provide for interaction with a user, the systems and techniques described here can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) through which a user can provide input to the electronic device. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic input, speech input, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a background component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such background, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), blockchain networks, and the internet.
The computing system may include clients and servers. The client and server are typically remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server can be a cloud server, also called a cloud computing server or a cloud host, and is a host product in a cloud computing service system, so that the defects of high management difficulty and weak service expansibility in the traditional physical hosts and VPS service are overcome.
It should be appreciated that various forms of the flows shown above may be used to reorder, add, or delete steps. For example, the steps described in the present invention may be performed in parallel, sequentially, or in a different order, so long as the desired results of the technical solution of the present invention are achieved, and the present invention is not limited herein.
The above embodiments do not limit the scope of the present invention. It will be apparent to those skilled in the art that various modifications, combinations, sub-combinations and alternatives are possible, depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention should be included in the scope of the present invention.
Claims (10)
1. A control display control method, characterized by comprising:
responding to a trigger instruction of a target selector, and displaying the target selector according to a preset configuration item;
acquiring user interaction information according to the display interaction control of the target selector;
and adjusting the display area of the current display item corresponding to the user interaction information in the target selector.
2. The method of claim 1, wherein the presenting the target selector according to a preset configuration item in response to a trigger instruction of the target selector comprises:
receiving the trigger instruction corresponding to the target selector, wherein the trigger instruction comprises at least one of clicking, touching, pressing and sliding;
extracting display style elements and display data of the preset configuration items;
displaying a main menu and/or at least one submenu of the target selector according to the display style element, and displaying a display interaction control on the main menu and/or the at least one submenu respectively;
and displaying the display data in the main menu and/or at least one sub-menu.
3. The method according to claim 2, wherein said presenting a main menu and/or at least one submenu of said target selector according to said display style element comprises:
searching an elastic layout configuration parameter in the display style element;
and controlling the display width of the main menu and/or the submenu according to the elastic layout configuration parameters.
4. The method of claim 1, wherein the obtaining user interaction information from the display interaction control of the target selector comprises:
monitoring user operation on the display interaction control as the user interaction information;
wherein the display interaction control at least comprises a button control.
5. The method of claim 4, wherein adjusting the display area of the currently displayed item corresponding to the user interaction information in the target selector comprises:
searching the current display item in the target selector according to the identification information of the button control in the user interaction information;
reading default style attribute parameters of the display area of the current display item;
and adjusting the default style attribute parameters to increase the display area.
6. The method of claim 5, wherein said adjusting the default style attribute parameter to increase the display area comprises:
determining display data of the display area;
and setting the default style attribute parameter as the display width of the display data.
7. The method as recited in claim 1, further comprising:
and displaying a selection control for the display data of the display area respectively so as to receive the selection operation corresponding to the display data.
8. A control display control apparatus, comprising:
the control display module is used for responding to a trigger instruction of the target selector and displaying the target selector according to a preset configuration item;
the control interaction module is used for acquiring user interaction information according to the display interaction control of the target selector;
and the display adjustment module is used for adjusting the display area of the current display item corresponding to the user interaction information in the target selector.
9. An electronic device, the electronic device comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the control display control method of any one of claims 1-7.
10. A computer readable storage medium storing computer instructions for causing a processor to implement the control display control method of any one of claims 1-7 when executed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311434658.9A CN117421082A (en) | 2023-10-31 | 2023-10-31 | Control display control method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311434658.9A CN117421082A (en) | 2023-10-31 | 2023-10-31 | Control display control method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117421082A true CN117421082A (en) | 2024-01-19 |
Family
ID=89528076
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311434658.9A Pending CN117421082A (en) | 2023-10-31 | 2023-10-31 | Control display control method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117421082A (en) |
-
2023
- 2023-10-31 CN CN202311434658.9A patent/CN117421082A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11526259B2 (en) | Method and apparatus for determining extended reading content, device and storage medium | |
| CN115309470B (en) | Method, device, equipment and storage medium for loading widget | |
| CN113220399A (en) | Interface display method and device, intelligent screen equipment and storage medium | |
| US10275525B2 (en) | Method and system for mining trends around trending terms | |
| CN117421082A (en) | Control display control method and device, electronic equipment and storage medium | |
| CN114816184A (en) | Display method, device, equipment and storage medium of operation control | |
| CN114995875A (en) | Page component configuration method and device, electronic equipment and storage medium | |
| CN114519153A (en) | Webpage history record display method, device, equipment and storage medium | |
| CN111984857B (en) | Information pushing method and device, electronic equipment and storage medium | |
| CN114489639A (en) | File generation method, device, equipment and storage medium | |
| CN113656533A (en) | Tree control processing method and device and electronic equipment | |
| CN113873323A (en) | Video playing method and device, electronic equipment and medium | |
| CN111611476A (en) | Method and device for displaying special topic page | |
| CN115202538B (en) | Menu configuration method and device, electronic equipment and storage medium | |
| CN110659089A (en) | Boarder application recommendation method, equipment and storage medium | |
| CN113342413B (en) | Method, apparatus, device, medium, and article for processing components | |
| CN113360074B (en) | Soft keyboard display method, related device and computer program product | |
| CN114595231B (en) | Database table generation method and device, electronic equipment and storage medium | |
| CN114371889B (en) | Event configuration method, device, electronic equipment and storage medium | |
| CN114896532A (en) | Picture downloading method, device and equipment based on popup window and storage medium | |
| CN113971256A (en) | Page processing method and device, electronic equipment and memory | |
| CN117194553A (en) | Relationship diagram display method, device, equipment and storage medium | |
| CN116126296A (en) | Control method and device based on multiple associated date selectors and electronic equipment | |
| CN117827207A (en) | Dynamic construction method, device, equipment and medium of primitive panel | |
| CN117608734A (en) | Page generation method, device, equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |