CN103699313A - Method and device for refreshing data by dragging - Google Patents

Method and device for refreshing data by dragging Download PDF

Info

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
Application number
CN201210374453.1A
Other languages
Chinese (zh)
Other versions
CN103699313B (en
Inventor
姚晓文
陈宁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201210374453.1A priority Critical patent/CN103699313B/en
Publication of CN103699313A publication Critical patent/CN103699313A/en
Application granted granted Critical
Publication of CN103699313B publication Critical patent/CN103699313B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

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

A kind of method and apparatus that drags refresh data
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:
s = d · sin θ t ∝ d · sin θ , θ ∈ [ 0 , π 2 ] (formula 1)
Wherein: as shift value arrival threshold value, the i.e. d=d of drag operation 0time, now -θ=pi/2, finally has:
s = d = d 0 t = 1 (formula 2)
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:
Header setting unit 501, arranges header for the Hookean region in scroll control, in described header, comprises and drags information;
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:
s = d · sin θ t ∝ d · sin θ , θ ∈ [ 0 , π 2 ] (formula 1)
Wherein: the drop-down distance of user arrives threshold value, i.e. d=d 0time, now -θ=pi/2, finally has:
s = d = d 0 t = 1 (formula 2)
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.
CN201210374453.1A 2012-09-27 2012-09-27 A kind of method and apparatus for dragging refresh data Active CN103699313B (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (4)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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
US9317196B2 (en) Automatic zooming for text selection/cursor placement
KR101911034B1 (en) Organizing graphical representations on computing devices
US20180095622A1 (en) Terminal multiselection operation method and terminal
CN104102441B (en) A kind of menu item execution method and device
CN110417988B (en) Interface display method, device and equipment
CN107783714B (en) Page display method and device, electronic equipment and storage medium
US20140362119A1 (en) One-handed gestures for navigating ui using touch-screen hover events
CN104360797A (en) Content display method and system for electronic equipment
CN108803974B (en) Page processing method and device and related equipment
CN101963858A (en) Positiong method for controlling cursor on screen by using touch device
CN102736856A (en) Method and device for selecting menu
CN102326136A (en) Touch-sensitive display and method of controlling same
KR20110006021A (en) Apparatus and method for scroll of a portable terminal
KR20110014444A (en) User interface method in web browsing, and electronic device and computer-readable medium thereof
CN115097981A (en) Method for processing content and electronic device thereof
CN105593801A (en) Scrollable smart menu
CN105812552B (en) A kind of removing method and terminal of the prompt information of application icon
CN108521819A (en) Information display method and device and terminal equipment
CN106648707B (en) Intelligent terminal application information collection method and system and intelligent terminal
CN103941964A (en) Information loading method based on desktop components and intelligent terminal
CN105700708A (en) Terminal interface adjusting method and terminal
CN105487759A (en) Icon display control method, icon display control device and terminal
CN105447399B (en) icon hiding method and device
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