CN103699313A - Method and device for refreshing data by dragging - Google Patents
Method and device for refreshing data by dragging Download PDFInfo
- Publication number
- CN103699313A CN103699313A CN201210374453.1A CN201210374453A CN103699313A CN 103699313 A CN103699313 A CN 103699313A CN 201210374453 A CN201210374453 A CN 201210374453A CN 103699313 A CN103699313 A CN 103699313A
- Authority
- CN
- China
- Prior art keywords
- header
- refresh data
- hookean region
- dragging
- dragging displacement
- 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
Images
Abstract
The embodiment of the invention provides a method and a device for refreshing data by dragging. The method comprises the following steps of arranging a header in an elastic region of a scroll bar, wherein the header comprises a dragging prompt message; detecting a dragging displacement event on the scroll bar; judging whether a dragging displacement value of the dragging displacement event exceeds a preset threshold value or not, and if yes, refreshing the data and representing the elastic region in the loading process of data refreshment, wherein a representing mode of the header in the elastic region has positive correlation with the dragging displacement value. According to the embodiment of the invention, an amplification effect between an interface and operation is expanded and the interaction success rate is improved. The method and the device which are disclosed by the embodiment of the invention can also be applied to various terminals, can be used in a cross-platform and cross-terminal manner and have a very wide application range.
Description
Technical field
Embodiment of the present invention relates to technical field of information processing, more specifically, relates to a kind of method and apparatus that drags refresh data.
Background technology
Intelligent terminal (Smartphone), refer to " as PC; there is independently operating system; can be by user's program that the third party service provider such as mounting software, game provides voluntarily; constantly the function of mobile phone is expanded by this class method, and can realize by mobile communication network the general name of such class mobile phone of wireless network access ".
Intelligent terminal operating system is a kind of arithmetic capability and the stronger cell phone system of function ratio traditional function cell phone system.At present, use more operating system to have: Android, iOS, Symbian, WindowsPhone and BlackBerry OS, etc., the application software between them is conventionally incompatible.Because third party software can be installed as PC, intelligent terminal has abundant function.Intelligent terminal can show and the shown out consistent normal webpage of PC, and it has independently operating system and good user interface, and it has very strong application scalability, can facilitate and optionally install and delete application program.
In some application programs of intelligent terminal, a large amount of employing has the user interactions mode of obtaining fresh content by dragging renewal (Pull To Refresh) at present.Such as: in some news and social class application program, when information list is in top, as long as user is with pointing down sliding, reach certain threshold value and will trigger information updating load operation, and at information updating loading procedure, show the prompting of some loading messages, after information updating loaded, restore to the original state, scroll bar is rolled into top.
Yet, current various dragging upgraded in application, for the dynamics dragging, there is no careful differentiation, and the prompting mode of loading messages does not have correlativity with the dynamics dragging yet, this prompting mode can not correctly reflect the dynamics dragging, the efficiency of enlarge-effect cannot be improved, interaction success rate can not be guaranteed.
Summary of the invention
Embodiment of the present invention proposes a kind of method that drags refresh data, thereby improves the efficiency of enlarge-effect, improves interaction success rate.
Embodiment of the present invention also proposes a kind of device that drags refresh data, thereby improves the efficiency of enlarge-effect, improves interaction success rate.
The concrete scheme of embodiment of the present invention is as follows:
A method that drags refresh data, the method comprises:
In the Hookean region of scroll control, header is set, in described header, comprises and drag information;
Detect the dragging displacement event in this scroll control;
Whether the dragging displacement value that judges this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.
Drag a device for refresh data, this device comprises header setting unit, dragging displacement event detection unit and Hookean region display unit, wherein:
Header setting unit, arranges header for the Hookean region in scroll control, in described header, comprises and drags information;
Dragging displacement event detection unit, for detection of the dragging displacement event in this scroll control;
Hookean region display unit, for judging whether the dragging displacement value of this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.
From technique scheme, can find out, in embodiment of the present invention, in the Hookean region of scroll control, header is set, in header, comprise and drag information; Detect the dragging displacement event in this scroll control; Whether the dragging displacement value that judges this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of Refresh Data, present described Hookean region, wherein presentation mode and the dragging displacement value of this header in Hookean region has positive correlation.As can be seen here, after application embodiment of the present invention, be compounded with the time curve effect of the presentation mode (specifically can comprise change in displacement and transparency change) of header in Hookean region, the enlarge-effect between further Expansion Interface and operation, has improved interaction success rate.
In addition, embodiment of the present invention can be able to be applied in various terminals, can cross-platform cross terminal use embodiment of the present invention, the scope of application is very extensive.
Accompanying drawing explanation
Fig. 1 is the NSScrollview activex relation schematic diagram according to embodiment of the present invention;
Fig. 2 is according to the method flow diagram that drags refresh data of embodiment of the present invention;
Fig. 3 is the Bei Saier curve synoptic diagram according to embodiment of the present invention;
Fig. 4 is the special Bei Saier curve synoptic diagram according to embodiment of the present invention;
Fig. 5 is according to the structure drawing of device that drags refresh data of embodiment of the present invention.
Embodiment
For making the object, technical solutions and advantages of the present invention clearer, below in conjunction with accompanying drawing, the present invention is described in further detail.
In embodiment of the present invention, by operating and adding header (Header) in relevant Hookean region to intelligent terminal screen scroll, and the dragging displacement value based in screen scroll operation, in the loading procedure of Refresh Data, present this Hookean region, wherein presentation mode and the dragging displacement value of header in Hookean region has positive correlation.
Wherein, intelligent terminal can include, but are not limited to: functional mobile phone, smart mobile phone, palm PC, PC (PC), vehicle-mounted computer, panel computer or PDA(Personal Digital Assistant), etc.
And the operating system of intelligent terminal specifically can comprise: Android, iOS, Symbian, Windows Phone, BlackBerry OS, Mac OS X, etc.
It will be appreciated by those of skill in the art that the above exemplary embodiment of having enumerated in detail some intelligent terminals and operating system thereof, but this enumerating is only for purposes of illustration, is not intended to limit the present invention the protection domain of embodiment.
In various intelligent terminals and operating system thereof, the control that conventionally has realization rolling is realized.For the corresponding control in each operating system, all based on self defined standard, there is corresponding definition and functional attributes.
The NSScrollView control being adopted in Mac OSX of take is below example, to realizing the control rolling in intelligent terminal operating system, carries out exemplary elaboration.It will be appreciated by those of skill in the art that for different intelligent terminal operating system may there are some differences for specific implementation details and the NSScrollView control of realizing the control rolling.To adopt NSScrollView control be here example to realizing that scroll control sets forth is only exemplary, is not limited to the protection domain of embodiment of the present invention.
The desktop system of MacOSXShi Apple exploitation, has certain similar degree with iOS.In some application programs of iOS, adopting in a large number a kind of interactive mode of obtaining the drop-down renewal of fresh content.Yet in the application program of Mac OSX platform, this interactive form does not but rise.Owing to pulling down, fetch bullet and need system control to support, and this elastic effect until during 10.7 version just by primary support, and this support is the correlated characteristic based on NSScrollview control in Mac OSX system.
Fig. 1 is the NSScrollview activex relation schematic diagram according to embodiment of the present invention.
NSScrollView realizes the control of scroll mechanism under Mac OSX, comprise scroll bar child control (NSScrollView), scale, Hookean region (Elasticity Area), Crop Area child control (NSClipView) and document area child control (DocumentView); NSScrollView for displaying contents size than himself big or small large document, picture, list etc.
DocumentView is the content provider of NSScrollview, is the content that needs rolling, is generally document, picture etc.
NSClipView is general and NSScrollView is in the same size, is mainly responsible for the cutting of content regions, shows the visible part of DocumentView.
Hookean region is after the content of DocumentView arrives top or bottommost, NSClipView can show that the region of blank out is as buffering, its size with user down or the amplitude of up drawing change simultaneously, after user looses one's grip, Hookean region can disappear, the state before NSScrollView returns back to and pulls.
In embodiment of the present invention, in Hookean region, add a header (Header), in header, carry some informations.And presentation mode and the dragging displacement value of header in Hookean region has positive correlation.Particularly, pull the shift value of operation based on user, to the word transparency of header and word, the displacement based on header is carried out animation and is changed displaying.
NSClipView is father's control of DocumentView, header and DocumentView are the child controls of NSClipView, also can think that Header and DocumentView have formed content regions jointly, the part that NSClipView is just responsible for cutting content regions shows user.
The NSScrollview control of Mac OSX of take is above example, and the scroll control corresponding function of embodiment of the present invention has been carried out to exemplary elaboration.In fact, scroll control in other intelligent terminal operating systems also has similar principle and function, can carry out similar setting to the scroll control in other intelligent operating systems and present Hookean region to reach in the loading procedure of Refresh Data, the correlation properties that wherein presentation mode of header in Hookean region and dragging displacement value have positive correlation.
Based on above-mentioned analysis, embodiment of the present invention has proposed a kind of method that drags refresh data.This method is not only applicable to the NSScrollview control of Mac OSX, can also be applicable to the scroll control in any intelligent terminal operating system.
Fig. 2 is according to the method flow diagram that drags refresh data of embodiment of the present invention.
As shown in Figure 2, the method comprises:
Step 201: header (Header) is set in the Hookean region of scroll control, comprises and drag information in described header.
, can in the Hookean region of scroll control, set in advance header here, in header, include and drag information.This drags information can have many forms, such as comprising with the curve of arrow and/or prompt text etc.Exemplarily, prompt text can be " loading ", " loading " etc.
The NSScrollview control that continues to take Mac OSX below carries out exemplary illustrated as example.Because DocumentView is the child control (being the set membership on the level of interface) of NSClipView, NSClipView is responsible for cutting content regions, can in NSClipView, add header as child control so.
Exemplarily, the position of header can ought pull the scope over DocumentView downwards like this on the top of DocumentView, just there will be Header part, thus NSClipView and the alignment of DocumentView upper end.Alternatively, the position of header also can ought upwards pull the scope over DocumentView like this in the bottom of DocumentView, just there will be Header part, thus NSClipView and the alignment of DocumentView lower end.
Step 202: detect the dragging displacement event in this scroll control.
Intelligent terminal generally has touch screen, can the dragging displacement event in touch screen be detected by corresponding sensor, then this dragging displacement event is sent to scroll control, can assert the dragging displacement event detecting in scroll control.
Particularly, touch-screen is a kind of induction type liquid crystal indicator that receives the input signals such as contact, when having contacted the graphic button on screen (such as, when user's finger is on screen during down sliding), the haptic feedback system on screen can drive various hookup mechanisms according to the formula of programming in advance.Various touch screen technologies are all to rely on sensor separately to carry out work, and positioning principle separately and separately sensor used determined reaction velocity, reliability, stability and the life-span of touch-screen.
Step 203: whether the dragging displacement value that judges this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.
In one embodiment, can, by the mode that the cutting content child control of this scroll control is alignd with described header holding position, in the loading procedure of described Refresh Data, present described Hookean region.Wherein:
When dragging displacement event is drag down displacement event, the method comprises: by by the cutting content child control of this scroll control and the mode that header keeps upper end to align, in the loading procedure of Refresh Data, present Hookean region; Or
When dragging displacement event is during for dragging displacement event upwards, the method comprises: the mode by the cutting content child control of this scroll control is alignd with header maintenance lower end presents Hookean region in the loading procedure of Refresh Data.
The method further comprises: whether the loading procedure that further judges Refresh Data finishes, and if so, stops presenting Hookean region, if not, continue to keep presenting Hookean region.Particularly, can, by the mode that provides child control holding position to align with the content of this scroll control the cutting content child control of this scroll control, after finishing, the loading procedure of Refresh Data stop presenting Hookean region.
Wherein:
When dragging displacement event is drag down displacement event, the method comprises: the mode by the cutting content child control of this scroll control and the content of this scroll control being provided child control keep upper end to align stops presenting Hookean region after the loading procedure of described Refresh Data finishes; Or
When dragging displacement event is during for dragging displacement event upwards, the method comprises: the mode by the cutting content child control of this scroll control is alignd with described header maintenance lower end stops presenting Hookean region after the loading procedure of described Refresh Data finishes.
In one embodiment, based on described dragging displacement value, determine the described bent curvature of a curve with arrow, wherein dragging displacement value and described bent curvature of a curve have proportional relationship;
Lower surface technology be take the NSScrollview control of Mac OSX and said process is described as example.
Exemplarily, take pulling operation describes as example.Whole drop-down process can follow the animation of header to change.The height that can set header is a threshold value (PULL_THRESHOLD), and the scope pulling downwards as user does not reach this threshold value and while loosing one's grip, ScrollView child control automatic rebounding, to the top of DocumentView child control, restores to the original state; Otherwise, over threshold value, loose one's grip and trigger and pull action, enter data pull process.And the scope no matter pulling downwards above after loosing one's grip has much, ScrollView child control all can recoil to the top of header, and header represents Loading state simultaneously.Now user pulls downwards in any case, all can recoil to the top of header.NSClipView child control and the alignment of header upper end.
Complete when data pull, after finishing Loading state, send a rolling event manually to ScrollView child control simultaneously, allow it restore to the original state, i.e. NSClipView child control and DocumentView child control upper end alignment once again.
In one embodiment, can determine relative displacement and the transparency change of prompt text in this header based on dragging displacement value, wherein dragging displacement value and prompt text relative displacement and the transparency change in this header has proportional relationship.Namely, embodiment of the present invention is using the change in displacement of the content in header and transparency change as two dynamic time curve description attributes, in the operation of the drop-down ScrollView child control that is added to.Also therefore, attribute change numerical value and the transparency change value of prompt text relative displacement in this header, be to operate with user that to produce drop-down numerical value be positively related.
Preferably, the relative position of header in Hookean region and transparency and dragging displacement value have compound positive correlation variation tendency.Such as, can there is Bei Saier curvilinear function positive correlation variation tendency.
To application Bei Saier curvilinear function, the relation of the relative position to header in Hookean region and transparency change and dragging displacement value is carried out labor below.
Bezier is the mathematic curve that is applied to X-Y scheme application program.The definition of curve has four points: starting point, terminating point (also claiming anchor point) and two intermediate points that are separated from each other.Two intermediate points that slide, the shape of Bezier can change.
Fig. 3 is the Bei Saier curve synoptic diagram according to embodiment of the present invention.As shown in Figure 3, P wherein
0for starting point, terminating point are P
3, P
1and P
2for intermediate point.As seen from Figure 3, Bei Saier curve is a kind of mode of describing curvilinear path.By two the intermediate point P that slide
1and P
2, the shape of Bezier can change.
In order to save computation process, embodiment of the present invention preferably adopts Bezier in particular cases, i.e. P
0be located at (0,0), P
3be located at [0, the 1] interval curve of (1,1).
Fig. 4 is the special Bei Saier curve synoptic diagram according to embodiment of the present invention.
Wherein, reference mark P1 and P2 are respectively (0,0) and (0.58,1), and now Bei Saier curve is for being positioned at [0,1] interval sinusoidal curve.This section of sinusoidal curve acts on displacement and the transparency of header content simultaneously, allows both variations be the variation of sinusoidal curve trend simultaneously.
Specifically, suppose that the shift value of user's drag operation is d, the displacement of the content in header is value s, and the changing value of transparency is t, and the shift value threshold value of drag operation is o.So in conjunction with the trend of the drop-down distance of user and this Bei Saier curve, this variation can be described with formula below:
Wherein: as shift value arrival threshold value, the i.e. d=d of drag operation
0time, now
-θ=pi/2, finally has:
Changing value t these two time curves that formula 2 has been described content shift value s and transparency in header change because of the shift value of user's drag operation, and these two kinds of variations are compound.This time curve effect that is compounded with change in displacement and transparency change of embodiment of the present invention, the enlarge-effect between further Expansion Interface and operation, allows pull animation to represent more fully strengthening mutual, thereby improves interaction success rate.
Based on above-mentioned labor, embodiment of the present invention has also proposed a kind of device that drags refresh data
Fig. 5 is according to the structure drawing of device that drags refresh data of embodiment of the present invention.
As shown in Figure 5, this device comprises header setting unit 501, dragging displacement event detection unit 502 and Hookean region display unit 503.Wherein:
Dragging displacement event detection unit 502, for detection of the dragging displacement event in this scroll control;
Hookean region display unit 503, for judging whether the dragging displacement value of this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.
In one embodiment, Hookean region display unit 503 for by the mode that the cutting content child control of this scroll control is alignd with described header holding position, presents described Hookean region in the loading procedure of described Refresh Data.
Particularly, Hookean region display unit 503, for:
When described dragging displacement event is drag down displacement event, by by the cutting content child control of this scroll control and the mode that described header keeps upper end to align, in the loading procedure of described Refresh Data, present described Hookean region; Or
When described dragging displacement event is during for dragging displacement event upwards, the mode by the cutting content child control of this scroll control is alignd with described header maintenance lower end presents described Hookean region in the loading procedure of described Refresh Data.
In one embodiment, Hookean region display unit 503, is further used for judging whether the loading procedure of described Refresh Data finishes, and if so, stops presenting described Hookean region, if not, continue to keep presenting described Hookean region.
Preferably, Hookean region display unit 503, for by the mode that provides child control holding position to align with the content of this scroll control the cutting content child control of this scroll control, after finishing, the loading procedure of described Refresh Data stops presenting described Hookean region.
In one embodiment, Hookean region display unit 503, for when described dragging displacement event is drag down displacement event, mode by the cutting content child control of this scroll control and the content of this scroll control being provided child control keep upper end to align stops presenting described Hookean region after the loading procedure of described Refresh Data finishes; Or
When described dragging displacement event is during for dragging displacement event upwards, the mode by the cutting content child control of this scroll control is alignd with described header maintenance lower end stops presenting described Hookean region after the loading procedure of described Refresh Data finishes.
Particularly, drag information and can comprise curve and the prompt text with arrow; Now:
Hookean region display unit 503, for determining described bent curvature of a curve based on described dragging displacement value, wherein dragging displacement value and described bent curvature of a curve have proportional relationship; Based on described dragging displacement value, determine the relative displacement of described prompt text in this header, wherein dragging displacement value and the relative displacement of described prompt text in this header have proportional relationship.
Preferably, the relative position of described header in Hookean region and transparency and described dragging displacement value have compound positive correlation variation tendency.
Suppose that the drop-down distance of user is d, the displacement of the content in header is s, and the changing value of transparency is t, and then threshold value is o.So in conjunction with the trend of the drop-down distance of user and this Bei Saier curve, this variation can be described with formula below:
Wherein: the drop-down distance of user arrives threshold value, i.e. d=d
0time, now
-θ=pi/2, finally has:
Changing value t these two time curves that formula 2 has been described content shift value s and transparency in header change because of the shift value of user's drag operation, and these two kinds of variations are compound.This time curve effect that is compounded with change in displacement and transparency change of embodiment of the present invention, the enlarge-effect between further Expansion Interface and operation, allows pull animation to represent more fully strengthening mutual, thereby improves interaction success rate.
Fig. 5 shown device can be integrated in the middle of the hardware entities of various communication networks.Such as, the refresh data device that drags of embodiment of the present invention can be integrated into: functional mobile phone, intelligent terminal, palm PC, PC (PC), panel computer or PDA(Personal Digital Assistant), etc. among equipment.
That in fact, can specifically implement that embodiment of the present invention proposes by various ways drags refresh data method and apparatus.Such as, can follow the application programming interfaces of certain standard, by dragging refresh data method, be written as the plug-in card program being installed in mobile terminal, also can be encapsulated as application program and be downloaded voluntarily use for user.When being written as plug-in card program, can be implemented as the multiple card format such as ocx, dll, cab.Also can implement the refresh data method that drags that embodiment of the present invention proposes by the concrete technology such as Flash plug-in unit, RealPlayer plug-in unit, MMS plug-in unit, MIDI staff plug-in unit, ActiveX plug-in unit.
The refresh data method that drags that can embodiment of the present invention be proposed by the storing mode of instruction or instruction set storage is stored on various storage mediums.These storage mediums include, but are not limited to: floppy disk, CD, DVD, hard disk, flash memory, USB flash disk, CF card, SD card, mmc card, SM card, memory stick (Memory Stick), xD card etc.
In addition, the refresh data method that drags that embodiment of the present invention can also be proposed is applied in the storage medium based on flash memory (Nand flash), such as USB flash disk, CF card, SD card, SDHC card, mmc card, SM card, memory stick, xD card etc.
In sum, in embodiment of the present invention, in the Hookean region of scroll control, header is set, in described header, comprises and drag information; Detect the dragging displacement event in this scroll control; Whether the dragging displacement value that judges this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.As can be seen here, after application embodiment of the present invention, be compounded with the time curve effect of the presentation mode (specifically can comprise change in displacement and transparency change) of header in Hookean region, the enlarge-effect between further Expansion Interface and operation, has improved interaction success rate.
In addition, embodiment of the present invention can be able to be applied in various terminals, can cross-platform cross terminal use embodiment of the present invention, the scope of application is very extensive.
The above, be only preferred embodiment of the present invention, is not intended to limit protection scope of the present invention.Within the spirit and principles in the present invention all, any modification of doing, be equal to replacement, improvement etc., within all should being included in protection scope of the present invention.
Claims (16)
1. a method that drags refresh data, is characterized in that, the method comprises:
In the Hookean region of scroll control, header is set, in described header, comprises and drag information;
Detect the dragging displacement event in this scroll control;
Whether the dragging displacement value that judges this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.
2. the method that drags refresh data according to claim 1, is characterized in that, describedly in the loading procedure of Refresh Data, presents described Hookean region and is:
Mode by the cutting content child control of this scroll control is alignd with described header holding position presents described Hookean region in the loading procedure of described Refresh Data.
3. the method that drags refresh data according to claim 2, is characterized in that,
When described dragging displacement event is drag down displacement event, the method comprises: by by the cutting content child control of this scroll control and the mode that described header keeps upper end to align, present described Hookean region in the loading procedure of described Refresh Data; Or
When described dragging displacement event is during for dragging displacement event upwards, the method comprises: the mode by the cutting content child control of this scroll control is alignd with described header maintenance lower end presents described Hookean region in the loading procedure of described Refresh Data.
4. the method that drags refresh data according to claim 1, is characterized in that, the method further comprises:
Whether the loading procedure that judges described Refresh Data finishes, and if so, stops presenting described Hookean region, if not, continue to keep presenting described Hookean region.
5. the method that drags refresh data according to claim 4, is characterized in that,
Mode by providing child control holding position to align with the content of this scroll control the cutting content child control of this scroll control stops presenting described Hookean region after the loading procedure of described Refresh Data finishes.
6. the method that drags refresh data according to claim 5, is characterized in that,
When described dragging displacement event is drag down displacement event, the method comprises: the mode by the cutting content child control of this scroll control and the content of this scroll control being provided child control keep upper end to align stops presenting described Hookean region after the loading procedure of described Refresh Data finishes; Or
When described dragging displacement event is while making progress dragging displacement event, the method comprises: by by the cutting content child control of this scroll control and the mode that described header keeps lower end to align, stop presenting described Hookean region after the loading procedure of described Refresh Data finishes.
7. the method that drags refresh data described in any one in claim 1-6, is characterized in that, described in drag information and comprise curve and the prompt text with arrow; The method comprises:
Based on described dragging displacement value, determine the described bent curvature of a curve with arrow, wherein dragging displacement value and described bent curvature of a curve have proportional relationship;
Based on described dragging displacement value, determine the relative displacement of described prompt text in this header, wherein dragging displacement value and the relative displacement of described prompt text in this header have proportional relationship.
8. the method that drags refresh data described in any one in claim 1-6, is characterized in that, the presentation mode of described this header in Hookean region and described dragging displacement value have positive correlation and be:
The relative position of described header in Hookean region and transparency and described dragging displacement value have compound positive correlation variation tendency.
9. a device that drags refresh data, is characterized in that, this device comprises header setting unit, dragging displacement event detection unit and Hookean region display unit, wherein:
Header setting unit, arranges header for the Hookean region in scroll control, in described header, comprises and drags information;
Dragging displacement event detection unit, for detection of the dragging displacement event in this scroll control;
Hookean region display unit, for judging whether the dragging displacement value of this dragging displacement event surpasses the threshold value setting in advance, if it is refresh data, and in the loading procedure of described Refresh Data, present described Hookean region, wherein presentation mode and the described dragging displacement value of this header in Hookean region has positive correlation.
10. the device that drags refresh data according to claim 9, is characterized in that,
Hookean region display unit for by the mode that the cutting content child control of this scroll control is alignd with described header holding position, presents described Hookean region in the loading procedure of described Refresh Data.
11. devices that drag refresh data according to claim 10, is characterized in that,
Hookean region display unit, for:
When described dragging displacement event is drag down displacement event, by by the cutting content child control of this scroll control and the mode that described header keeps upper end to align, in the loading procedure of described Refresh Data, present described Hookean region; Or
When described dragging displacement event is during for dragging displacement event upwards, the mode by the cutting content child control of this scroll control is alignd with described header maintenance lower end presents described Hookean region in the loading procedure of described Refresh Data.
12. devices that drag refresh data according to claim 9, is characterized in that,
Hookean region display unit, is further used for judging whether the loading procedure of described Refresh Data finishes, and if so, stops presenting described Hookean region, if not, continue to keep presenting described Hookean region.
13. devices that drag refresh data according to claim 12, is characterized in that,
Hookean region display unit for by the mode that provides child control holding position to align with the content of this scroll control the cutting content child control of this scroll control, stops presenting described Hookean region after the loading procedure of described Refresh Data finishes.
14. devices that drag refresh data according to claim 13, is characterized in that,
Hookean region display unit, for when described dragging displacement event is drag down displacement event, mode by the cutting content child control of this scroll control and the content of this scroll control being provided child control keep upper end to align stops presenting described Hookean region after the loading procedure of described Refresh Data finishes; Or
When described dragging displacement event is during for dragging displacement event upwards, the mode by the cutting content child control of this scroll control is alignd with described header maintenance lower end stops presenting described Hookean region after the loading procedure of described Refresh Data finishes.
15. according to the device that drags refresh data described in any one in claim 9-14, it is characterized in that, described in drag information and comprise curve and the prompt text with arrow;
Hookean region display unit, for determining described bent curvature of a curve based on described dragging displacement value, wherein dragging displacement value and described bent curvature of a curve have proportional relationship; Based on described dragging displacement value, determine the relative displacement of described prompt text in this header, wherein dragging displacement value and the relative displacement of described prompt text in this header have proportional relationship.
16. according to the device that drags refresh data described in any one in claim 9-14, it is characterized in that, the presentation mode of described this header in Hookean region and described dragging displacement value have positive correlation and are: the relative position of described header in Hookean region and transparency and described dragging displacement value have compound positive correlation variation tendency.
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 true CN103699313A (en) | 2014-04-02 |
| CN103699313B 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) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630339A (en) * | 2015-12-24 | 2016-06-01 | 小米科技有限责任公司 | Method and device for controlling page |
| CN106354376A (en) * | 2015-07-13 | 2017-01-25 | 腾讯科技（深圳）有限公司 | Information processing method and client terminal |
| CN106648430A (en) * | 2016-12-20 | 2017-05-10 | 天脉聚源(北京)传媒科技有限公司 | Method and apparatus for intelligently displaying pull-down refreshing animation |
| CN106648399A (en) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | Interface display processing method, apparatus and device |
| CN106681602A (en) * | 2016-11-25 | 2017-05-17 | 努比亚技术有限公司 | Terminal display control device and method |
| CN106970899A (en) * | 2017-05-09 | 2017-07-21 | 北京锤子数码科技有限公司 | A kind of text handling method and device |
| CN107491297A (en) * | 2017-06-23 | 2017-12-19 | 北京五八信息技术有限公司 | Drop-down refreshes the implementation method and device at APP interfaces |
| CN107729010A (en) * | 2017-10-25 | 2018-02-23 | 广州优视网络科技有限公司 | View display methods, device, computing device and storage medium |
| CN107885424A (en) * | 2017-12-05 | 2018-04-06 | 北京小米移动软件有限公司 | A kind of method and device for updating dialogue option display order |
| CN109213479A (en) * | 2017-06-29 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | Refreshing display methods, storage medium, electronic equipment and the system of webpage drop-down |
| CN110609729A (en) * | 2019-09-26 | 2019-12-24 | 浪潮软件股份有限公司 | CMSPWEB-based page monitoring rolling rendering method |
| CN111367406A (en) * | 2020-02-20 | 2020-07-03 | 百度在线网络技术（北京）有限公司 | Method, device, equipment and medium for pull-down refreshing of small program window |
Citations (4)
| 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 |
| US20090006318A1 (en) * | 2007-06-29 | 2009-01-01 | Tobias Lehtipalo | Multi-source data visualization system |
| 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 |
-
2012
- 2012-09-27 CN CN201210374453.1A patent/CN103699313B/en active Active
Patent Citations (4)
| 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 |
| US20090006318A1 (en) * | 2007-06-29 | 2009-01-01 | Tobias Lehtipalo | Multi-source data visualization system |
| 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 |
Cited By (18)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106354376A (en) * | 2015-07-13 | 2017-01-25 | 腾讯科技（深圳）有限公司 | Information processing method and client terminal |
| CN106648399A (en) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | Interface display processing method, apparatus and device |
| CN106648399B (en) * | 2015-11-02 | 2020-10-16 | 阿里巴巴（中国）有限公司 | Interface display processing method, device and equipment |
| US10416874B2 (en) | 2015-11-02 | 2019-09-17 | Guangzhou Ucweb Computer Technology Co., Ltd. | Methods, apparatuses, and devices for processing interface displays |
| 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 |
| CN106681602A (en) * | 2016-11-25 | 2017-05-17 | 努比亚技术有限公司 | Terminal display control device and method |
| CN106648430A (en) * | 2016-12-20 | 2017-05-10 | 天脉聚源(北京)传媒科技有限公司 | Method and apparatus for intelligently displaying pull-down refreshing animation |
| CN106970899A (en) * | 2017-05-09 | 2017-07-21 | 北京锤子数码科技有限公司 | A kind of text handling method and device |
| CN107491297A (en) * | 2017-06-23 | 2017-12-19 | 北京五八信息技术有限公司 | Drop-down refreshes the implementation method and device at APP interfaces |
| CN109213479A (en) * | 2017-06-29 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | Refreshing display methods, storage medium, electronic equipment and the system of webpage drop-down |
| CN109213479B (en) * | 2017-06-29 | 2022-02-22 | 武汉斗鱼网络科技有限公司 | Webpage pull-down refreshing display method, storage medium, electronic device and system |
| CN107729010A (en) * | 2017-10-25 | 2018-02-23 | 广州优视网络科技有限公司 | View display methods, device, computing device and storage medium |
| CN107885424A (en) * | 2017-12-05 | 2018-04-06 | 北京小米移动软件有限公司 | A kind of method and device for updating dialogue option display order |
| 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 |
| CN111367406A (en) * | 2020-02-20 | 2020-07-03 | 百度在线网络技术（北京）有限公司 | Method, device, equipment and medium for pull-down refreshing of small program window |
| CN111367406B (en) * | 2020-02-20 | 2023-08-18 | 百度在线网络技术（北京）有限公司 | Method, device, equipment and medium for refreshing pull-down of applet window |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103699313B (en) | 2017-09-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103699313A (en) | Method and device for refreshing data by dragging | |
| KR101911034B1 (en) | Organizing graphical representations on computing devices | |
| KR101892567B1 (en) | Method and apparatus for moving contents on screen in terminal | |
| AU2013278136B2 (en) | Information display apparatus and method of user device | |
| CN104102441B (en) | A kind of menu item execution method and device | |
| US20140362119A1 (en) | One-handed gestures for navigating ui using touch-screen hover events | |
| US20130042199A1 (en) | Automatic zooming for text selection/cursor placement | |
| CN110417988B (en) | Interface display method, device and equipment | |
| US20130113737A1 (en) | Information processing device, information processing method, and computer program | |
| CN104360797A (en) | Content display method and system for electronic equipment | |
| EP2813930A1 (en) | Terminal reselection operation method and terminal | |
| CN108803974B (en) | Page processing method and device and related equipment | |
| CN101963858A (en) | Positiong method for controlling cursor on screen by using touch device | |
| CN107077292A (en) | Clip and paste information providing method and device | |
| CN102326136A (en) | Touch-sensitive display and method of controlling same | |
| CN103309560A (en) | Multi-interface information display method and terminal | |
| CN102819416A (en) | Method and device for realizing content display of component | |
| CN105593801A (en) | Scrollable smart menu | |
| CN108521819A (en) | Information display method and device and terminal equipment | |
| CN105700708A (en) | Terminal interface adjusting method and terminal | |
| CN106055197A (en) | Display method and terminal for application icons | |
| CN106648707B (en) | Intelligent terminal application information collection method and system and intelligent terminal | |
| CN105487759A (en) | Icon display control method, icon display control device and terminal | |
| CN105812552A (en) | Application icon prompt message elimination method and terminal | |
| CN103577387A (en) | Typeface changing method and device |
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 |