CN103699313B - A kind of method and apparatus for dragging refresh data - Google Patents
A kind of method and apparatus for dragging refresh data Download PDFInfo
- Publication number
- CN103699313B CN103699313B CN201210374453.1A CN201210374453A CN103699313B CN 103699313 B CN103699313 B CN 103699313B CN 201210374453 A CN201210374453 A CN 201210374453A CN 103699313 B CN103699313 B CN 103699313B
- Authority
- CN
- China
- Prior art keywords
- dragging
- header
- refresh data
- hookean region
- presented
- 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.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Embodiment of the present invention proposes a kind of method and apparatus for dragging refresh data.Method includes：Set in the Hookean region of scroll control in header, header comprising dragging prompt message；Detect the dragging displacement event in the scroll control；Judge whether the dragging displacement value of the dragging displacement event exceedes the threshold value pre-set, if it is refresh data, and Hookean region is presented in the loading procedure of Refresh Data, wherein presentation mode of the header in Hookean region has positive correlation with dragging displacement value.Embodiment of the present invention extends the enlarge-effect between interface and operation, improves interaction success rate.Embodiment of the present invention can also be applied in various terminals, and can be used with cross-platform cross terminal, the scope of application is widely.
Description
Technical field
Embodiment of the present invention is related to technical field of information processing, more particularly, to a kind of side for dragging refresh data
Method and device.
Background technology
Intelligent terminal（Smartphone）, refer to " as PC, with independent operating system, can by with
The program of the third party service providers such as software, game offer is voluntarily installed at family, is entered by this class method come the function constantly to mobile phone
Row expands, it is possible to the general name of such class mobile phone of wireless network access is realized by mobile communication network ".
Intelligent terminal operation system is a kind of operational capability and the function cell phone system more stronger than traditional function cell phone system.
At present, had using more operating system：Android, iOS, Symbian, WindowsPhone and BlackBerry OS, etc.
Deng the application software between them is generally incompatible.Because third party software, intelligence can be installed as PC
Energy terminal has abundant function.Intelligent terminal can show that it has with coming out consistent normal webpage shown by PC
Independent operating system and good user interface, it possesses very strong application scalability, conveniently optionally can install and delete
Except application program.
At present in some application programs of intelligent terminal, a large amount of use has by dragging renewal（Pull To
Refresh）Obtain the user mutual mode of new content.Such as：In some news and social class application program, work as information list
In top, as long as user uses finger slide downward, reach that certain threshold value will trigger information updating loading operation, and disappearing
Breath is restored to the original state after updating the prompting that loading procedure shows some loading messages, information updating loaded, and scroll bar is rolled
To top.
However, current various draggings are updated in application, the dynamics for dragging has no careful differentiation, and loading messages
Prompting mode and dragging dynamics also without correlation, this prompting mode can not correctly reflect the dynamics of dragging, nothing
Method improves the efficiency of enlarge-effect, it is impossible to ensure interaction success rate.
The content of the invention
Embodiment of the present invention proposes a kind of method of dragging refresh data, so as to improve the efficiency of enlarge-effect, improves
Interaction success rate.
Embodiment of the present invention also proposes a kind of device for dragging refresh data, so as to improve the efficiency of enlarge-effect, carries
High interaction success rate.
The concrete scheme of embodiment of the present invention is as follows：
A kind of method for dragging refresh data, this method includes：
Set in the Hookean region of scroll control in header, the header comprising dragging prompt message；
Detect the dragging displacement event in the scroll control；
Judge whether the dragging displacement value of the dragging displacement event exceedes the threshold value pre-set, if it is refresh number
According to, and the Hookean region, wherein presentation of the header in Hookean region is presented in the loading procedure of the Refresh Data
Mode has positive correlation with the dragging displacement value.
It is a kind of drag refresh data device, the device include header setting unit, dragging displacement event detection unit and
Hookean region display unit, wherein：
Header setting unit, is carried for being set in the Hookean region of scroll control in header, the header comprising dragging
Show information；
Dragging displacement event detection unit, for detecting the dragging displacement event in the scroll control；
Hookean region display unit, for judging whether the dragging displacement value of the dragging displacement event exceedes what is pre-set
Threshold value, if it is refresh data, and the Hookean region, the wherein mark is presented in the loading procedure of the Refresh Data
Presentation mode of the head in Hookean region has positive correlation with the dragging displacement value.
It can be seen from the above technical proposal that in embodiments of the present invention, being set in the Hookean region of scroll control
Dragging prompt message is included in header, header；Detect the dragging displacement event in the scroll control；Judge the dragging displacement event
Dragging displacement value whether exceed the threshold value that pre-sets, if it is refresh data, and in the loading procedure of Refresh Data
Middle that the Hookean region is presented, wherein presentation mode of the header in Hookean region has positive correlation with dragging displacement value.
As can be seen here, after using embodiment of the present invention, it is compounded with presentation mode of the header in Hookean region（It can specifically include
Change in displacement and transparency change）Time graph effect, the enlarge-effect between further Expansion Interface and operation improves
Interaction success rate.
Furthermore it is possible to which embodiment of the present invention may apply in various terminals, this can be used with cross-platform cross terminal
Invention embodiment, the scope of application is widely.
Brief description of the drawings
Fig. 1 is the NSScrollview activex relation schematic diagrames according to embodiment of the present invention；
Fig. 2 is the method flow diagram of the dragging refresh data according to embodiment of the present invention；
Fig. 3 is the bezier curve schematic diagram according to embodiment of the present invention；
Fig. 4 is the special bezier curve schematic diagram according to embodiment of the present invention；
Fig. 5 is the structure drawing of device of the dragging refresh data according to embodiment of the present invention.
Embodiment
To make the object, technical solutions and advantages of the present invention clearer, further is made to the present invention below in conjunction with the accompanying drawings
Detailed description.
In embodiments of the present invention, marked by being added in the Hookean region related to the operation of intelligent terminal screen scroll
Head（Header）, and based on the dragging displacement value in screen scroll operation, the elasticity is presented in the loading procedure of Refresh Data
The presentation mode of region, wherein header in Hookean region has positive correlation with dragging displacement value.
Wherein, intelligent terminal can include but is not limited to：Functional mobile phone, smart mobile phone, palm PC, PC
（PC）, vehicle-mounted computer, tablet personal computer or personal digital assistant（PDA）, etc..
Moreover, the operating system of intelligent terminal can specifically include：Android、iOS、Symbian、Windows
Phone, BlackBerry OS, Mac OS X, etc..
It will be appreciated by those of skill in the art that enumerating the demonstration of some intelligent terminals and its operating system in detail above
Property example, but this enumerate is only for purposes of illustration, is not intended to limit the present invention the protection domain of embodiment.
In various intelligent terminals and its operating system, it will usually have and realize the control rolled to realize.For each behaviour
Make the corresponding control in system, being all based on specification defined in itself has corresponding definition and functional attributes.
Below using the NSScrollView controls employed in Mac OSX as example, to real in intelligent terminal operation system
The control now rolled carries out exemplary illustrate.It will be appreciated by those of skill in the art that operating system for different intelligent terminals
System, for realizing implementing details and NSScrollView controls and may having some differences for the control rolled.At this
In use NSScrollView controls to be example to realizing that it is only exemplary that scroll control is illustrated, be not limited to
The protection domain of embodiment of the present invention.
Mac OSX are the desktop systems of Apple Inc.'s exploitation, have certain similar degree with iOS.Some in iOS should
With the interactive mode in program, largely using a kind of drop-down for obtaining new content to update.However, answering in Mac OSX platforms
With in program, this interactive form does not rise but.Fetch bullet due to pulling down and need system control to support, and this bullet
Property effect when 10.7 version just by it is primary support, and it is this support be based on Mac OSX systems in NSScrollview control
The correlated characteristic of part.
Fig. 1 is the NSScrollview activex relation schematic diagrames according to embodiment of the present invention.
NSScrollView is the control that scroll mechanism is realized under Mac OSX, including scroll bar child control
（NSScrollView）, scale, Hookean region（Elasticity Area）, Crop Area child control（NSClipView）And document
Area's child control（DocumentView）；NSScrollView be used for the display content size document bigger than its own size, picture,
List etc..
DocumentView is NSScrollview content provider, is the content for needing to roll, usually document, figure
Piece etc..
NSClipView is general and NSScrollView is in the same size, the cutting of main responsible content regions, that is, shows
DocumentView visible part.
Hookean region is then NSClipView meetings after DocumentView content reaches top or bottommost
The region of blank out is shown as buffering, its size down or toward the amplitude of pull-up changes simultaneously with user, and user looses one's grip it
Hookean region can disappear afterwards, the state that NSScrollView is returned back to before pulling.
In embodiments of the present invention, a header is added in Hookean region（Header）, some, which are carried, in header carries
Show information.Moreover, presentation mode of the header in Hookean region has positive correlation with dragging displacement value.Specifically, it is based on
User pulls the shift value of operation, and the displacement of word transparency and word based on header to header carries out animation change displaying.
NSClipView is DocumentView father's control, and header and DocumentView are NSClipView
Control, it is also assumed that Header and DocumentView have collectively constituted content regions, NSClipView is only responsible in cutting
The part for holding area shows user.
The NSScrollview controls using Mac OSX is examples above, and the scroll control to embodiment of the present invention is corresponding
Function has carried out exemplary elaboration.In fact, the scroll control in other intelligent terminal operation systems also has similar principle
And function, loading of the similar setting to reach in Refresh Data can be performed to the scroll control in other intelligent operating systems
Hookean region is presented in journey, wherein presentation mode of the header in Hookean region has the related of positive correlation to dragging displacement value
Characteristic.
Based on above-mentioned analysis, embodiment of the present invention proposes a kind of method for dragging refresh data.This method is not only
Suitable for Mac OSX NSScrollview controls, the scroll control that can be applicable in any intelligent terminal operation system.
Fig. 2 is the method flow diagram of the dragging refresh data according to embodiment of the present invention.
As shown in Fig. 2 this method includes：
Step 201：Header is set in the Hookean region of scroll control（Header）, dragging prompting is included in the header
Information.
Herein, it can be pre-set in the Hookean region of scroll control in header, header and include dragging prompting letter
Breath.The dragging prompt message can have many forms, such as including curve and/or prompt text with arrow etc..
Exemplarily, prompt text can be " loading ", " loading " etc..
Continue with the progress by example of Mac OSX NSScrollview controls exemplary illustrated.Due to
DocumentView is NSClipView child control（Set membership i.e. on the level of interface）, it is interior that NSClipView is responsible for cutting
Hold area, then header can be added in NSClipView and be used as child control.
Exemplarily, the position of header can be on DocumentView top, so when downward pull exceedes
DocumentView scope, just occurs Header parts, so that NSClipView and DocumentView upper ends are alignd.Can
Selection of land, the position of header can also be in DocumentView bottom, so when pulling the model more than DocumentView upwards
Enclose, Header parts just occur, so that NSClipView and DocumentView lower ends are alignd.
Step 202：Detect the dragging displacement event in the scroll control.
Intelligent terminal, which typically has, touches screen, and the dragging on screen is touched can be detected by corresponding sensor
Displacement event, is then sent to scroll control by the dragging displacement event, you can to assert the dragging detected in scroll control
Displacement event.
Specifically, touch-screen is a kind of induction type liquid crystal display device for receiving the input signals such as contact, when contacting
During graphic button on screen（Such as, when finger slide downward on screen of user）, the haptic feedback system on screen
Various link devices can be driven according to the formula of preprogramming.Various touch screen technologies are all to carry out work by respective sensor
, and respective positioning principle and sensor each used determine the reaction speed of touch-screen, reliability, stability and
Life-span.
Step 203：Judge whether the dragging displacement value of the dragging displacement event exceedes the threshold value pre-set, if
Then refresh data, and the Hookean region is presented in the loading procedure of the Refresh Data, wherein the header is in Hookean region
In presentation mode and the dragging displacement value there is positive correlation.
In one embodiment, can be by by the cutting content child control of the scroll control and the header holding position
The mode of alignment is put, the Hookean region is presented in the loading procedure of the Refresh Data.Wherein：
When dragging displacement event is drag down displacement event, this method includes：By by the cutting of the scroll control
Content child control keeps the mode that upper end is alignd with header, and Hookean region is presented in the loading procedure of Refresh Data；Or
When dragging displacement event is upward dragging displacement event, this method includes：By by the cutting of the scroll control
Content child control keeps the mode that lower end is alignd with header, and Hookean region is presented in the loading procedure of Refresh Data.
This method further comprises：Determine whether whether the loading procedure of Refresh Data is over, if it is, stopping
Hookean region is only presented, if it is not, then continuing to keep that Hookean region is presented.Specifically, can be by by the scroll control
Cut content child control and provide the mode that child control holding position is alignd with the content of the scroll control, in the loading of Refresh Data
Process stops that Hookean region is presented after terminating.
Wherein：
When dragging displacement event is drag down displacement event, this method includes：By by the cutting of the scroll control
Content child control provides the mode that child control keeps upper end to align with the content of the scroll control, in the loading of the Refresh Data
Process stops that Hookean region is presented after terminating；Or
When dragging displacement event is upward dragging displacement event, this method includes：By by the cutting of the scroll control
Content child control keeps the mode that lower end is alignd with the header, stops presenting after the loading procedure of the Refresh Data terminates
Hookean region.
In one embodiment, the bent curvature of a curve for carrying arrow is determined based on the dragging displacement value, wherein
Dragging displacement value has proportional relationship with the bent curvature of a curve；
Lower surface technology using Mac OSX NSScrollview controls are illustrated as example to said process.
Exemplarily, illustrated by taking pulling operation as an example.The process entirely pulled down can change with the animation of header.Can
To set the height of header as a threshold value（PULL_THRESHOLD）, when the scope that user pulls downwards is not reaching to the threshold value
And when loosing one's grip, ScrollView child controls automatic rebounding to the top of DocumentView child controls restores to the original state；Otherwise, surpass
Cross threshold value and loose one's grip, triggering pulls action, into data pull process.Moreover, the no matter above scope that pulls downwards after loosing one's grip
Have much, ScrollView child controls can all recoil to the top of header, while header shows Loading states.Now user
Pull downwards in any case, can all recoil to the top of header.NSClipView child controls and the alignment of header upper end.
When data pull is finished, after end Loading states, while sending one to ScrollView child controls manually
Rolling event, allows it to restore to the original state, i.e., upper end is alignd once again for NSClipView child controls and DocumentView child controls.
In one embodiment, can be determined based on dragging displacement value relative displacement of the prompt text in the header and
Transparency change, wherein dragging displacement value have direct proportion with relative displacement and transparency change of the prompt text in the header
Relation.It is, embodiment of the present invention using the change in displacement and transparency change of the content in header as two dynamics when
Half interval contour describes attribute, is added in the operation of drop-down ScrollView child controls.Also therefore, prompt text phase in the header
It is to operate the numerical value of generation drop-down to be positively related with user to the attribute change numerical value and transparency change value of displacement.
Preferably, relative position and transparency of the header in Hookean region with dragging displacement value there is compound positive correlation to become
Change trend.Such as, there can be bezier curve function positive correlation variation tendency.
Below to applying bezier curve function, to relative position of the header in Hookean region and transparency change with dragging
The relation of dynamic shift value carries out labor.
Bezier is the mathematic curve applied to X-Y scheme application program.The definition of curve has four points：Starting
Point, terminating point（Also referred to as anchor point）And two intermediate points being separated from each other.Slide two intermediate points, the shape meeting of Bezier
Change.
Fig. 3 is the bezier curve schematic diagram according to embodiment of the present invention.As shown in figure 3, wherein P0For starting point, end
Stop is P3, P1And P2For intermediate point.As seen from Figure 3, bezier curve is a kind of mode for describing curvilinear path.By sliding
Two intermediate point P1And P2, the shape of Bezier can change.
In order to save calculating process, embodiment of the present invention is preferred to use Bezier in particular cases, i.e. P0If
（0,0）, P3It is located at（1,1）[0,1] interval curve.
Fig. 4 is the special bezier curve schematic diagram according to embodiment of the present invention.
Wherein, control point P1 and P2 are respectively（0,0）With（0.58,1）, now bezier curve is interval positioned at [0,1]
Sine curve.This section of sine curve acts on displacement and the transparency of header content simultaneously, allows both changes while in just
Chord curve Long-term change trend.
Specifically, it is assumed that the shift value of user's drag operation is that the displacement of the content in d, header is value s, transparency
Changing value is t, and the shift value threshold value of drag operation is o.So combine user and pull down distance and the trend of the bezier curve,
This change can be described with formula below：
（Formula 1）
Wherein：When the shift value of drag operation reaches threshold value, i.e. d=d0When, now-θ=pi/2, finally has：
（Formula 2）
Formula 2 describes in header this two time graphs of the content shift value s and changing value t of transparency because user drags
The displacement value changes of operation and change, and both changes are compound.Embodiment of the present invention is this to be compounded with change in displacement
With the time graph effect of transparency change, the enlarge-effect between further Expansion Interface and operation allows and pulls animation exhibition
Now more fully reinforcing interaction, so as to improve interaction success rate.
Based on above-mentioned labor, embodiment of the present invention also proposed a kind of device for dragging refresh data
Fig. 5 is the structure drawing of device of the dragging refresh data according to embodiment of the present invention.
As shown in figure 5, the device includes header setting unit 501, dragging displacement event detection unit 502 and Hookean region
Display unit 503.Wherein：
Header setting unit 501, for being set in the Hookean region of scroll control in header, the header comprising dragging
Prompt message；
Dragging displacement event detection unit 502, for detecting the dragging displacement event in the scroll control；
Hookean region display unit 503, sets in advance for judging whether the dragging displacement value of the dragging displacement event exceedes
The threshold value put, if it is refresh data, and the Hookean region is presented in the loading procedure of the Refresh Data, wherein
Presentation mode of the header in Hookean region has positive correlation with the dragging displacement value.
In one embodiment, Hookean region display unit 503, for by the way that the cutting content of the scroll control is sub
The mode that control aligns with the header holding position, is presented the Hookean region in the loading procedure of the Refresh Data.
Specifically, Hookean region display unit 503, is used for:
When the dragging displacement event is drag down displacement event, by the way that cutting content of the scroll control is controlled
Part keeps the mode that upper end is alignd with the header, and the Hookean region is presented in the loading procedure of the Refresh Data；Or
When the dragging displacement event is upward dragging displacement event, by the way that cutting content of the scroll control is controlled
Part keeps the mode that lower end is alignd with the header, and the Hookean region is presented in the loading procedure of the Refresh Data.
In one embodiment, Hookean region display unit 503, is further used for judging the loading of the Refresh Data
Whether process is over, if it is, stopping that the Hookean region is presented, if it is not, then continuing to keep that the bullet is presented
Property region.
Preferably, Hookean region display unit 503, for by by the cutting content child control of the scroll control and the rolling
The content of dynamic control provides the mode of child control holding position alignment, and stopping is in after the loading procedure of the Refresh Data terminates
The existing Hookean region.
In one embodiment, Hookean region display unit 503, for being drag down when the dragging displacement event
During displacement event, kept by providing child control by the content of the cutting content child control of the scroll control and the scroll control
The mode of alignment is held, stops that the Hookean region is presented after the loading procedure of the Refresh Data terminates；Or
When the dragging displacement event is upward dragging displacement event, by the way that cutting content of the scroll control is controlled
Part keeps the mode that lower end is alignd with the header, stops that the elasticity is presented after the loading procedure of the Refresh Data terminates
Region.
Specifically, dragging prompt message can include curve and prompt text with arrow；Now：
Hookean region display unit 503, for determining the bent curvature of a curve based on the dragging displacement value, wherein dragging
Shift value has proportional relationship with the bent curvature of a curve；Determine the prompt text in the mark based on the dragging displacement value
Relative displacement in head, wherein dragging displacement value have direct proportion pass with relative displacement of the prompt text in the header
System.
Preferably, relative position and transparency of the header in Hookean region have compound with the dragging displacement value
Positive correlation variation tendency.
Assuming that the displacement that the distance of user's drop-down is the content in d, header is s, the changing value of transparency is t, then threshold
It is worth for o.So combine user and pull down distance and the trend of the bezier curve, this change can be described with formula below：
（Formula 1）
Wherein：The distance of user's drop-down reaches threshold value, i.e. d=d0When, now-θ=pi/2, finally has：
（Formula 2）
Formula 2 describes in header this two time graphs of the content shift value s and changing value t of transparency because user drags
The displacement value changes of operation and change, and both changes are compound.Embodiment of the present invention is this to be compounded with change in displacement
With the time graph effect of transparency change, the enlarge-effect between further Expansion Interface and operation allows and pulls animation exhibition
Now more fully reinforcing interaction, so as to improve interaction success rate.
Fig. 5 shown devices can be integrated among the hardware entities of various communication networks.Such as, can will the present invention it is real
The dragging refresh data device for applying mode is integrated into：Functional mobile phone, intelligent terminal, palm PC, PC（PC）, flat board electricity
Brain or personal digital assistant（PDA）, etc. among equipment.
Indeed, it is possible to which the dragging refresh data side that embodiment of the present invention is proposed is embodied by diversified forms
Method and device.Such as, the application programming interfaces of certain specification can be followed, dragging refresh data method is written as being installed to shifting
Plug-in card program in dynamic terminal, can also be encapsulated and be used for application program so that user voluntarily downloads.When being written as plug-in unit
During program, a variety of card formats such as ocx, dll, cab can be implemented as.Flash plug-in units, RealPlayer can also be passed through
What the particular techniques such as plug-in unit, MMS plug-in units, MIDI staffs plug-in unit, ActiveX plug-in units were proposed to implement embodiment of the present invention
Drag refresh data method.
The dragging that the storing mode that can be stored by instruction or instruction set is proposed embodiment of the present invention refreshes number
It is stored according to method on various storage mediums.These storage mediums include but is not limited to：Floppy disk, CD, DVD, hard disk, sudden strain of a muscle
Deposit, USB flash disk, CF cards, SD card, mmc card, SM cards, memory stick（Memory Stick）, xD cards etc..
Furthermore it is also possible to which the dragging refresh data method that embodiment of the present invention is proposed is applied to based on flash memory
（Nand flash）Storage medium in, such as USB flash disk, CF cards, SD card, SDHC cards, mmc card, SM cards, memory stick, xD cards etc..
In summary, in embodiments of the present invention, set in the Hookean region of scroll control in header, the header
Include dragging prompt message；Detect the dragging displacement event in the scroll control；Judge the dragging displacement of the dragging displacement event
Whether value exceedes the threshold value pre-set, if it is refresh data, and is presented in the loading procedure of the Refresh Data
The Hookean region, wherein presentation mode of the header in Hookean region have positive correlation with the dragging displacement value.By
This is visible, after embodiment of the present invention, is compounded with presentation mode of the header in Hookean region（Position can specifically be included
Move change and transparency change）Time graph effect, the enlarge-effect between further Expansion Interface and operation improves
Interaction success rate.
Furthermore it is possible to which embodiment of the present invention may apply in various terminals, this can be used with cross-platform cross terminal
Invention embodiment, the scope of application is widely.
The foregoing is only a preferred embodiment of the present invention, is not intended to limit the scope of the present invention.It is all
Within the spirit and principles in the present invention, any modification, equivalent substitution and improvements made etc. should be included in the protection of the present invention
Within the scope of.
Claims (12)
1. a kind of method for dragging refresh data, it is characterised in that this method includes：
Set in the Hookean region of scroll control in header, the header comprising dragging prompt message；
Detect the dragging displacement event in the scroll control；
Judge whether the dragging displacement value of the dragging displacement event exceedes the threshold value pre-set, if it is refresh data,
And the Hookean region, wherein presentation mode of the header in Hookean region are presented in the loading procedure of the Refresh Data
There is positive correlation with the dragging displacement value；The Hookean region is presented in the loading procedure of the Refresh Data is：
By way of the cutting content child control of the scroll control is alignd with the header holding position, in the data brush
The Hookean region is presented in new loading procedure；
When the dragging displacement event is drag down displacement event, this method includes：By by the cutting of the scroll control
Content child control keeps the mode that upper end is alignd with the header, and the elasticity is presented in the loading procedure of the Refresh Data
Region；Or
When the dragging displacement event is upward dragging displacement event, this method includes：By by the cutting of the scroll control
Content child control keeps the mode that lower end is alignd with the header, and the elasticity is presented in the loading procedure of the Refresh Data
Region.
2. the method for dragging refresh data according to claim 1, it is characterised in that this method further comprises：
Judge whether the loading procedure of the Refresh Data is over, if it is, stop that the Hookean region is presented, if
It is not then to continue to keep that the Hookean region is presented.
3. the method for dragging refresh data according to claim 2, it is characterised in that
Alignd by providing child control holding position with the content of the scroll control by the cutting content child control of the scroll control
Mode, stop that the Hookean region is presented after the loading procedure of the Refresh Data terminates.
4. the method for dragging refresh data according to claim 3, it is characterised in that
When the dragging displacement event is drag down displacement event, this method includes：By by the cutting of the scroll control
Content child control provides the mode that child control keeps upper end to align with the content of the scroll control, in the loading of the Refresh Data
Process stops that the Hookean region is presented after terminating；Or
When the dragging displacement event is upward dragging displacement event, this method includes：By by the cutting of the scroll control
Content child control keeps the mode that lower end is alignd with the header, stops presenting after the loading procedure of the Refresh Data terminates
The Hookean region.
5. the method for the dragging refresh data any one of claim 1-4, it is characterised in that the dragging prompt message
Including curve and prompt text with arrow；This method includes：
The bent curvature of a curve for carrying arrow, wherein dragging displacement value and the curve are determined based on the dragging displacement value
Curvature has proportional relationship；
Relative displacement of the prompt text in the header, wherein dragging displacement value and institute are determined based on the dragging displacement value
Stating relative displacement of the prompt text in the header has proportional relationship.
6. the method for the dragging refresh data any one of claim 1-4, it is characterised in that the described header is in elasticity
There is positive correlation to be for presentation mode in region and the dragging displacement value：
Relative position and transparency of the header in Hookean region have compound positive correlation change with the dragging displacement value
Trend.
7. a kind of device for dragging refresh data, it is characterised in that the device includes header setting unit, dragging displacement event and examined
Unit and Hookean region display unit are surveyed, wherein：
Header setting unit, for being set in the Hookean region of scroll control in header, the header comprising dragging prompting letter
Breath；
Dragging displacement event detection unit, for detecting the dragging displacement event in the scroll control；
Hookean region display unit, for judging whether the dragging displacement value of the dragging displacement event exceedes the thresholding pre-set
Value, if it is refresh data, and the Hookean region is presented in the loading procedure of the Refresh Data, the wherein header exists
Presentation mode in Hookean region has positive correlation with the dragging displacement value；Wherein in the loading procedure of the Refresh Data
It is middle the Hookean region is presented to be：Pass through what the cutting content child control of the scroll control alignd with the header holding position
Mode, is presented the Hookean region in the loading procedure of the Refresh Data；When the dragging displacement event is drag down
During displacement event, by way of keeping upper end to align the cutting content child control of the scroll control and the header, in institute
The Hookean region is presented in the loading procedure for stating Refresh Data；Or, when the dragging displacement event is upward dragging displacement thing
During part, by way of keeping lower end to align the cutting content child control of the scroll control and the header, in the data
The Hookean region is presented in the loading procedure of refreshing.
8. the device of dragging refresh data according to claim 7, it is characterised in that
Hookean region display unit, is further used for judging whether the loading procedure of the Refresh Data is over, if it is,
Then stop that the Hookean region is presented, if it is not, then continuing to keep that the Hookean region is presented.
9. the device of dragging refresh data according to claim 8, it is characterised in that
Hookean region display unit, for by the way that the cutting content child control and the content of the scroll control of the scroll control are carried
The mode alignd for child control holding position, stops that the elastic region is presented after the loading procedure of the Refresh Data terminates
Domain.
10. the device of dragging refresh data according to claim 9, it is characterised in that
Hookean region display unit, for when the dragging displacement event is drag down displacement event, by the way that this is rolled
The cutting content child control of control provides the mode that child control keeps upper end to align with the content of the scroll control, in the data
The loading procedure of refreshing stops that the Hookean region is presented after terminating；Or
When the dragging displacement event be upward dragging displacement event when, by by the cutting content child control of the scroll control with
The header keeps the mode of lower end alignment, stops that the elastic region is presented after the loading procedure of the Refresh Data terminates
Domain.
11. the device of the dragging refresh data according to any one of claim 7-10, it is characterised in that the dragging is carried
Show that information includes curve and prompt text with arrow；
Hookean region display unit, for determining the bent curvature of a curve, wherein dragging displacement value based on the dragging displacement value
There is proportional relationship with the bent curvature of a curve；Determine the prompt text in the header based on the dragging displacement value
Relative displacement, wherein dragging displacement value have proportional relationship with relative displacement of the prompt text in the header.
12. the device of the dragging refresh data according to any one of claim 7-10, it is characterised in that the described header
There is positive correlation to be for presentation mode in Hookean region and the dragging displacement value：Phase of the header in Hookean region
There is compound positive correlation variation tendency with the dragging displacement value to position and transparency.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210374453.1A CN103699313B (en) | 2012-09-27 | 2012-09-27 | A kind of method and apparatus for dragging refresh data |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210374453.1A CN103699313B (en) | 2012-09-27 | 2012-09-27 | A kind of method and apparatus for dragging refresh data |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103699313A CN103699313A (en) | 2014-04-02 |
| CN103699313B true CN103699313B (en) | 2017-09-22 |
Family
ID=50360855
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210374453.1A Active CN103699313B (en) | 2012-09-27 | 2012-09-27 | A kind of method and apparatus for dragging refresh data |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103699313B (en) |
Families Citing this family (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106354376B (en) * | 2015-07-13 | 2020-12-04 | 腾讯科技（深圳）有限公司 | Information processing method and client |
| CN112199028B (en) | 2015-11-02 | 2022-08-16 | 阿里巴巴（中国）有限公司 | Interface display processing method, device and equipment |
| CN105630339A (en) * | 2015-12-24 | 2016-06-01 | 小米科技有限责任公司 | Method and device for controlling page |
| CN106681602B (en) * | 2016-11-25 | 2019-06-21 | 努比亚技术有限公司 | A kind of terminal display control unit and method |
| CN106648430A (en) * | 2016-12-20 | 2017-05-10 | 天脉聚源(北京)传媒科技有限公司 | Method and apparatus for intelligently displaying pull-down refreshing animation |
| CN106970899B (en) * | 2017-05-09 | 2020-03-27 | 北京字节跳动网络技术有限公司 | Text processing method and device |
| CN107491297A (en) * | 2017-06-23 | 2017-12-19 | 北京五八信息技术有限公司 | Drop-down refreshes the implementation method and device at APP interfaces |
| CN109213479B (en) * | 2017-06-29 | 2022-02-22 | 武汉斗鱼网络科技有限公司 | Webpage pull-down refreshing display method, storage medium, electronic device and system |
| CN107729010B (en) * | 2017-10-25 | 2021-01-26 | 阿里巴巴（中国）有限公司 | View display method and device, computing equipment and storage medium |
| CN107885424B (en) * | 2017-12-05 | 2021-05-04 | 北京小米移动软件有限公司 | Method and device for updating display sequence of conversation options |
| CN110609729A (en) * | 2019-09-26 | 2019-12-24 | 浪潮软件股份有限公司 | CMSPWEB-based page monitoring rolling rendering method |
| CN111367406B (en) * | 2020-02-20 | 2023-08-18 | 百度在线网络技术（北京）有限公司 | Method, device, equipment and medium for refreshing pull-down of applet window |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1764189A (en) * | 2004-09-29 | 2006-04-26 | 国际商业机器公司 | Method and system for providing content over a network |
| CN101950235A (en) * | 2010-08-23 | 2011-01-19 | 中兴通讯股份有限公司 | Method for sliding interface of touch screen and terminal |
| CN102455892A (en) * | 2010-10-18 | 2012-05-16 | 腾讯科技（深圳）有限公司 | Method and device for realizing miniblog message pages |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8190619B2 (en) * | 2007-06-29 | 2012-05-29 | Spotfire Ab | Multi-source data visualization system |
-
2012
- 2012-09-27 CN CN201210374453.1A patent/CN103699313B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1764189A (en) * | 2004-09-29 | 2006-04-26 | 国际商业机器公司 | Method and system for providing content over a network |
| CN101950235A (en) * | 2010-08-23 | 2011-01-19 | 中兴通讯股份有限公司 | Method for sliding interface of touch screen and terminal |
| CN102455892A (en) * | 2010-10-18 | 2012-05-16 | 腾讯科技（深圳）有限公司 | Method and device for realizing miniblog message pages |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103699313A (en) | 2014-04-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103699313B (en) | A kind of method and apparatus for dragging refresh data | |
| US10120529B2 (en) | Touch-activated and expandable visual navigation of a mobile device via a graphic selection element | |
| CN103430140B (en) | Method and apparatus of managing items on clipboard of portable terminal | |
| EP3159784A1 (en) | Electronic device having bent display and control method thereof | |
| KR101911088B1 (en) | Haptic feedback assisted text manipulation | |
| CN103377080B (en) | For operationally supporting the method and system moved across container of widget | |
| US20150338939A1 (en) | Ink Modes | |
| US20150007099A1 (en) | Pinch Gestures in a Tile-Based User Interface | |
| CN104503682A (en) | Method for processing screen display window and mobile terminal | |
| CN108064368A (en) | The control method and device of flexible display device | |
| US8407608B1 (en) | Touch input assist | |
| CN106293315A (en) | The method and apparatus that floating frame shows | |
| US8386927B1 (en) | Gravity-based link assist | |
| CN102819416A (en) | Method and device for realizing content display of component | |
| CN103309560A (en) | Multi-interface information display method and terminal | |
| CN105094622B (en) | Adjust the method and apparatus of form col width | |
| CN103455261A (en) | Method for achieving display by calling tab label and mobile device | |
| CN105700708A (en) | Terminal interface adjusting method and terminal | |
| CN103809886B (en) | A kind of cursor positioning method and mobile terminal | |
| CN104571813A (en) | Information displaying method and device | |
| KR102520398B1 (en) | Electronic Device and Method for Saving User Data | |
| WO2016177060A1 (en) | Method and apparatus for displaying unread message | |
| US20130332872A1 (en) | System and method for drag hover drop functionality | |
| CN107491297A (en) | Drop-down refreshes the implementation method and device at APP interfaces | |
| KR20160020531A (en) | Tethered selection handle |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |