CN110275661A - Method for exhibiting data and device - Google Patents
Method for exhibiting data and device Download PDFInfo
- Publication number
- CN110275661A CN110275661A CN201810215261.3A CN201810215261A CN110275661A CN 110275661 A CN110275661 A CN 110275661A CN 201810215261 A CN201810215261 A CN 201810215261A CN 110275661 A CN110275661 A CN 110275661A
- Authority
- CN
- China
- Prior art keywords
- paging
- scroll bar
- position information
- page number
- real
- 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
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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
- 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
Abstract
The embodiment of the invention provides a kind of method for exhibiting data and devices, which comprises carries out page number division to data to be displayed according to the paging configuration information of paging container, obtains the paged data of each paging；It generates scroll bar in the paging container, has been sequentially distributed the corresponding rolling strip area of each paging according to the page number sequence of each paging on the scroll bar；Monitor real-time position information of the scroll bar sliding block on the scroll bar；Determine the corresponding target page number of rolling strip area belonging to the real-time position information；The corresponding paged data of the target page number is shown to the current page in the paging container.The present invention realizes under the premise of reducing using plug-in unit and shows function based on the mobile rolling page turning data of scroll bar sliding block, reinforce data bandwagon effect, improve user experience.
Description
Technical field
The present invention relates to field of computer technology more particularly to a kind of method for exhibiting data and device.
Background technique
Currently, with the progress of network communication technology and the speed-raising of broadband network, various network applications have been obtained increasingly
More applications, and increasingly by everybody welcome.But the performance of many network applications has had reached one at this stage
Bottleneck, for example, internet video live broadcasting, main website direct broadcasting room performance has had reached a bottleneck, and the use of various plug-in units is various fixed
When device, various interface requests, video flowing load, long connection establishes the consumption of performance, affects the whole loading velocity of main website, because
This reduces when doing any one effect or function and uses plug-in unit, realizes that required function and special efficacy have weight by primary code
Want meaning.
In the prior art, scrollbar functionality is specially the content of the page as the mobile position of scroll bar sliding block becomes in real time
Change, be not no trigger point when dragging, scroll bar sliding block be dragged to where, then can show the corresponding data in the position
Content, it is seen that the data that scrollbar functionality in the prior art cannot achieve page turning rolling show function.
Summary of the invention
In view of the above problems, it proposes on the present invention overcomes the above problem or at least be partially solved in order to provide one kind
State the method for exhibiting data and device of problem.
One aspect of the present invention provides a kind of method for exhibiting data, which comprises
Page number division is carried out to data to be displayed according to the paging configuration information of paging container, obtains the paging of each paging
Data；
Scroll bar is generated in the paging container, has been sequentially distributed on the scroll bar according to the page number sequence of each paging
The corresponding rolling strip area of each paging；
Monitor real-time position information of the scroll bar sliding block on the scroll bar；
Determine the corresponding target page number of rolling strip area belonging to the real-time position information；
The corresponding paged data of the target page number is shown to the current page in the paging container.
It is wherein, described to generate scroll bar in the paging container, comprising:
Total page number that paging is obtained after dividing according to the page number determines that the paging container is showing each paging when institute respectively
State scroll bar sliding block corresponding start position information and end position information for rolling strip area on the scroll bar.
It is wherein, described to generate scroll bar in the paging container, further includes:
The paging container is bound with mouse roller event, and/or, the paging container is released with mouse roller
The event of putting is bound, and/or, the scroll bar sliding block is bound with mouse drag event, and/or, by the rolling
Sliding block is bound with mouse drag release event, and/or, the scroll bar is bound with mouse click event.
It is wherein, described to determine the corresponding target page number of rolling strip area belonging to the real-time position information, comprising:
Obtain initial position message of the scroll bar sliding block on the scroll bar；
If the real-time position information is greater than the initial position message, and the real-time position information is greater than current paging
The corresponding end position information for rolling strip area on the scroll bar, it is determined that rolling belonging to the real-time position information
The corresponding target page number of strip area is next paging of current paging；
If the real-time position information is less than the initial position message, and the real-time position information is less than current paging
The corresponding start position information for rolling strip area on the scroll bar, it is determined that rolling belonging to the real-time position information
The corresponding target page number of strip area is a upper paging for current paging；
Otherwise the corresponding target page number of rolling strip area belonging to the real-time position information is current paging.
Wherein, described that the corresponding paged data of the target page number is shown into the current page in the paging container, packet
It includes:
The corresponding paged data of the target page number is shown according to default Special effects mode in the current of the paging container
The page.
Another aspect of the present invention, provides a kind of data displaying device, and described device includes:
Configuration module is obtained for carrying out page number division to data to be displayed according to the paging configuration information of paging container
The paged data of each paging；
Generation module, for generating scroll bar in the paging container, according to the page number of each paging on the scroll bar
Sequence has been sequentially distributed the corresponding rolling strip area of each paging；
Monitoring module, for monitoring real-time position information of the scroll bar sliding block on the scroll bar；
Determination module, for determining the corresponding target page number of rolling strip area belonging to the real-time position information；
Display module, for the corresponding paged data of the target page number to be shown to the current page in the paging container
Face.
Wherein, the generation module determines institute specifically for obtaining total page number of paging after dividing according to the page number respectively
State the paging container scroll bar sliding block corresponding start bit for rolling strip area on the scroll bar when showing each paging
Confidence breath and end position information.
Wherein, the determination module, comprising:
Acquiring unit, for obtaining initial position message of the scroll bar sliding block on the scroll bar；
Judging unit, for being greater than the initial position message when the real-time position information, and the real time position is believed
Breath is greater than current paging in the corresponding end position information for rolling strip area on the scroll bar, determines the real time position
The corresponding target page number of rolling strip area belonging to information is next paging of current paging；When the real-time position information is less than
The initial position message, and the real-time position information is less than current paging corresponding rolling strip area on the scroll bar
Start position information when, determine the corresponding target page number of rolling strip area belonging to the real-time position information be current paging
A upper paging；Otherwise determine that the corresponding target page number of rolling strip area belonging to the real-time position information is current paging.
In addition, it is stored thereon with computer program the present invention also provides a kind of computer readable storage medium, the program
The step of method as described above is realized when being executed by processor.
In addition, the present invention also provides a kind of computer equipment, including memory, processor and storage are on a memory simultaneously
The step of computer program that can be run on a processor, the processor realizes method as described above when executing described program.
Method for exhibiting data and device provided in an embodiment of the present invention, through real time monitoring scroll bar sliding block on scroll bar
Real-time position information, wherein the rolling strip area of each paging, the rolling according to belonging to real-time position information are corresponding on scroll bar
The corresponding paged data of the target page number is shown the current page in the paging container by the dynamic corresponding target page number of strip area
Face, the present invention realize under the premise of reducing using plug-in unit and show function based on the mobile rolling page turning data of scroll bar sliding block
Can, reinforce data bandwagon effect, improves user experience.
The above description is only an overview of the technical scheme of the present invention, in order to better understand the technical means of the present invention,
And it can be implemented in accordance with the contents of the specification, and in order to allow above and other objects of the present invention, feature and advantage can
It is clearer and more comprehensible, the followings are specific embodiments of the present invention.
Detailed description of the invention
By reading the following detailed description of the preferred embodiment, various other advantages and benefits are common for this field
Technical staff will become clear.The drawings are only for the purpose of illustrating a preferred embodiment, and is not considered as to the present invention
Limitation.And throughout the drawings, the same reference numbers will be used to refer to the same parts.In the accompanying drawings:
Fig. 1 is a kind of flow chart of method for exhibiting data of the embodiment of the present invention；
Fig. 2 is the subdivision flow chart of step S14 in a kind of method for exhibiting data of the embodiment of the present invention；
Fig. 3 is that a kind of data of the embodiment of the present invention show the structural block diagram of device；
Fig. 4 is that a kind of data of the embodiment of the present invention show the internal structure block diagram of determination module in device；
Fig. 5 is the schematic diagram of the computer equipment of the embodiment of the present invention.
Specific embodiment
Exemplary embodiments of the present disclosure are described in more detail below with reference to accompanying drawings.Although showing the disclosure in attached drawing
Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here
It is limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure
It is fully disclosed to those skilled in the art.
Those skilled in the art of the present technique are appreciated that unless otherwise defined, all terms used herein (including technology art
Language and scientific term), there is meaning identical with the general understanding of those of ordinary skill in fields of the present invention.Should also
Understand, those terms such as defined in the general dictionary, it should be understood that have in the context of the prior art
The consistent meaning of meaning, and unless otherwise will not be explained in an idealized or overly formal meaning by specific definitions.
Since the function of existing scroll bar plug-in unit is only limitted to the content of the page as the mobile position of scroll bar sliding block is real-time
Variation, the data that cannot achieve page turning rolling show function, pass through primary code reality the embodiment of the invention provides a kind of thus
The method for exhibiting data and device of existing customized scroll bar.The embodiment of the present invention is in the premise for not using existing scroll bar plug-in unit
Under, customized scroll bar is realized using primary code, and then realizes the rolling page turning data exhibition mobile based on scroll bar sliding block
Show function, reinforce data bandwagon effect, improves user experience.
Fig. 1 diagrammatically illustrates the flow chart of the method for exhibiting data of one embodiment of the invention.Referring to Fig.1, of the invention
The method for exhibiting data of embodiment specifically includes the following steps:
Step S11, page number division is carried out to data to be displayed according to the paging configuration information of paging container, obtains each point
The paged data of page.
In the present embodiment, the paging container is the container for accommodating data to be displayed.Wherein, paging configuration information packet
Width shared by each element data, height in data to be displayed are included, default scroll bar sliding block divides apart from paging container top distance
Every row display elements data amount check in page container, each column display elements data amount check, the height of scroll bar small slide block, default display
The initial configuration informations such as which page.
Wherein, paging configuration information can be configured by user, relatively flexibly, specifically be needed according to user configuration to be shown
The width of individual element data is high, and the width of Lai Shengcheng paging container is high, and scroll bar distance from top paging container top distance is configurable.
The present embodiment needs to open up by paging configuration information incoming in the paging container that data show device and user
Show the array data information to be presented in paging, page is carried out to data to be displayed according to the paging configuration information of paging container
Code divides, and obtains the paged data of each paging, determines total paging page number of data to be displayed.
Step S12, generate scroll bar in the paging container, on the scroll bar according to the page number sequence of each paging according to
It is secondary that the corresponding rolling strip area of each paging is distributed with.
In the present embodiment, the array data information to be presented in paging is shown in the needs according to user configuration and is divided
After the paging configuration information of page container carries out page number division to data to be displayed, the paged data of each paging is obtained, namely
Then paging information array goes to render each paging and customized scroll bar structure according to paging information array.The present embodiment
In, it is described to generate scroll bar in the paging container, it specifically includes: obtaining total page number of paging after dividing according to the page number,
The paging container scroll bar sliding block corresponding scroll bar area on the scroll bar when showing each paging is determined respectively
The start position information and end position information in domain.Wherein, the page number sequence on scroll bar according to each paging has been sequentially distributed each
The corresponding rolling strip area of paging.
Further, further include the paging container is bound with mouse roller event, and/or, by the paging
Container is bound with mouse roller release event, and/or, the scroll bar sliding block is bound with mouse drag event,
And/or bind the scroll bar sliding block with mouse drag release event, and/or, the scroll bar and mouse are clicked
Event is bound.
In the present embodiment, after carrying out page number division to data to be displayed according to the paging configuration information of paging container,
Further include the customized scroll bar in paging container, the rolling strip area of each paging is corresponding in turn on the scroll bar, uses
The mobile mouse in family or roll mouse idler wheel, which pull sliding block, can show correspondence to rolling strip area of the corresponding page number on scroll bar
The paged data of the page number.
Step S13, real-time position information of the monitoring scroll bar sliding block on the scroll bar.
In practical application, when will test mouse roller moving event, mouse roller release event, mouse drag event,
Mouse drag release event or mouse click event etc. may be such that position of the scroll bar sliding block on the scroll bar moves
After dynamic event, real-time position information of the scroll bar sliding block on the scroll bar is monitored in real time.
Step S14, determine the corresponding target page number of rolling strip area belonging to the real-time position information；
Step S15, the corresponding paged data of the target page number is shown to the current page in the paging container.
The present embodiment needs to open up by paging configuration information incoming in the paging container that data show device and user
Show the array data information to be presented in paging, page is carried out to data to be displayed according to the paging configuration information of paging container
Code divides, and obtains the paged data of each paging, determines total paging page number of data to be displayed.And it is customized in paging container
Scroll bar, user pull mouse sliding block and need the ticker position shown that can show corresponding page number content to the corresponding page number.
Paging container in the present embodiment, which rolls page turning special efficacy triggering mode, to be had in 3, mouse roller, upper and lower page-turning button,
Scroll bar sliding block pulls.Wherein, mouse roller and the dragging of scroll bar sliding block are monitoring rollings when triggering corresponding event by mouse
Dynamic real-time position information of the sliding block on the scroll bar, and the rolling strip area according to belonging to real-time position information is corresponding
Corresponding paged data is shown the current page in paging container by the target page number, to realize that paging container rolls page turning special efficacy.This
Outside, the present embodiment also, is additionally provided with page-turning button up and down, clicks page-turning button up and down, and paging container can be realized and roll page turning
Special efficacy.
The present embodiment, it is described determine the corresponding target page number of rolling strip area belonging to the real-time position information it
Afterwards, the method also includes: the rolling strip area belonging to the real-time position information shows corresponding target in a manner of floating layer
The page number.
Method for exhibiting data provided in an embodiment of the present invention, it is real-time on scroll bar by real time monitoring scroll bar sliding block
Location information, wherein the rolling strip area of each paging is corresponding on scroll bar, the scroll bar area according to belonging to real-time position information
The corresponding paged data of the target page number is shown the current page in the paging container by the corresponding target page number in domain, this
Invention realizes under the premise of reducing using plug-in unit and shows function based on the mobile rolling page turning data of scroll bar sliding block, add
Strong data bandwagon effect, improves user experience.
In embodiments of the present invention, described to determine that rolling strip area belonging to the real-time position information is corresponding referring to Fig. 2
The target page number, specifically includes the following steps:
Step S141, initial position message of the scroll bar sliding block on the scroll bar is obtained；
If step S142, the described real-time position information is greater than the initial position message, and the real-time position information is big
In the end position information of current paging corresponding rolling strip area on the scroll bar, it is determined that the real-time position information
The corresponding target page number of affiliated rolling strip area is next paging of current paging；
If step S143, the described real-time position information is less than the initial position message, and the real-time position information is small
In the start position information of current paging corresponding rolling strip area on the scroll bar, it is determined that the real-time position information
The corresponding target page number of affiliated rolling strip area is a upper paging for current paging；
Step S144, otherwise the corresponding target page number of rolling strip area belonging to the real-time position information is current point
Page.
The present embodiment, the current page corresponding paged data of the target page number shown in the paging container
Face specifically includes the corresponding paged data of the target page number showing working as in the paging container according to default Special effects mode
The preceding page.In order to further strengthen data bandwagon effect while realizing that paging container rolls page turning special efficacy, user's body is improved
It tests, the present embodiment is shown by the paged data of the corresponding target page number of current scrolling sliding block real time position in paging container
When current page, the displaying that pre-set Special effects mode realizes paged data can be used.
Method for exhibiting data provided in an embodiment of the present invention, specially a kind of data displaying side based on scroll bar page turning
Method, by the rolling strip area being moved to according to scroll bar sliding block, and this position is exactly a upper paging and next paging
Otherwise the position of critical point, then then direct page turning still show current paging, and then realize that controlling whole screen rolls page turning, no
Again as common scroll bar, the content of page position real-time change not mobile with sliding block, whole screen rolling is turned over
Page.It is pulled below with scroll bar sliding block as a specific embodiment, technical solution of the present invention is illustrated, paging three will be pulled
A step, record sliding block pulls mouse origin coordinates when starting, and in mouse release slider, pulls end coordinate according to sliding block and subtracts
Origin coordinates is removed, just can obtain the mobile distance of sliding block.According to the mobile distance of sliding block, sliding block current real-time location information is determined
With pass of the current paging on the scroll bar between the corresponding start position information and end position information for rolling strip area
System.
1, mouse down scroll bar sliding block
Mouse down origin coordinates is recorded, scroll bar sliding block is apart from paging container top distance.Current paging father container and
The click of strip area binding mouse, mobile and mouse release event are rolled, current paging father container binds mouse roller moving event.
2, mouse drag sliding block
Determine scroll bar sliding block height, height, that is, slider roll initial range value of the sliding block apart from paging container top,
The current page number calculates the end coordinate maximum value of slider roll, and as sliding block is apart from paging container top distance+sliding block height *
(the total page number -1 of paging).
Obtain the end coordinate of scroll bar sliding block in mouse moving process, the initial coordinate namely upper one before sliding block is mobile
It is secondary to pull the coordinate terminated, calculate each paging scroll bar sliding block corresponding origin coordinates for rolling strip area on scroll bar
And end coordinate.Real-time update sliding block is apart from paging container top distance in mouse moving process, as before sliding block movement
Coordinate+(the mobile end coordinate of sliding block-sliding block mobile before coordinate), which must be in the initial range of slider roll
Between value and the end coordinate maximum value of slider roll, sliding block is set apart from paging container top distance.
If the mobile end coordinate of sliding block is less than the mobile end coordinate of last sliding block, and sliding block current slide holds apart from paging
Device distance from top is less than the initial range that current page sliding block should be at.The page number subtracts 1, and page up paging logic is handled, paging
Father's container area rolls special efficacy, and paging information floating layer is shown, fades out disappearance.
If the mobile end coordinate of sliding block is greater than the mobile end coordinate of last sliding block, and sliding block current slide holds apart from paging
Device distance from top is greater than the end range that current page sliding block should be at.The page number adds 1, and lower one page paging logic is handled, paging father
Container area rolls special efficacy, and paging information floating layer is shown, fades out disappearance.
Realize details: sliding block follows the position of mouse to move in real time, but the rolling of paging container is according to mouse sliding block
Whether reach current paging initial position and end position range in the initial position of scroll bar and end position, to determine whether
Paging.
In the present embodiment, using primary mouse moving event, pulled to handle, convenient, flexible, details of operation can be more
Change, data convenience of calculation is simple, and it is not necessary to modify the cumbersome logics of plug-in unit.Performance is also high.
3, mouse release slider
Sliding block height is obtained, sliding block is apart from paging container top default distance, mouse down origin coordinates, mouse when release
Coordinate, the current page number, scroll bar sliding block calculate each paging scroll bar sliding block in scroll bar apart from paging container top distance
The upper corresponding origin coordinates and end coordinate for rolling strip area.The end coordinate maximum value of slider roll, as sliding block distance
Paging container top distance+sliding block height * (the total page number -1 of paging).
Real-time update sliding block is apart from paging container top distance t in mouse moving process, as before sliding block movement
Coordinate+(coordinate before the mobile end coordinate of sliding block-sliding block movement), which must be in the initial range value of slider roll
Between the end coordinate maximum value of slider roll, sliding block is set apart from paging container top distance.
The end coordinate of sliding block is less than the origin coordinates of sliding block also, sliding block is less than currently apart from paging container top distance
The corresponding origin coordinates of page sliding block.The page number subtracts 1, and page up paging logic processing, paging father's container area rolls special efficacy, paging
Information floating layer is shown, fades out disappearance, and sliding block is arranged apart from paging container top distance.It unbinds paging container and pulls moving event,
It unbinds paging container and pulls mouse release event, unbundlings scroll bar sliding block pulls mouse release event, and unbundlings scroll bar pulls mouse
Mark release event.
The end coordinate of sliding block is greater than the origin coordinates of sliding block also, sliding block is greater than currently apart from paging container top distance
The corresponding end coordinate of page sliding block.The page number adds 1, lower one page paging logic processing；Paging father's container area rolls special efficacy；Paging letter
Breath floating layer is shown, fades out disappearance；Sliding block is set apart from paging container top distance.Paging container and mouse roller event are unbinded,
Unbind paging container and mouse roller release event, unbundlings scroll bar sliding block and mouse drag event, unbundlings scroll bar sliding block with
Mouse drag release event unbinds scroll bar and mouse click event.
The end coordinate of sliding block, sliding block is apart from other that paging container top Distance Judgment range is not both the above situation
Situation.Sliding block being calculated apart from paging container top distance, value is=sliding block is apart from paging container top default distance+(current
Paging code -1) * sliding block height, sliding block is set apart from paging container top distance.Unbind paging container and mouse roller event, solution
Paging container and mouse roller release event, unbundlings scroll bar sliding block and mouse drag event are tied up, scroll bar sliding block and mouse are unbinded
Mark pulls release event, unbinds scroll bar and mouse click event.
It realizes details: mouse release slider, sliding block present position, is the starting of scroll bar locating for sliding block by current page
Coordinate and end coordinate determine that, if it is less than the initial position of scroll bar locating for current page sliding block, sliding block is directly arranged in that
Position is the initial position of scroll bar locating for current page sliding block；If it is greater than the end position of scroll bar locating for current page sliding block,
That position that sliding block is directly arranged is the end position of scroll bar locating for current page sliding block.Otherwise, slide position is sliding for current page
Between the initial position and end position of scroll bar locating for block.
In the present embodiment, interaction detail when mouse discharges is good, has initial range and end range control, if do not existed
Within the scope of starting and ending, then initial value or end value are reset to.When mouse sliding block pulls and mouse slide position is small upwards
In the initial position that current page sliding block should be located, then page up page turning can be triggered.When mouse sliding block pulls downwards and mouse sliding block position
It sets and is greater than the end position that current page sliding block should be located, then can trigger lower one page page turning.User experience is good.
For embodiment of the method, for simple description, therefore, it is stated as a series of action combinations, but this field
Technical staff should be aware of, and embodiment of that present invention are not limited by the describe sequence of actions, because implementing according to the present invention
Example, some steps may be performed in other sequences or simultaneously.Secondly, those skilled in the art should also know that, specification
Described in embodiment belong to preferred embodiment, the actions involved are not necessarily necessary for embodiments of the present invention.
The data that Fig. 3 diagrammatically illustrates one embodiment of the invention show the structural schematic diagram of device.Referring to Fig. 3, originally
The data of inventive embodiments show that device specifically includes configuration module 301, generation module 302, monitoring module 303, determination module
304 and display module 305, in which:
Configuration module 301 is obtained for carrying out page number division to data to be displayed according to the paging configuration information of paging container
To the paged data of each paging；
Generation module 302, for generating scroll bar in the paging container, according to the page of each paging on the scroll bar
Code sequence has been sequentially distributed the corresponding rolling strip area of each paging；
Monitoring module 303, for monitoring real-time position information of the scroll bar sliding block on the scroll bar；
Determination module 304, for determining the corresponding target page number of rolling strip area belonging to the real-time position information；
Display module 305, for showing the corresponding paged data of the target page number in the current of the paging container
The page.
In the embodiment of the present invention, the generation module 302, specifically for obtaining total page number of paging after dividing according to the page number
Number, determines the paging container scroll bar sliding block corresponding scroll bar on the scroll bar when showing each paging respectively
The start position information and end position information in region.
Further, the generation module 302 is specifically also used to tie up the paging container with mouse roller event
It is fixed, and/or, the paging container is bound with mouse roller release event, and/or, by the scroll bar sliding block and mouse
Mark dragging event is bound, and/or, the scroll bar sliding block is bound with mouse drag release event, and/or, it will
The scroll bar is bound with mouse click event.
In the embodiment of the present invention, referring to Fig. 4, the determination module 304 further comprises that acquiring unit 3041 and judgement are single
Member 3042, in which:
The acquiring unit 3041, for obtaining initial bit confidence of the scroll bar sliding block on the scroll bar
Breath；
The judging unit 3042, for being greater than the initial position message when the real-time position information, and it is described
Real-time position information is greater than current paging in the corresponding end position information for rolling strip area on the scroll bar, determines institute
State next paging that the corresponding target page number of rolling strip area belonging to real-time position information is current paging；When the real-time position
Confidence breath is less than the initial position message, and the real-time position information is corresponding on the scroll bar less than current paging
When rolling the start position information of strip area, the corresponding target page number of rolling strip area belonging to the real-time position information is determined
For a upper paging for current paging；Otherwise determine that the corresponding target page number of rolling strip area belonging to the real-time position information is
Current paging.
In the embodiment of the present invention, the display module 305, specifically for pressing the corresponding paged data of the target page number
The current page in the paging container is shown according to default Special effects mode.
In the embodiment of the present invention, the display module 305 is also used to determine the real-time position in the determination module 304
After the corresponding target page number of rolling strip area belonging to confidence breath, the rolling belonging to the real-time position information in a manner of floating layer
Dynamic strip area shows the corresponding target page number.
For device embodiment, since it is basically similar to the method embodiment, related so being described relatively simple
Place illustrates referring to the part of embodiment of the method.
The apparatus embodiments described above are merely exemplary, wherein described, unit can as illustrated by the separation member
It is physically separated with being or may not be, component shown as a unit may or may not be physics list
Member, it can it is in one place, or may be distributed over multiple network units.It can be selected according to the actual needs
In some or all of the modules achieve the purpose of the solution of this embodiment.Those of ordinary skill in the art are not paying creativeness
Labour in the case where, it can understand and implement.
Method for exhibiting data and device provided in an embodiment of the present invention, through real time monitoring scroll bar sliding block on scroll bar
Real-time position information, wherein the rolling strip area of each paging, the rolling according to belonging to real-time position information are corresponding on scroll bar
The corresponding paged data of the target page number is shown the current page in the paging container by the dynamic corresponding target page number of strip area
Face, the present invention realize under the premise of reducing using plug-in unit and show function based on the mobile rolling page turning data of scroll bar sliding block
Can, reinforce data bandwagon effect, improves user experience.
In addition, it is stored thereon with computer program the embodiment of the invention also provides a kind of computer readable storage medium,
The step of program realizes method as described above when being executed by processor.
In the present embodiment, if the data show device, integrated module/unit is real in the form of SFU software functional unit
Now and when sold or used as an independent product, it can store in a computer readable storage medium.Based in this way
Understanding, the present invention realize above-described embodiment method in all or part of the process, can also be instructed by computer program
Relevant hardware is completed, and the computer program can be stored in a computer readable storage medium, the computer program
When being executed by processor, it can be achieved that the step of above-mentioned each embodiment of the method.Wherein, the computer program includes computer
Program code, the computer program code can be source code form, object identification code form, executable file or certain centres
Form etc..The computer-readable medium may include: can carry the computer program code any entity or device,
Recording medium, USB flash disk, mobile hard disk, magnetic disk, CD, computer storage, read-only memory (ROM, Read-Only
Memory), random access memory (RAM, Random Access Memory), electric carrier signal, telecommunication signal and software
Distribution medium etc..It should be noted that the content that the computer-readable medium includes can be according to making laws in jurisdiction
Requirement with patent practice carries out increase and decrease appropriate, such as in certain jurisdictions, according to legislation and patent practice, computer
Readable medium does not include electric carrier signal and telecommunication signal.
Fig. 5 is the schematic diagram of computer equipment provided in an embodiment of the present invention.Computer provided in an embodiment of the present invention is set
It is standby, including memory 501, processor 502 and it is stored in the computer journey that can be run on memory 501 and on processor 502
Sequence, the processor 502 realize the step in above-mentioned each method for exhibiting data embodiment, example when executing the computer program
Step S11 as shown in Figure 1, page number division is carried out to data to be displayed according to the paging configuration information of paging container, obtained every
The paged data of one paging；Step S12, scroll bar is generated in the paging container, each paging successively exists according to page number sequence
The continuous rolling strip area being corresponding on the scroll bar；Step S13, reality of the monitoring scroll bar sliding block on the scroll bar
When location information；Step S14, determine the corresponding target page number of rolling strip area belonging to the real-time position information；Step
S15, the corresponding paged data of the target page number is shown into the current page in the paging container.Alternatively, the processor
It realizes that above-mentioned each data show the function of each module/unit in Installation practice when the 502 execution computer program, such as schemes
Configuration module 301, generation module 302 shown in 3, monitoring module 303, determination module 304 and display module 305.
Illustratively, the computer program can be divided into one or more module/units, one or more
A module/unit is stored in the memory, and is executed by the processor, to complete the present invention.It is one or more
A module/unit can be the series of computation machine program instruction section that can complete specific function, and the instruction segment is for describing institute
It states computer program and shows the implementation procedure in device in the data.Match for example, the computer program can be divided into
Module 301, generation module 302, monitoring module 303, determination module 304 and display module 305 are set, each module concrete function is such as
Under: configuration module 301 obtains every for carrying out page number division to data to be displayed according to the paging configuration information of paging container
The paged data of one paging；Generation module 302, for generating scroll bar in the paging container, each paging is suitable according to the page number
The continuous rolling strip area that sequence is successively corresponding on the scroll bar；Monitoring module 303 exists for monitoring scroll bar sliding block
Real-time position information on the scroll bar；Determination module 304, for determining scroll bar area belonging to the real-time position information
The corresponding target page number in domain；Display module 305 holds for showing the corresponding paged data of the target page number in the paging
The current page of device.The computer equipment can be the meter such as desktop PC, notebook, palm PC and cloud server
Calculate equipment.The computer equipment may include, but be not limited only to, processor, memory.It will be understood by those skilled in the art that
The schematic diagram 5 is only the example of computer equipment, does not constitute the restriction to computer equipment, may include than illustrating more
More or less component perhaps combines certain components or different components, such as the computer equipment can also include defeated
Enter output equipment, network access equipment, bus etc..
The processor can be central processing unit (Central Processing Unit, CPU), can also be it
His general processor, digital signal processor (Digital Signal Processor, DSP), specific integrated circuit
(Application Specific Integrated Circuit, ASIC), ready-made programmable gate array (Field-
Programmable Gate Array, FPGA) either other programmable logic device, discrete gate or transistor logic,
Discrete hardware components etc..General processor can be microprocessor or the processor is also possible to any conventional processor
Deng the processor is the control centre of the computer equipment, utilizes various interfaces and the entire computer equipment of connection
Various pieces.
The memory can be used for storing the computer program and/or module, and the processor is by operation or executes
Computer program in the memory and/or module are stored, and calls the data being stored in memory, described in realization
The various functions of computer equipment.The memory can mainly include storing program area and storage data area, wherein storage program
It area can application program (such as sound-playing function, image player function etc.) needed for storage program area, at least one function
Deng；Storage data area, which can be stored, uses created data (such as audio data, phone directory etc.) etc. according to mobile phone.In addition,
Memory may include high-speed random access memory, can also include nonvolatile memory, such as hard disk, memory, grafting
Formula hard disk, intelligent memory card (Smart Media Card, SMC), secure digital (Secure Digital, SD) card, flash card
(Flash Card), at least one disk memory, flush memory device or other volatile solid-state parts.
It will be appreciated by those of skill in the art that although some embodiments in this include included in other embodiments
Certain features rather than other feature, but the combination of the feature of different embodiments means to be within the scope of the present invention simultaneously
And form different embodiments.For example, in the following claims, the one of any of embodiment claimed all may be used
Come in a manner of in any combination using.
Finally, it should be noted that the above embodiments are merely illustrative of the technical solutions of the present invention, rather than its limitations；Although
Present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that: it still may be used
To modify the technical solutions described in the foregoing embodiments or equivalent replacement of some of the technical features；
And these are modified or replaceed, technical solution of various embodiments of the present invention that it does not separate the essence of the corresponding technical solution spirit and
Range.
Claims (10)
1. a kind of method for exhibiting data, which is characterized in that the described method includes:
Page number division is carried out to data to be displayed according to the paging configuration information of paging container, obtains the paging number of each paging
According to；
It generates scroll bar in the paging container, has been sequentially distributed each point according to the page number sequence of each paging on the scroll bar
The corresponding rolling strip area of page；
Monitor real-time position information of the scroll bar sliding block on the scroll bar；
Determine the corresponding target page number of rolling strip area belonging to the real-time position information；
The corresponding paged data of the target page number is shown to the current page in the paging container.
2. the method according to claim 1, wherein described generate scroll bar in the paging container, comprising:
Total page number that paging is obtained after dividing according to the page number determines paging container rolling when showing each paging respectively
Dynamic sliding block corresponding start position information and end position information for rolling strip area on the scroll bar.
3. according to the method described in claim 2, also wrapping it is characterized in that, described generate scroll bar in the paging container
It includes:
The paging container is bound with mouse roller event, and/or, the paging container and mouse roller are discharged into thing
Part is bound, and/or, the scroll bar sliding block is bound with mouse drag event, and/or, the scroll bar is sliding
Block is bound with mouse drag release event, and/or, the scroll bar is bound with mouse click event.
4. according to the method described in claim 2, it is characterized in that, described determine scroll bar belonging to the real-time position information
The corresponding target page number in region, comprising:
Obtain initial position message of the scroll bar sliding block on the scroll bar；
If the real-time position information is greater than the initial position message, and the real-time position information is greater than current paging in institute
State the corresponding end position information for rolling strip area on scroll bar, it is determined that scroll bar area belonging to the real-time position information
The corresponding target page number in domain is next paging of current paging；
If the real-time position information is less than the initial position message, and the real-time position information is less than current paging in institute
State the corresponding start position information for rolling strip area on scroll bar, it is determined that scroll bar area belonging to the real-time position information
The corresponding target page number in domain is a upper paging for current paging；
Otherwise the corresponding target page number of rolling strip area belonging to the real-time position information is current paging.
5. method according to claim 1-4, which is characterized in that described by the corresponding paging of the target page number
Data show the current page in the paging container, comprising:
By the corresponding paged data of the target page number according to default Special effects mode show the paging container current page.
6. a kind of data show device, which is characterized in that described device includes:
Configuration module obtains each for carrying out page number division to data to be displayed according to the paging configuration information of paging container
The paged data of paging；
Generation module, for generating scroll bar in the paging container, according to the page number sequence of each paging on the scroll bar
It has been sequentially distributed the corresponding rolling strip area of each paging；
Monitoring module, for monitoring real-time position information of the scroll bar sliding block on the scroll bar；
Determination module, for determining the corresponding target page number of rolling strip area belonging to the real-time position information；
Display module, for the corresponding paged data of the target page number to be shown to the current page in the paging container.
7. device according to claim 6, which is characterized in that the generation module, after being divided according to the page number
Obtain total page number of paging, determine respectively the paging container when showing each paging the scroll bar sliding block in the rolling
The corresponding start position information and end position information for rolling strip area on item.
8. device according to claim 6, which is characterized in that the determination module, comprising:
Acquiring unit, for obtaining initial position message of the scroll bar sliding block on the scroll bar；
Judging unit, for being greater than the initial position message when the real-time position information, and the real-time position information is big
In current paging in the corresponding end position information for rolling strip area on the scroll bar, the real-time position information is determined
The corresponding target page number of affiliated rolling strip area is next paging of current paging；Described in being less than when the real-time position information
Initial position message, and the real-time position information is less than current paging corresponding for rolling strip area on the scroll bar
When beginning location information, determine that the corresponding target page number of rolling strip area belonging to the real-time position information is the upper of current paging
One paging；Otherwise determine that the corresponding target page number of rolling strip area belonging to the real-time position information is current paging.
9. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the program is held by processor
It is realized when row such as the step of any one of claim 1-5 the method.
10. a kind of computer equipment including memory, processor and stores the meter that can be run on a memory and on a processor
Calculation machine program, which is characterized in that the processor is realized when executing described program such as any one of claim 1-5 the method
Step.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810215261.3A CN110275661B (en) | 2018-03-15 | 2018-03-15 | Data display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810215261.3A CN110275661B (en) | 2018-03-15 | 2018-03-15 | Data display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110275661A true CN110275661A (en) | 2019-09-24 |
| CN110275661B CN110275661B (en) | 2021-04-27 |
Family
ID=67958079
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810215261.3A Active CN110275661B (en) | 2018-03-15 | 2018-03-15 | Data display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110275661B (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112527178A (en) * | 2020-12-16 | 2021-03-19 | 平安银行股份有限公司 | Page control method, device, equipment and storage medium |
| CN113032073A (en) * | 2021-03-25 | 2021-06-25 | 数贸科技（北京）有限公司 | Page display method and device based on operation behaviors |
| CN113536153A (en) * | 2021-06-30 | 2021-10-22 | 北京达佳互联信息技术有限公司 | Interest point acquisition method and device, electronic equipment and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101963888A (en) * | 2010-09-30 | 2011-02-02 | 宇龙计算机通信科技(深圳)有限公司 | Electronic terminal and method thereof for controlling page scroll bar |
| CN102012813A (en) * | 2010-11-24 | 2011-04-13 | 康佳集团股份有限公司 | Implementation method for control of slider |
| CN103268189A (en) * | 2013-05-30 | 2013-08-28 | 广东欧珀移动通信有限公司 | Method and system for realizing scroll bar on user interface of player |
| CN103699296A (en) * | 2013-12-13 | 2014-04-02 | 乐视网信息技术（北京）股份有限公司 | Intelligent terminal and episode serial number prompt method |
| US20150177916A1 (en) * | 2013-12-23 | 2015-06-25 | Tencent Technology (Shenzhen) Company Limited | Devices and methods for providing feedback of an application |
| CN106202315A (en) * | 2016-06-30 | 2016-12-07 | 北京奇虎科技有限公司 | The method and device that data process |
-
2018
- 2018-03-15 CN CN201810215261.3A patent/CN110275661B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101963888A (en) * | 2010-09-30 | 2011-02-02 | 宇龙计算机通信科技(深圳)有限公司 | Electronic terminal and method thereof for controlling page scroll bar |
| CN102012813A (en) * | 2010-11-24 | 2011-04-13 | 康佳集团股份有限公司 | Implementation method for control of slider |
| CN103268189A (en) * | 2013-05-30 | 2013-08-28 | 广东欧珀移动通信有限公司 | Method and system for realizing scroll bar on user interface of player |
| CN103699296A (en) * | 2013-12-13 | 2014-04-02 | 乐视网信息技术（北京）股份有限公司 | Intelligent terminal and episode serial number prompt method |
| US20150177916A1 (en) * | 2013-12-23 | 2015-06-25 | Tencent Technology (Shenzhen) Company Limited | Devices and methods for providing feedback of an application |
| CN106202315A (en) * | 2016-06-30 | 2016-12-07 | 北京奇虎科技有限公司 | The method and device that data process |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112527178A (en) * | 2020-12-16 | 2021-03-19 | 平安银行股份有限公司 | Page control method, device, equipment and storage medium |
| CN112527178B (en) * | 2020-12-16 | 2023-04-07 | 平安银行股份有限公司 | Page control method, device, equipment and storage medium |
| CN113032073A (en) * | 2021-03-25 | 2021-06-25 | 数贸科技（北京）有限公司 | Page display method and device based on operation behaviors |
| CN113536153A (en) * | 2021-06-30 | 2021-10-22 | 北京达佳互联信息技术有限公司 | Interest point acquisition method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110275661B (en) | 2021-04-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101911034B1 (en) | Organizing graphical representations on computing devices | |
| US10417297B2 (en) | Webpage loading method and system | |
| CN108170342B (en) | Application program interface display method and device, terminal and readable storage medium | |
| CN110275661A (en) | Method for exhibiting data and device | |
| CN113395572B (en) | Video processing method and device, storage medium and electronic equipment | |
| TW201229875A (en) | Managing an immersive environment | |
| CN113094135B (en) | Page display control method, device, equipment and storage medium | |
| CN109446025B (en) | Operation behavior playback method and device, electronic equipment and readable medium | |
| CN111159536A (en) | Method and equipment for pushing presentation information in reading application | |
| CN112148163A (en) | Screen recording method and device and electronic equipment | |
| CN105493018A (en) | Independent hit testing for touchpad manipulations and double-tap zooming | |
| CN111597009B (en) | Application program display method and device and terminal equipment | |
| CN114387376A (en) | Rendering method and device of three-dimensional scene, electronic equipment and readable storage medium | |
| US20170068991A1 (en) | Method and system for providing targeted promotion based on user pattern information in a mobile game | |
| US20240094883A1 (en) | Message selection method, apparatus and device | |
| CN113703896A (en) | Event trigger control method and device, electronic equipment and medium | |
| CN107291564B (en) | Information copying and pasting method and device and electronic equipment | |
| CN112596643A (en) | Application icon management method and device | |
| CN110069547B (en) | Online database table data statistics method, device, medium and electronic equipment | |
| CN115119064B (en) | Video processing method, device, equipment and storage medium | |
| US10165245B2 (en) | Pre-fetching video content | |
| CN106533831A (en) | Method and system for determining bandwidth usage of user | |
| CN114173175A (en) | Media resource playing method, device, equipment and storage medium | |
| CN106462878A (en) | Methods, systems, and media for presenting advertisements during background presentation of media content | |
| CN114640876B (en) | Multimedia service video display method, device, computer 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |