CN112988026A - Scroll bar display method and device and electronic equipment - Google Patents
Scroll bar display method and device and electronic equipment Download PDFInfo
- Publication number
- CN112988026A CN112988026A CN202110234844.2A CN202110234844A CN112988026A CN 112988026 A CN112988026 A CN 112988026A CN 202110234844 A CN202110234844 A CN 202110234844A CN 112988026 A CN112988026 A CN 112988026A
- Authority
- CN
- China
- Prior art keywords
- target
- scroll bar
- component
- skin color
- target table
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims description 52
- 238000004590 computer program Methods 0.000 claims description 19
- 230000009286 beneficial effect Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
When the style of the scroll bar in the table is adjusted, because the scroll bar in the target table is obtained by setting the native scroll bar in the target table as the scroll bar corresponding to the target scroll bar component, and the parameters in the target scroll bar component can be flexibly adjusted, after receiving a received style adjustment request, the parameters in the target scroll bar component can be adjusted according to the target adjustment parameters included in the style adjustment request, so that when the target table is displayed based on the adjusted scroll bar component, the display style of the scroll bar in the target table is different from the display style of the native scroll bar in the target table, the display style is more diversified, the flexible setting of the scroll bar in the target table is realized, and the user experience is improved.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for displaying a scroll bar, and an electronic device.
Background
The World Wide Web (Web) page provides a graphical and easily accessible visual interface for information searched by a browser on the Internet, and the appearance of the page greatly facilitates the access of people to resources on the Internet.
At present, the content of a web page is more vivid due to rich media, and the web page not only can bear single characters and pictures, but also can bear a form generated based on an element-ui form component, so that better access experience is provided for a user. Wherein element-ui is a front-end interface framework based on vue open source.
However, when the form is displayed through the web page, the display style of the native scroll bar in the form is single and unchangeable, and flexible setting cannot be performed, so that the user experience is poor.
Disclosure of Invention
The embodiment of the application provides a display method and device of a scroll bar and electronic equipment, which realize flexible setting of the scroll bar in a page table, and therefore improve user experience.
In a first aspect, an embodiment of the present application provides a method for displaying a scroll bar, where the method for displaying a scroll bar may include:
receiving a style adjustment request; the style adjustment request comprises an identifier of a target scroll bar component corresponding to a target scroll bar in a target table and target adjustment parameters, wherein the target scroll bar is obtained by setting an original scroll bar in the target table as the scroll bar corresponding to the target scroll bar component.
And adjusting the parameters of the target scroll bar assembly according to the target adjustment parameters to obtain the adjusted scroll bar assembly.
Displaying the target table based on the adjusted scroll bar component, wherein a display style of the target scroll bar is different from a display style of the native scroll bar.
In one possible implementation, the adjusting the parameter of the target scroll bar component according to the target adjustment parameter includes:
setting the parameter of the target scroll bar assembly as the target adjustment parameter.
In one possible implementation manner, the method for displaying the scroll bar may further include:
splitting codes corresponding to the target table, and extracting native codes corresponding to the native scroll bars.
And developing the native code corresponding to the native scroll bar, and setting the native scroll bar as the target scroll bar corresponding to the target scroll bar component.
In one possible implementation manner, the method for displaying the scroll bar may further include:
receiving a skin switching request; wherein, the skin switching request comprises the identification of the target table component and the target skin color.
Adjusting the global skin color variable corresponding to the target form component according to the target skin color to obtain an adjusted form component; wherein the global skin color variable is associated with a root node of the target table component.
Displaying the target form based on the adjusted form component; wherein the skin color of the target table is the target skin color.
In one possible implementation manner, the method for displaying the scroll bar may further include:
and acquiring a global skin color variable corresponding to the target table component from a theme configuration file corresponding to a page to which the target table belongs according to the identifier of the target table component.
In one possible implementation manner, the method for displaying the scroll bar may further include:
and pre-constructing a global skin color variable corresponding to the target table component.
And associating the global skin color variable corresponding to the target table component with the root node of the target table component.
In a second aspect, an embodiment of the present application further provides a display device of a scroll bar, where the display device of the scroll bar may include:
a receiving unit configured to receive a style adjustment request; the style adjustment request comprises an identifier of a target scroll bar component corresponding to a target scroll bar in a target table and target adjustment parameters, wherein the target scroll bar is obtained by setting an original scroll bar in the target table as the scroll bar corresponding to the target scroll bar component.
And the processing unit is used for adjusting the parameters of the target scroll bar assembly according to the target adjustment parameters to obtain the adjusted scroll bar assembly.
A display unit, configured to display the target table based on the adjusted scroll bar component, wherein a display style of the target scroll bar is different from a display style of the native scroll bar.
In a possible implementation manner, the processing unit is specifically configured to set a parameter of the target scroll bar component as the target adjustment parameter.
In a possible implementation manner, the processing unit is further configured to split a code corresponding to the target table, and extract a native code corresponding to the native scroll bar; and developing a native code corresponding to the native scroll bar, and setting the native scroll bar as the target scroll bar corresponding to the target scroll bar component.
In a possible implementation manner, the receiving unit is further configured to receive a skin switching request; wherein, the skin switching request comprises the identification of the target table component and the target skin color.
The processing unit is further configured to adjust a global skin color variable corresponding to the target form component according to the target skin color to obtain an adjusted form component; wherein the global skin color variable is associated with a root node of the target table component.
The display unit is further configured to display the target table based on the adjusted table component. Wherein the skin color of the target table is the target skin color.
In a possible implementation manner, the processing unit is further configured to obtain, according to the identifier of the target table component, a global skin color variable corresponding to the target table component from a theme configuration file corresponding to a page to which the target table belongs.
In a possible implementation manner, the processing unit is further configured to pre-construct a global skin color variable corresponding to the target table component; and associating the global skin color variable corresponding to the target form component with the root node of the target form component.
In a third aspect, an embodiment of the present application further provides a terminal, where the terminal may include a processor and a memory; wherein,
the memory is used for storing the computer program.
The processor is configured to read the computer program stored in the memory, and execute the display method of the scroll bar in any one of the possible implementation manners of the first aspect according to the computer program in the memory.
In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, where a computer-executable instruction is stored in the computer-readable storage medium, and when a processor executes the computer-executable instruction, the method for displaying a scroll bar in any one of the foregoing possible implementation manners of the first aspect is implemented.
In a fifth aspect, an embodiment of the present application further provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, the method for displaying a scroll bar in any one of the possible implementation manners of the first aspect is implemented.
Therefore, when the style of the scroll bar in the table is adjusted, the scroll bar in the target table is obtained by setting the native scroll bar in the target table as the scroll bar corresponding to the target scroll bar component, and the parameters in the target scroll bar component can be flexibly adjusted, so that the parameters in the target scroll bar component can be adjusted according to the target adjustment parameters included in the style adjustment request after the style adjustment request is received, and thus when the target table is displayed based on the adjusted scroll bar component, the display style of the scroll bar in the target table is different from the display style of the native scroll bar in the target table, the display style is more diversified, the flexible setting of the scroll bar in the target table is realized, and the user experience is improved.
Drawings
Fig. 1 is a schematic display diagram of a conventional page table according to an embodiment of the present application;
fig. 2 is a schematic flowchart of a method for displaying a scroll bar according to an embodiment of the present application;
FIG. 3 is a diagram illustrating a table with adjusted display style according to an embodiment of the present application;
FIG. 4 is a schematic flowchart illustrating a process of setting a skin color of a target form according to an embodiment of the present application;
fig. 5 is a schematic structural diagram of a display device of a scroll bar according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of another display device of a scroll bar according to an embodiment of the present application.
With the foregoing drawings in mind, certain embodiments of the disclosure have been shown and described in more detail below. These drawings and written description are not intended to limit the scope of the disclosed concepts in any way, but rather to illustrate the concepts of the disclosure to those skilled in the art by reference to specific embodiments.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
In the embodiments of the present application, "at least one" means one or more, "a plurality" means two or more. "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone, wherein A and B can be singular or plural. In the description of the text of the present application, the character "/" generally indicates that the former and latter associated objects are in an "or" relationship.
The technical scheme provided by the embodiment of the application can be applied to a page display scene, and particularly can be applied to display of a table in a page. The rich media enables the content of the web page to be more vivid, the web page not only can bear single characters and pictures, but also can bear a form generated based on the element-ui form component, and therefore better access experience is provided for users.
For example, please refer to fig. 1, fig. 1 is a schematic display diagram of a conventional page table provided in an embodiment of the present application, where the page table includes a native scroll bar, the native scroll bar has a height of a cm, and a background color is gray. In the prior art, when a form is displayed through a web page, the display style of a native scroll bar in the form is always single and unchanged, and flexible setting cannot be performed, so that the user experience is poor.
In order to flexibly set the display style of the native scroll bar in the form, the native scroll bar in the form can be set to be replaced by an el-scrollbar which is a scroll bar corresponding to a built-in scroll bar component, and the display style can be flexibly set, so that when the native scroll bar in the form is replaced by the el-scrollbar scroll bar for page display, parameters in the el-scrollbar scroll bar can be adjusted, the display style of the scroll bar in the form is more diversified, the flexible setting of the scroll bar in the form is realized, and the user experience is improved.
Based on the technical concept, the embodiment of the application provides a display method of a scroll bar, when the style of the scroll bar in a form is adjusted, a style adjustment request is received firstly; the style adjustment request comprises an identification of a target scroll bar component corresponding to a scroll bar in a target table and target adjustment parameters, the target scroll bar is obtained by setting a native scroll bar in the target table to the scroll bar corresponding to the target scroll bar component, and the parameters of the target scroll bar component are adjusted according to the target adjustment parameters to obtain an adjusted scroll bar component; and displaying the target table based on the adjusted scroll bar component, wherein the style of the scroll bar in the target table is different from the style of the original scroll bar in the target table.
For example, the target adjustment parameter may include a height of the scroll bar and/or a background color, and may be specifically set according to an actual need, where the embodiment of the present application is not further limited to the specific setting of the target adjustment parameter.
It can be understood that, because the scroll bar in the target table is obtained by setting the native scroll bar in the target table as the scroll bar corresponding to the target scroll bar component, and the parameters in the target scroll bar component can be flexibly adjusted, the display style of the scroll bar in the target table can be more diversified by adjusting the parameters in the target scroll bar component.
It can be seen that, in the embodiment of the present application, when the style of the scroll bar in the table is adjusted, because the scroll bar in the target table is obtained by setting the native scroll bar in the target table as the scroll bar corresponding to the target scroll bar component, and the parameters in the target scroll bar component can be flexibly adjusted, after receiving the style adjustment request, the parameters in the target scroll bar component can be adjusted according to the target adjustment parameters included in the style adjustment request, so that when the target table is displayed based on the adjusted scroll bar component, the display style of the scroll bar in the target table is different from the display style of the native scroll bar in the target table, which is more diverse, thereby implementing flexible setting of the scroll bar in the target table, and improving user experience.
Hereinafter, a display method of the scroll bar provided in the present application will be described in detail by specific examples. It is to be understood that the following detailed description may be combined with other embodiments, and that the same or similar concepts or processes may not be repeated in some embodiments.
Fig. 2 is a flowchart illustrating a method for displaying a scroll bar according to an embodiment of the present disclosure, where the method for displaying a scroll bar may be executed by software and/or a hardware device, for example, the hardware device may be a display device of a scroll bar, and the display device of the scroll bar may be a terminal. For example, referring to fig. 2, the method for displaying the scroll bar may include:
s201, receiving a style adjustment request.
The style adjustment request comprises an identifier of a target scroll bar component corresponding to a target scroll bar in the target table and target adjustment parameters, and the target scroll bar is obtained by setting a native scroll bar in the target table as a scroll bar corresponding to the target scroll bar component.
For example, in the embodiment of the present application, when a native scroll bar in a target table is set as a scroll bar corresponding to a target scroll bar component, a code corresponding to the target table may be split first, and a native code corresponding to the native scroll bar is extracted; developing a native code corresponding to the native scroll bar, and setting the native scroll bar as a target scroll bar corresponding to the target scroll bar component; because the parameters in the target scroll bar assembly can be flexibly adjusted, the display style of the target scroll bar in the target form is more diversified by adjusting the parameters in the target scroll bar assembly, the flexible setting of the scroll bar in the target form is realized, and the user experience is improved.
It can be understood that, in the embodiment of the present application, the types of the target tables related may be a fixed-header table, an unfixed-header table, a fixed-column table, an unfixed-column table, an adjustable-header table, and the like, and specifically, the types may be set according to actual needs, and all the native scroll bars may be set as scroll bars corresponding to scroll bar assemblies, and the display styles of the scroll bars in the tables are more diversified by adjusting parameters in the scroll bar assemblies.
For example, when receiving the style adjustment request, the style adjustment request sent by the parent component in the page may be received, and the parameter of the target scroll bar component is adjusted according to the target adjustment parameter, that is, the following S202 is executed:
s202, adjusting parameters of the target scroll bar assembly according to the target adjusting parameters to obtain the adjusted scroll bar assembly.
For example, the target adjustment parameter may include a height of the scroll bar and/or a background color, and may be specifically set according to an actual need, where the embodiment of the present application is not further limited to the specific setting of the target adjustment parameter.
The parameters of the target scroll bar assembly may be set as target adjustment parameters when the parameters of the target scroll bar assembly are adjusted according to the target adjustment parameters. Taking the example that the target adjustment parameter includes the height of the scroll bar and the background color, the height parameter in the target scroll bar assembly may be adjusted according to the height of the scroll bar included in the target adjustment parameter, and the background color parameter in the target scroll bar assembly may be adjusted according to the background color of the scroll bar included in the target adjustment parameter, so that the following S203 is executed when the target table is subsequently displayed based on the adjusted scroll bar assembly by adjusting the height parameter and the background color parameter in the target scroll bar assembly, where the height of the target scroll bar in the target table is the height indicated in the target adjustment parameter, and the background color of the target scroll bar is the background color indicated in the target adjustment parameter, so that the display style of the scroll bar in the target table is more diversified.
S203, displaying the target table based on the adjusted scroll bar component, wherein the display style of the target scroll bar is different from that of the original scroll bar.
For example, taking the target adjustment parameters including the height of the scroll bar and the background color, where the height of the scroll bar is b and the background color is black as an example, when the height parameter and the background parameter in the target scroll bar assembly are adjusted, the height parameter in the target scroll bar assembly is adjusted to b and the background parameter is black, when the target table is displayed based on the adjusted scroll bar assembly, the height of the scroll bar in the target table is b and the background color is black as shown in fig. 3, which is a schematic diagram of the table after adjustment of a display style provided in the embodiment of the present application, it can be seen that the display style of the scroll bar in the table shown in fig. 3 is different from the display style of the original scroll bar in the target table, the height of the original scroll bar is a cm, and the background color is gray; after adjustment, the height of the scroll bar in the table shown in fig. 3 is b, and the background color is black.
It can be seen that, in the embodiment of the present application, when the style of the scroll bar in the table is adjusted, because the scroll bar in the target table is obtained by setting the native scroll bar in the target table as the scroll bar corresponding to the target scroll bar component, and the parameters in the target scroll bar component can be flexibly adjusted, after receiving the style adjustment request, the parameters in the target scroll bar component can be adjusted according to the target adjustment parameters included in the style adjustment request, so that when the target table is displayed based on the adjusted scroll bar component, the display style of the scroll bar in the target table is different from the display style of the native scroll bar in the target table, which is more diverse, thereby implementing flexible setting of the scroll bar in the target table, and improving user experience.
Based on the embodiment shown in fig. 2, in the embodiment of the present application, in addition to the flexible setting of the style of the scroll bar in the target table, the skin color of the target table may also be set, and hereinafter, how to set the skin color of the target table will be described in detail through the following second embodiment shown in fig. 4.
Example two
Fig. 4 is a flowchart illustrating a method for setting a skin color of a target form according to an embodiment of the present application, where the method for setting the skin color of the target form may also be executed by software and/or hardware devices. For example, referring to fig. 4, the method for setting the skin color of the target table may include:
s401, receiving a skin switching request; the skin switching request comprises the identification of the target table component and the target skin color.
The target skin color may be black, white, or other colors, and may be specifically set according to actual needs.
For example, when receiving a skin switch request, a skin switch request triggered by a user on a web page skin button may be received. For example, if the user triggers, for example, turning off a small bubble icon on a web page skin button, it may be determined that the target skin color included in the skin switch request is black; if the user triggers, for example, when a small bulb icon is turned on a webpage skin button, it can be determined that the target skin color included in the skin switching request is white, and the target skin color can be specifically set according to actual needs, wherein the small bulb icon is turned off only by triggering, and the target skin color is black; the small bulb icon is triggered to be turned on, and the target skin color is white for illustration, but the embodiment of the present application is not limited thereto.
After receiving the skin switching request including the identifier of the target table component and the target skin color, the target table component corresponding to the identifier of the target table component may be first searched according to the identifier of the target table component, and the global skin color variable corresponding to the target table component is further adjusted according to the target skin color, that is, the following S402 is executed:
s402, adjusting the global skin color variable corresponding to the target table component according to the target skin color to obtain the adjusted table component.
Wherein the global skin color variable is associated with a root node of the target table component. By associating the global skin color variable corresponding to the target table component with the root node of the target table component, the skin color of the whole target table is the target skin color after the global skin color variable corresponding to the target table component is adjusted.
For example, before the global skin color variable corresponding to the target form component is adjusted according to the target skin color, the global skin color variable corresponding to the target form component may be pre-constructed, so that when the global skin color variable corresponding to the target form component is adjusted, the global skin color variable corresponding to the target form component may be obtained from the theme configuration file corresponding to the page to which the target form belongs according to the identifier of the target form component; therefore, the global skin color variable corresponding to the target table component can be adjusted according to the target skin color, and the adjusted table component is obtained.
S403, displaying a target table based on the adjusted table component; wherein the skin color of the target table is the target skin color.
When the target form is displayed based on the adjusted form component, because the global skin color variable corresponding to the target form component is associated with the root node of the target form component, the global skin color variable corresponding to the target form component is adjusted, and when the target form is displayed based on the adjusted form component, the skin color of the whole target form is changed into the target skin color, so that the skin color of the target form is more diversified, the flexible setting of the skin color of the target form is realized, and the user experience is improved.
Taking the target skin color as black as an example, when the global skin color corresponding to the target table component is adjusted to be black and the table is displayed based on the table component whose global skin color variable is black, the skin color of the entire table in the page becomes black because the global skin color variable is associated with the root node of the table component.
It can be seen that, in the embodiment of the present application, when the skin color of the table is adjusted, the global skin color variable corresponding to the target table component may be adjusted according to the target skin color included in the skin switching request, so as to obtain an adjusted table component; and displaying the target form based on the adjusted form component, wherein the skin color of the target form is the target skin color and is different from the original skin color of the target form, so that the skin color of the target form is more diversified, the flexible setting of the skin color of the target form is realized, and the user experience is improved.
EXAMPLE III
Fig. 5 is a schematic structural diagram of a display device 50 of a scroll bar according to an embodiment of the present application, and for example, please refer to fig. 5, the display device 50 of the scroll bar may include:
a receiving unit 501, configured to receive a style adjustment request; the style adjustment request comprises an identifier of a target scroll bar component corresponding to a target scroll bar in the target table and target adjustment parameters, and the target scroll bar is obtained by setting a native scroll bar in the target table as a scroll bar corresponding to the target scroll bar component.
The processing unit 502 is configured to adjust a parameter of the target scroll bar assembly according to the target adjustment parameter, so as to obtain an adjusted scroll bar assembly.
A display unit 503, configured to display the target table based on the adjusted scroll bar component, wherein a display style of the target scroll bar is different from a display style of the native scroll bar.
Optionally, the processing unit 502 is specifically configured to set a parameter of the target scroll bar assembly as a target adjustment parameter.
Optionally, the processing unit 502 is further configured to split a code corresponding to the target table, and extract a native code corresponding to the native scroll bar; and developing a native code corresponding to the native scroll bar, and setting the native scroll bar as a target scroll bar corresponding to the target scroll bar component.
Optionally, the receiving unit 501 is further configured to receive a skin switching request; the skin switching request comprises the identification of the target table component and the target skin color.
The processing unit 502 is further configured to adjust a global skin color variable corresponding to the target table component according to the target skin color to obtain an adjusted table component; wherein the global skin color variable is associated with a root node of the target table component.
A display unit 503, configured to display the target table based on the adjusted table component; wherein the skin color of the target table is the target skin color.
Optionally, the processing unit 502 is further configured to obtain, according to the identifier of the target table component, a global skin color variable corresponding to the target table component from a theme configuration file corresponding to a page to which the target table belongs.
Optionally, the processing unit 502 is further configured to pre-construct a global skin color variable corresponding to the target table component; and associating the global skin color variable corresponding to the target form component with the root node of the target form component.
The display device 50 of the scroll bar provided in this embodiment of the present application can implement the technical solution of the display method of the scroll bar in any embodiment, and its implementation principle and beneficial effect are similar to those of the display method of the scroll bar, and reference may be made to the implementation principle and beneficial effect of the display method of the scroll bar, which are not described herein again.
Fig. 6 is a schematic structural diagram of another display device 60 of a scroll bar according to an embodiment of the present application, for example, please refer to fig. 6, where the display device 60 of the scroll bar may include a processor 601 and a memory 602; wherein,
the memory 602 is used for storing computer programs.
The processor 601 is configured to read the computer program stored in the memory 602, and execute the technical solution of the sample data obtaining method in any of the embodiments according to the computer program in the memory 602.
Alternatively, the memory 602 may be separate or integrated with the processor 601. When the memory 602 is a device independent from the processor 601, the display apparatus of the scroll bar may further include: a bus for connecting the memory 602 and the processor 601.
Optionally, this embodiment further includes: a communication interface, which may be connected to the processor 601 through a bus. The processor 601 may control the communication interface to implement the functionality of the above-described acquisition and transmission of the display means of the scroll bar.
The display device 60 of the scroll bar shown in the embodiment of the present application can implement the technical solution of the display method of the scroll bar in any embodiment, and the implementation principle and the beneficial effect of the display device are similar to those of the display method of the scroll bar, and reference may be made to the implementation principle and the beneficial effect of the display method of the scroll bar, which are not described herein again.
An embodiment of the present application further provides a computer-readable storage medium, where a computer execution instruction is stored in the computer-readable storage medium, and when a processor executes the computer execution instruction, the technical solution for implementing the display method of the scroll bar in any of the above embodiments is implemented, and an implementation principle and beneficial effects of the technical solution are similar to those of the display method of the scroll bar, and reference may be made to the implementation principle and beneficial effects of the display method of the scroll bar, which are not described herein again.
The embodiment of the present application further provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, the technical solution for implementing the display method of the scroll bar in any of the above embodiments is implemented, and the implementation principle and the beneficial effect of the computer program are similar to those of the display method of the scroll bar, which can be referred to as the implementation principle and the beneficial effect of the display method of the scroll bar, and are not described herein again.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts shown as units may or may not be physical units, may be located in one position, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment. In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
The integrated module implemented in the form of a software functional module may be stored in a computer-readable storage medium. The software functional module is stored in a storage medium and includes several instructions to enable a computer device (which may be a personal computer, a server, or a network device) or a processor (processor) to execute some steps of the methods according to the embodiments of the present application.
It should be understood that the Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present invention may be embodied directly in a hardware processor, or in a combination of the hardware and software modules within the processor.
The memory may comprise a high-speed RAM memory, and may further comprise a non-volatile storage NVM, such as at least one disk memory, and may also be a usb disk, a removable hard disk, a read-only memory, a magnetic or optical disk, etc.
The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an Extended ISA (EISA) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, the buses in the figures of the present application are not limited to only one bus or one type of bus.
The computer-readable storage medium may be implemented by any type or combination of volatile or non-volatile memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks. A storage media may be any available media that can be accessed by a general purpose or special purpose computer.
Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present application.
Claims (10)
1. A method for displaying a scroll bar, comprising:
receiving a style adjustment request; the style adjustment request comprises an identifier of a target scroll bar component corresponding to a target scroll bar in a target table and target adjustment parameters, wherein the target scroll bar is obtained by setting an original scroll bar in the target table as the scroll bar corresponding to the target scroll bar component;
adjusting parameters of the target scroll bar assembly according to the target adjustment parameters to obtain an adjusted scroll bar assembly;
displaying the target table based on the adjusted scroll bar component, wherein a display style of the target scroll bar is different from a display style of the native scroll bar.
2. The method of claim 1, wherein said adjusting a parameter of said target scroll bar assembly in accordance with said target adjustment parameter comprises:
setting the parameter of the target scroll bar assembly as the target adjustment parameter.
3. The method according to claim 1 or 2, characterized in that the method further comprises:
splitting codes corresponding to the target table, and extracting native codes corresponding to the native scroll bars;
and developing the native code corresponding to the native scroll bar, and setting the native scroll bar as the target scroll bar corresponding to the target scroll bar component.
4. The method according to claim 1 or 2, characterized in that the method further comprises:
receiving a skin switching request; wherein, the skin switching request comprises the identification of the target table component and the target skin color;
adjusting the global skin color variable corresponding to the target form component according to the target skin color to obtain an adjusted form component; wherein the global skin color variable is associated with a root node of the target table component;
displaying the target form based on the adjusted form component; wherein the skin color of the target table is the target skin color.
5. The method of claim 4, further comprising:
and acquiring a global skin color variable corresponding to the target table component from a theme configuration file corresponding to a page to which the target table belongs according to the identifier of the target table component.
6. The method of claim 4, further comprising:
pre-constructing a global skin color variable corresponding to the target table component;
and associating the global skin color variable corresponding to the target table component with the root node of the target table component.
7. A display device for a scrollbar, comprising:
a receiving unit configured to receive a style adjustment request; the style adjustment request comprises an identifier of a target scroll bar component corresponding to a target scroll bar in a target table and target adjustment parameters, wherein the target scroll bar is obtained by setting an original scroll bar in the target table as the scroll bar corresponding to the target scroll bar component;
the processing unit is used for adjusting the parameters of the target scroll bar assembly according to the target adjustment parameters to obtain an adjusted scroll bar assembly;
a display unit, configured to display the target table based on the adjusted scroll bar component, wherein a display style of the target scroll bar is different from a display style of the native scroll bar.
8. A terminal comprising a processor and a memory; wherein,
the memory for storing a computer program;
the processor is configured to read the computer program stored in the memory, and execute the method for displaying the scroll bar according to any one of claims 1 to 6 according to the computer program in the memory.
9. A computer-readable storage medium, wherein computer-executable instructions are stored in the computer-readable storage medium, and when executed by a processor, implement the method for displaying a scrollbar according to any one of claims 1-6.
10. A computer program product comprising a computer program, characterized in that the computer program, when being executed by a processor, is adapted to carry out the method of displaying a scrollbar according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110234844.2A CN112988026B (en) | 2021-03-03 | 2021-03-03 | Scroll bar display method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110234844.2A CN112988026B (en) | 2021-03-03 | 2021-03-03 | Scroll bar display method and device and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112988026A true CN112988026A (en) | 2021-06-18 |
| CN112988026B CN112988026B (en) | 2024-05-28 |
Family
ID=76352372
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110234844.2A Active CN112988026B (en) | 2021-03-03 | 2021-03-03 | Scroll bar display method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112988026B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114415919A (en) * | 2022-01-21 | 2022-04-29 | 重庆允丰科技有限公司 | Method for sticking table horizontal scroll bar, multiplexing method and computer storage medium |
| CN117270855A (en) * | 2023-11-22 | 2023-12-22 | 杭州比智科技有限公司 | Method for realizing table height self-adaption based on vue |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5481741A (en) * | 1986-04-14 | 1996-01-02 | National Instruments Corporation | Method and apparatus for providing attribute nodes in a graphical data flow environment |
| JPH09186907A (en) * | 1996-01-08 | 1997-07-15 | Matsushita Electric Ind Co Ltd | Color adjustment method |
| US20070050699A1 (en) * | 2005-08-30 | 2007-03-01 | Microsoft Corporation | Customizable spreadsheet table styles |
| WO2012022999A1 (en) * | 2010-08-20 | 2012-02-23 | Sony Ericsson Mobile Communications Ab | Method for an integrated scrollbar options menu and related device and computer program product |
| WO2013105664A1 (en) * | 2012-01-13 | 2013-07-18 | シャープ株式会社 | Display scroll device, display scroll device control method, display scroll device control program, and computer-readable recording medium whereon program is stored |
| US20160041736A1 (en) * | 2014-08-05 | 2016-02-11 | Snowflake Computing, Inc. | Progress scrollbar |
| CN106293409A (en) * | 2016-08-12 | 2017-01-04 | 福建中金在线信息科技有限公司 | A kind of beautification method of lightweight scroll bar |
| US20180041664A1 (en) * | 2016-08-05 | 2018-02-08 | Ricoh Company, Ltd. | Color adjustment determination method and information processing apparatus |
| CN109902275A (en) * | 2017-12-07 | 2019-06-18 | 东莞市杰诺软件科技有限公司 | A kind of method and electronic equipment of customized table |
| CN110502308A (en) * | 2019-08-28 | 2019-11-26 | 广州酷狗计算机科技有限公司 | Style sheet switching method, device, computer equipment and storage medium |
| CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
| CN111399957A (en) * | 2020-03-17 | 2020-07-10 | 北京奇艺世纪科技有限公司 | App interface display method and device, terminal equipment and readable storage medium |
| CN111488149A (en) * | 2020-03-11 | 2020-08-04 | 平安健康保险股份有限公司 | Table rendering method and device based on canvas element and computer equipment |
-
2021
- 2021-03-03 CN CN202110234844.2A patent/CN112988026B/en active Active
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5481741A (en) * | 1986-04-14 | 1996-01-02 | National Instruments Corporation | Method and apparatus for providing attribute nodes in a graphical data flow environment |
| JPH09186907A (en) * | 1996-01-08 | 1997-07-15 | Matsushita Electric Ind Co Ltd | Color adjustment method |
| US20070050699A1 (en) * | 2005-08-30 | 2007-03-01 | Microsoft Corporation | Customizable spreadsheet table styles |
| WO2012022999A1 (en) * | 2010-08-20 | 2012-02-23 | Sony Ericsson Mobile Communications Ab | Method for an integrated scrollbar options menu and related device and computer program product |
| WO2013105664A1 (en) * | 2012-01-13 | 2013-07-18 | シャープ株式会社 | Display scroll device, display scroll device control method, display scroll device control program, and computer-readable recording medium whereon program is stored |
| US20160041736A1 (en) * | 2014-08-05 | 2016-02-11 | Snowflake Computing, Inc. | Progress scrollbar |
| US20180041664A1 (en) * | 2016-08-05 | 2018-02-08 | Ricoh Company, Ltd. | Color adjustment determination method and information processing apparatus |
| CN106293409A (en) * | 2016-08-12 | 2017-01-04 | 福建中金在线信息科技有限公司 | A kind of beautification method of lightweight scroll bar |
| CN109902275A (en) * | 2017-12-07 | 2019-06-18 | 东莞市杰诺软件科技有限公司 | A kind of method and electronic equipment of customized table |
| CN110502308A (en) * | 2019-08-28 | 2019-11-26 | 广州酷狗计算机科技有限公司 | Style sheet switching method, device, computer equipment and storage medium |
| CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
| CN111488149A (en) * | 2020-03-11 | 2020-08-04 | 平安健康保险股份有限公司 | Table rendering method and device based on canvas element and computer equipment |
| CN111399957A (en) * | 2020-03-17 | 2020-07-10 | 北京奇艺世纪科技有限公司 | App interface display method and device, terminal equipment and readable storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 水车, pages 1 - 3, Retrieved from the Internet <URL:https://www.cnblogs.com/shuiche/p/12334655.html> * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114415919A (en) * | 2022-01-21 | 2022-04-29 | 重庆允丰科技有限公司 | Method for sticking table horizontal scroll bar, multiplexing method and computer storage medium |
| CN117270855A (en) * | 2023-11-22 | 2023-12-22 | 杭州比智科技有限公司 | Method for realizing table height self-adaption based on vue |
| CN117270855B (en) * | 2023-11-22 | 2024-01-30 | 杭州比智科技有限公司 | Method for realizing table height self-adaption based on vue |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112988026B (en) | 2024-05-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110060317A (en) | Poster method of automatic configuration, equipment, storage medium and device | |
| CN107621966B (en) | Graphical user interface display method and device and terminal equipment | |
| CN108228293B (en) | Interface skin switching method and device | |
| CN112988026B (en) | Scroll bar display method and device and electronic equipment | |
| CN108121539B (en) | Component processing method and device | |
| CN110896490B (en) | Identity display method, device and equipment and readable storage medium | |
| CN106062693B (en) | Desktop sharing method and mobile terminal | |
| WO2015043442A1 (en) | Method, device and mobile terminal for text-to-speech processing | |
| CN110941779B (en) | Page loading method and device, storage medium and electronic equipment | |
| US20170171277A1 (en) | Method and electronic device for multimedia recommendation based on android platform | |
| CN111399831A (en) | Page display method and device, storage medium and electronic device | |
| CN104657668A (en) | Terminal | |
| US10460490B2 (en) | Method, terminal, and computer storage medium for processing pictures in batches according to preset rules | |
| CN114612279A (en) | Watermark adding method and device | |
| CN110708423A (en) | Message content display method and device and storage medium | |
| JP2018508061A (en) | Adaptive electronic documents | |
| CN111580808A (en) | Page generation method and device, computer equipment and storage medium | |
| US10747943B2 (en) | Method, device, client apparatus, and electronic device for presenting webpages | |
| CN104657991A (en) | Picture processing method | |
| CN105138697B (en) | A kind of search result shows method, apparatus and system | |
| CN107172305A (en) | Terminal adaptive display method, device, terminal and storage medium | |
| CN112083994A (en) | Notification message processing method and device | |
| CN103761020A (en) | Shortcut navigating method and device | |
| CN111144141A (en) | Translation method based on photographing function | |
| CN110647371A (en) | Multi-language resource file analysis method and system based on service configuration |
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 | ||
| CB02 | Change of applicant information |
Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176 Applicant after: Jingdong Technology Holding Co.,Ltd. Address before: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Beijing Economic and Technological Development Zone, 100176 Applicant before: Jingdong Digital Technology Holding Co.,Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |