CN104536679B - A kind of interactive display method, device and terminal - Google Patents
A kind of interactive display method, device and terminal Download PDFInfo
- Publication number
- CN104536679B CN104536679B CN201410597408.1A CN201410597408A CN104536679B CN 104536679 B CN104536679 B CN 104536679B CN 201410597408 A CN201410597408 A CN 201410597408A CN 104536679 B CN104536679 B CN 104536679B
- Authority
- CN
- China
- Prior art keywords
- slide block
- displacement
- parameter
- unit
- interactive interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Abstract
The invention discloses a kind of interactive display method, device and terminal.Wherein, the method includes: the first displacement parameter of the first slide block in sensing interactive interface；The second shifting parameter of other slide block is determined according to the first slide block position relative with other slide block and the first displacement parameter；The displacement operation of all slide blocks is performed according to the first displacement parameter and second shifting parameter.Implement the present invention, the second shifting parameter of other slide block is determined by the first slide block position relative with other slide block and the first displacement parameter, and then the displacement operation of all slide blocks is performed according to the first displacement parameter and second shifting parameter, when making user interact formula operation in interactive interface, obtain relatively sharp interactive animation feedback, simultaneously so that the animated feedback in interactive interface is the most directly perceived, clear and definite, and has good visual perception.
Description
Technical field
The present invention relates to interactive controlling field, particularly relate to a kind of interactive display method, device and terminal.
Background technology
In prior art, along with the intelligentized development of mobile terminal, in the interactive interface of terminal screen display, hand over
The utilization rate of Display Technique is more and more higher mutually.
Traditional mutual Display Technique is mainly the process that touch control operation feeds back animation.Typically, existing
The mutual Display Technique having is only the process of the feedback animation for the viewing area touching touch control operation, and
Other position in interactive interface is then without corresponding animated feedback.
It can thus be seen that use traditional mutual Display Technique, the animated feedback in its interactive interface has
Two kinds of defects: first, the display object of animated feedback is single；Second, show the display effect of object, regard
Feel that perception is poor.
Summary of the invention
In view of this, the technical problem to be solved in the present invention is to provide a kind of interactive display method, device and end
End, to solve in prior art, in the interactive interface of terminal screen display, the display object of animated feedback is single,
The defect that the display display effect of object, vision perception are poor.
It is as follows that the present invention solves the technical scheme that above-mentioned technical problem used:
A kind of interactive display method of structure, the method includes:
First displacement parameter of the first slide block in sensing interactive interface；
Other slide block is determined according to the first slide block position relative with other slide block and the first displacement parameter
Second shifting parameter；
The displacement operation of all slide blocks is performed according to the first displacement parameter and second shifting parameter.
Preferably, include before the first displacement parameter of the first slide block in sensing interactive interface:
According to the touch-control scope resolution interactive interface that can receive touch event in interactive interface；
The slide block for responding touch event is divided according to analysis result.
Preferably, in sensing interactive interface, the first displacement parameter of the first slide block includes:
Receive touch event；
The slide block receiving touch event is defined as the first slide block；
According to touch event and the first slide block, the primary importance information in interactive interface determines the first displacement
Parameter.
Preferably, other is determined according to the first slide block position relative with other slide block and the first displacement parameter
The second shifting parameter of slide block includes:
Determine the relative position of the first slide block and other slide block；
Preset the displacement correspondence table for determining second shifting parameter；
The displacement parameter of other slide block is determined one by one according to displacement correspondence table and the first displacement parameter；
Integrate the displacement parameter of other slide blocks all, generate second shifting parameter.
Preferably, the displacement operation of all slide blocks is performed also according to the first displacement parameter and second shifting parameter
Including:
Preset the startup time of the displacement operation of other slide block；
The first displacement operation of the first slide block is responded, meanwhile, according to the second displacement ginseng according to the first displacement parameter
Number and the second displacement operation of startup other slide block time response.
The invention allows for a kind of interactive display unit, this device includes:
Sensing module, the first displacement parameter of the first slide block in sensing interactive interface；
Processing module, for true according to the first slide block position relative with other slide block and the first displacement parameter
The second shifting parameter of other slide block fixed；
Perform module, for performing the displacement of all slide blocks according to the first displacement parameter and second shifting parameter
Operation.
Preferably, this device also includes pretreatment module, pretreatment module include interactive interface resolution unit with
And slide block division unit, wherein,
Interactive interface resolution unit is for according to the touch-control scope resolution that can receive touch event in interactive interface
Interactive interface；
Slide block division unit for dividing the slide block for responding touch event according to analysis result.
Preferably, sensing module includes that touch event receives unit, the first slide block and determines unit and first
Shifting parameter determines unit, wherein,
Touch event receives unit and is used for receiving touch event；
First slide block determines that unit is for being defined as the first slide block by the slide block receiving touch event；
First displacement parameter determine unit for according to touch event and the first slide block in interactive interface
Primary importance information determines the first displacement parameter.
Preferably, processing module includes that relative position determination unit, displacement correspondence table determine unit, displacement ginseng
Count and determine unit and displacement parameter integral unit, wherein,
Position determination unit is for determining the first slide block relative position with other slide block relatively；
Displacement correspondence table determines that unit is for presetting the displacement correspondence table for determining second shifting parameter；
Displacement parameter determines that unit is for determining other one by one according to displacement correspondence table and the first displacement parameter
The displacement parameter of slide block；
Displacement parameter integral unit, for integrating the displacement parameter of other slide blocks all, generates the second displacement ginseng
Number；
Preferably, perform module and include that the startup time presets unit and displacement operation response unit, wherein,
The startup time presets unit for presetting the startup time of the displacement operation of other slide block；
Displacement operation response unit is used for responding the first displacement operation of the first slide block according to the first displacement parameter,
Meanwhile, according to second shifting parameter and the second displacement operation of startup other slide block time response.
The invention allows for a kind of Interactive Display Terminal, this terminal includes above-mentioned interactive display unit.
Implement the present invention, determined by the first slide block position relative with other slide block and the first displacement parameter
The second shifting parameter of other slide block, and then perform all according to the first displacement parameter and second shifting parameter
The displacement operation of slide block so that when user interacts formula operation in interactive interface, obtain relatively sharp
Interactive animation feeds back, simultaneously so that the animated feedback in interactive interface is the most directly perceived, clear and definite, and has good
Good vision perception.
Accompanying drawing explanation
Below in conjunction with drawings and Examples, the invention will be further described, in accompanying drawing:
Fig. 1 is the exemplary external organigram of the mobile terminal that the present invention the first preferred embodiment proposes；
Fig. 2 is the example internal organigram of the mobile terminal that the present invention the second preferred embodiment proposes；
Fig. 3 is the flow chart of the interactive display method that the present invention the 3rd preferred embodiment proposes；
Fig. 4 is the interactive display method flow chart that the present invention the 4th preferred embodiment proposes；
Fig. 5 is the flow chart of the interactive display method that the present invention the 5th preferred embodiment proposes；
Fig. 6 is the flow chart of the interactive display method that the present invention the 6th preferred embodiment proposes；
Fig. 7 is the flow chart of the interactive display method that the present invention the 7th preferred embodiment proposes；
Fig. 8 (a-c) is the flow chart of the interactive display method that the present invention the 8th preferred embodiment proposes；
Fig. 9 is the structured flowchart of the interactive display unit that the present invention proposes.
Detailed description of the invention
In order to make the technical problem to be solved, technical scheme and beneficial effect clearer, clear,
Below in conjunction with drawings and Examples, the present invention is further elaborated.Should be appreciated that this place is retouched
The specific embodiment stated only in order to explain the present invention, is not intended to limit the present invention.
Embodiment one
Fig. 1 is the exemplary external organigram of the mobile terminal that the present invention the first preferred embodiment proposes.
The exemplary external of mobile terminal is constructed as follows described:
Refer to Fig. 1, its be mobile terminal 10 exemplary external structure schematic diagram.
Mobile terminal 10 includes: housing 19；Touch panel 7, performs specific with indicant on touch panel
Input operation, touch panel 7 is contained in the front portion of housing 19；Operated key 8, is arranged on such as shell
On end before body 19.
Use touch panel 7 as user to including mobile telephone terminal, having the high-performance type of call function
The termination of personal digital assistant device (referred to as smart phone), panel type terminal etc. performs the input of input operation
Device.Touch panel 7 is configured to the sensor such as realized under capacitive way.Then, touch panel
7 include: touch sensor 7 (see Fig. 2), are used as to include the position quilt that the indicant of finger, stylus etc. is specified
The location input device being input to；With display unit 12, display image etc., touch sensor 7 and display
Unit 12 is integrated into one.Display unit 12 includes such as liquid crystal panel or organic EL (electroluminescent)
Panel etc..
As the sensing system allowing touch panel 7 to detect the input operation that indicant realizes, can use following
System.Such as, can use resistive film system (change of resistance value of the part that detection indicant touches),
EM induction system (detection is specially designed to produce the electromagnetic energy of the indicant in magnetic field), capacitor system (detection
The change of the capacitance of the part that is touched) etc..
Hereinafter, use finger as the indicant performing input operation on touch panel 7 using describing
Example.
For mobile terminal 10, such as, user is defeated to the various icons of display on the screen of display unit 12
Enter specific operation, thus the various application relevant to icon details based on operation input performs operation.Input
The details of operation includes that what surface by rapping touch panel 7 realized raps operation, by causing touch
The finger of touch panel 7 moves to the drag operation of diverse location realization from ad-hoc location, by quickly to sweep
The mode of drawing make finger on screen mobile realize flick operation etc..
Such as, based on about finger or indicant to user when the finger of user or indicant touch screen
During sequence of operations performed when frameing out, finger touches or the letter of coordinate on close screen
Breath determines various operation.Specifically, the shifting about the such as variable quantity of time per unit coordinate, coordinate is used
The information of the details that the information in the region etc. of touch inputs is detected as assigned operation on dynamic speed, screen.
Operated key 8 includes main button, power knob, volume button etc..User can exist by pressing main button
Main screen image is shown on display unit 12.Additionally, the power supply of mobile terminal 10 can be pressed by button power supply
Button is opened/closed mouth.Additionally, can be by pressing volume in communication process or during reproducing music
Button changes the size of volume.
Embodiment two
Fig. 2 is the example internal organigram of the mobile terminal that the present invention the second preferred embodiment proposes.
The example internal of mobile terminal is constructed as follows described:
Refer to Fig. 2, its be mobile terminal 10 example internal structure block diagram.
Mobile terminal 10 includes antenna 1, communications processor element 2 and control unit 3, and antenna 1 performs and nothing
The transmitting of the electric wave between line electricity telephone base station and reception, and antenna 1 is connected to communications processor element 2.
Additionally, mobile terminal 10 includes sound processing unit 4, speaker 5 and mike 6.
Communications processor element 2 performs the radio with radiotelephone base station under the control of control unit 3 and leads to
Letter.During voice call, it is included in the voice data quilt in the data with communications processor element 2 reception
Being supplied to sound processing unit 4, sound processing unit 4 performs the acoustic processing for voice data and makes to raise
Sound device 5 sends sound.Then, sound processing unit 4 performs the decoding process for voice data, thus
Obtain analoging sound signal.The analoging sound signal obtained with sound processing unit 4 is provided to as example
The speaker 5 of property phonation unit is also output as sound.The acoustical signal collected and obtain with mike 6 also by
It is supplied to sound processing unit 4, and with sound processing unit 4 according to specific coded format (such as,
PWM (pulsewidth modulation)) it is encoded into voice data.Then, the voice data of acquisition is provided to mailing address
Reason unit 2, and launched by antenna 1 as radio wave.
Including the processing unit of communications processor element 2, sound processing unit 4 etc. via control line CL and control
Unit 3 exchanging control data processed, and transmit data via data wire DL.Control unit 3 include CPU (in
Central Processing Unit), GPU (Graphics Processing Unit) etc., and control to constitute each unit of mobile terminal 10.Example
As, control unit 3 determines based on the operation performed with touch sensor driver element 72 (will be described later)
Result, perform to change and send for the application software being stored in memory element 3 (will be described later)
Order.
Additionally, mobile terminal 10 includes touch panel 7 and operated key 8.In touch panel 7, including
Touch sensor 71, touch sensor driver element 72 and display unit 12.Touch sensor 71 is by structure
Make the sensor for such as realizing under the mutual capacitance mode of projection capacitive way, and include unshowned with square
Emission electrode (TX) that formation formula arranges in the x-direction and the z-direction and receive electrode (RX).
By making reception electrode ground connection and driving pulse being input to emission electrode, at emission electrode and reception electricity
Electric field is produced between pole.When the indicant of the finger of the user included as a kind of electric conductor, stylus etc. is close
During the surface of touch panel 7 (hereinafter referred to as " operation surface "), a part for electric field is absorbed into electricity
In conductor, thus the electric field produced between emission electrode and reception electrode reduces.Therefore, in receiving electrode
The electric charge (capacitance) occurred also reduces.Therefore, electric charge reduces measurement (this minimizing and emission electrode and connect
The reduction receiving the electric field produced between electrode is correlated with) allow the operation surface of detection touch panel 7 be touched/
Do not touch.
Driving pulse is input to each emission electrode by touch sensor driver element 72, and detects reception electricity
The electric charge of pole.Using touch sensor 71 as input detection unit, this input detection unit is by measuring
The indicant performing input operation is detected with the change of the capacitance of touch sensor driver element 72 detection
Touch the operation surface still not touching touch panel 7.
Touch sensor 71 detect touch panel 7 operation surface on define detect indicant touch
Touch or close position, and detect indicant position on touch panel 7.Then, touch sensor
71 also export the input operation that the information mouth about the XY coordinate corresponding with this position performs as user
Details, except above-mentioned is rapped operation, drag operation and touch operation, also performs by reducing and increasing two
What individual space between referring to realized pinch draws (pinch) (in pinch/draw outward) gathering hole additionally, based on from indicant
Determine on screen during the sequence of operations performed when leaving operation surface to indicant during touch operation surface
The indicant touch of justice or close position (coordinate information etc.), touch sensor 71 detects indicant and is touching
Touch the pattern of the input operation performed on panel 7.
Use touch sensor driver element 72 as operation determination unit, this operation determination unit based on
The capacitance of touch sensor 71 detection determines the indicant on the operation surface touched or near touch panel 7
Type (whether being finger etc.).Capacitance includes such as obtaining about on the operation surface of touch panel 7
Distribution, the information of size etc. of capacitance.
Control unit 3 controls display processing unit 9 and control is executed so that display unit 12 shows specifically
Screen picture.
Display processing unit 9 makes the screen that display unit 12 display is corresponding with the application performed by control unit 3
Curtain image.In order to show that on display unit 12 image, display processing unit 9 are deposited in frame buffer 11
Store up the video data of some frames.Frame buffer 11 is storage video counts based on FIFO (FIFO)
According to memorizer.Display unit 12 video data based on the every frame read from frame buffer 11 display video.
Additionally, mobile terminal 10 include imaging drive unit 13, image-generating unit 14, memory element 15,
Antenna 16, radio communication process unit 17 and sensor unit 18.
Image-generating unit 14 includes that image-forming component 14a, image-forming component 14a have and includes such as CCD (electric charge coupling
Clutch part), the imageing sensor of CMOS (complementary metal oxide semiconductors (CMOS)) etc..Additionally, image-generating unit
14 have the optical system including unshowned offer for shooting the lens of subject, shutter etc..Then,
Image-generating unit 14 is by performing the object light formed on its optical receiving surface via unshowned lens
Opto-electronic conversion produces picture signal.The imaging operation of image-generating unit 14 is controlled with imaging drive unit 13.
Sound processing unit 4 and speaker 5, display processing unit 9, frame buffer 11 and display unit
12 and imaging drive unit 13 and image-generating unit 14 be used as controlled cell mouth and starting application software
Under state, when touch panel 7 is performed input operation, control the operation of controlled cell via middleware,
And control these operations via middleware under suspended state.
Memory element 15 includes ROM (read only memory) or RAM (random access memory), and stores
Various types of application softwaries, perform the necessary data etc. of these application softwaries.Radio communication processes unit
17 are entered with external device by radio based on the process meeting communications standard-specific via the antenna 16 connected
Row communication.
Sensor unit 18 includes acceleration transducer, magnetic field sensor etc., and exports specific sensor
Value.Owing to the sensor of acceleration transducer exports, control unit 3 can determine that by promoting or shaking mobile
Terminal 10 realize operation and use mobile terminal 10 towards.
Embodiment three
Fig. 3 is the flow chart of the interactive display method that the present invention the 3rd preferred embodiment proposes.The method bag
Include:
S1, the first displacement parameter of the first slide block in sensing interactive interface.
Such as, in the interactive interface that the touch panel 7 of mobile terminal 10 is provided, by functional requirement cloth
Put the touch area corresponding with manipulating order, and in touch area, be preset with corresponding touch control manner,
I.e. put touch control manner, pull touch control manner etc..In the interactive interface of above-mentioned mobile terminal 10, in order to
Make user during interactive operation, after certain touch control manner is implemented in touch area, to should touch-control
Mode, the interactive interface of this mobile terminal 10 can have apparent feedback, or have the most directly perceived, clearly
And there is the feedback of good visual perception, then first slide block in the range of this touch-control is made corresponding mobile
Action, i.e. makes this first slide block make the feedback of interactive operation by predetermined manner and preset displacement parameter.
That is, make corresponding shift action according to the region in the range of this touch-control in touch control operation, interactive interface,
In interactive interface, the region in the range of this touch-control is defined as the first slide block.In interactive interface, this touch-control scope includes
The touch-control scope that touch control operation is contacted, or include touch-control scope and the surrounding zone thereof that touch control operation contacted
Territory.First slide block be shaped as rectangle, the regular shape such as circular, or irregularly shaped.For to show difference,
The region adjacent with described first slide block is defined as other slide block, and the quantity of other slide blocks is 1 or many
Individual.
Here, in the interactive interface of above-mentioned mobile terminal 10, touch control operation can be with this will be felt
Touch control operation makes the viewing area of corresponding displacement as the first slide block, using above-mentioned preset displacement parameter as
Its first displacement parameter.
Being appreciated that in the interactive interface of two dimensional surface, this first displacement parameter can be at plane coordinate system
In defined；In the interactive interface of three-dimensional planar, this first displacement parameter can be at 3 D stereo coordinate
System is defined.
According to the first slide block position relative with other slide block and the first displacement parameter, S2, determines that other is sliding
The second shifting parameter of block.
In the interactive interface of above-mentioned mobile terminal 10, when there being multiple slide block (2 or more than), will
Feel the viewing area at touch control operation as the first slide block, the then conduct in addition to described first slide block
Other slide block.
When the first slide block feeling touch control operation determines its first displacement parameter, according to current first slide block
Position relative with other slide block and the first displacement parameter determine the second shifting parameter of other slide block.
Specifically, second shifting parameter can be determined as follows:
A, as a example by plane interactive interface, records the first slide block when feeling touch control operation, this first slide block
At the position coordinates P (X) of this interactive interface, meanwhile, this first slide block the first displacement parameter M (X) is recorded；
B, determines other slide block and this first slide block relative position in the range of this interactive interface, such as with
P (X-n) and P (X+n) represents；
C, by predetermined manner, catches up with and states the P (X-n) determined and P (X+n) and obtain corresponding second
Displacement parameter M (X-n) and M (X+n).
Wherein, predetermined manner in step C is illustrated as an example.As a example by mobile terminal 10, first, when
After user's finger for the first time presses the first slide block, record the first slide block current position coordinates Xold, then,
When user's finger moves this first slide block towards horizontal direction on screen, obtain the position of this first slide block
Shifting amount offset=(Xnew-Xold), wherein Xnew refers to this first slide block position coordinates after movement,
By this displacement offset and then calculate this first slide block percentage ratio relative to the side-play amount of interactive interface
Percent=offset/screenWidth.If item represents that slide block, index represent the sequence number of slide block, when this friendship
Mutually in interface, while corresponding interaction page is subjected to displacement, each slide block in interactive interface is with corresponding inclined
Move spacing and make corresponding displacement operation as second shifting parameter.Wherein, skew spacing is according to screen width
Obtain divided by corresponding item number, i.e. itemOffset=(index*percent*
(ScreenWidth/childrenCount)), wherein, index represents item serial number in lists,
Percent represents the percentage ratio of the side-play amount that other each slide block is suitable for, and ScreenWidth represents screen width
Degree, childrenCount represents other slide block or the number of all slide blocks.
S3, performs the displacement operation of all slide blocks according to the first displacement parameter and second shifting parameter.
As above described in example, after obtaining skew spacing itemOffset of each slide block, the most permissible for aforesaid way
The view display interface utilizing mobile terminal 10 carries out the displacement of each slide block and draws.
Further, in the interactive interface with page turning cartoon scene, the initial threshold of displacement offset is set
Value.When the displacement offset of the first slide block is more than this initial threshold, on the one hand, the most in a manner described
Obtain skew spacing itemOffset of each slide block, then make above-mentioned displacement offse at the first slide block
Feedback animation after, continue to make the animated feedback of page turning.On the other hand, at the first slide block by above-mentioned displacement
While amount offse makes feedback animation, other each slide block is made by above-mentioned skew spacing itemOffset
Feedback animation, and after the displacement operation completing above-mentioned skew spacing itemOffset, similarly make page turning
Animated feedback.
Having the beneficial effects that of the present embodiment, by the first slide block position relative with other slide block and first
Displacement parameter determines the second shifting parameter of other slide block, and then according to the first displacement parameter and the second displacement
Parameter performs the displacement operation of all slide blocks.When making user interact formula operation in interactive interface,
To relatively sharp interactive animation feedback, simultaneously so that the animated feedback in interactive interface is the most directly perceived, bright
Really, and there is good visual perception.
Embodiment four
Fig. 4 is the interactive display method flow chart that the present invention the 4th preferred embodiment proposes.Based on above-mentioned enforcement
Example, includes the setting steps of slide block in sensing interactive interface before the first displacement parameter of the first slide block, should
Step specifically includes:
S01, according to the touch-control scope resolution interactive interface that can receive touch event in interactive interface.
As a example by mobile terminal 10, the interactive interface of mobile terminal 10 can be divided into can receive touching of touch event
Control scope and the indication range that can not receive touch event, wherein, be directed to receive the touch-control of touch event
Scope, is carried out resolving operation to it by certain way, and which can be to resolve the interface of current interactive interface
Code, obtains the touch-control scope pointed by code with touch event process function.
S02, divides the slide block for responding touch event according to analysis result.
As above described in example, after obtaining the touch-control scope pointed by the code with touch event process function,
The single slide block for responding touch event is divided, it is understood that for being at whole end in the range of this touch-control
Multiple slide blocks for responding multiple touch event are divided in the display interface of end screen display.
Further, the scope of each slide block can be according to the range set of function text box, specifically,
Rectangular shaped slider, oval slide block etc. can be set to by the scope of above-mentioned text box.
Further, can arrange by the mode being parallel to screen display frame between each slide block, it is also possible to by one
Determine angle to tilt and arrange with the mode of screen display frame.
Further, each slide block is when linkage is slided, and there is multiple setting in the direction of relative displacement, setting
Mode will be described in detail in embodiment four.
Further, when slide block makes displacement action, within the unit interval, the displacement of the first slide block is big
Displacement in other slide block.
As a example by the interactive interface of mobile terminal contact person list, there is search column at the top of this interactive interface,
Being related list hurdle in middle part, wherein, this contacts list hurdle now shows contact person P1, contact person
P2, contact person P3, contact person P4 and contact person P5, Menu key, really is arranged at the bottom of this interactive interface
Recognize key and return key.When user drags contact person P2, resolving this interactive interface, division obtains above-mentioned
Each slide blocks such as search column, contact person menu key, acknowledgement key and return key.
Having the beneficial effects that of the present embodiment, by receiving the touch-control model of touch event in resolving interactive interface
Enclose, divide the slide block for responding touch event.Determine and follow the first slide block and carry out corresponding displacement operation
Other each slide block.So that when the first slide block receives touch control operation, and make corresponding displacement behaviour
When making, other each slide block can make corresponding displacement operation simultaneously, thus obtains relatively sharp moving alternately
Draw feedback so that interactive operation is the most directly perceived, clear and definite, and has good visual perception.
Embodiment five
Fig. 5 is the flow chart of the interactive display method that the present invention the 5th preferred embodiment proposes.Sense mutual boundary
In face, the first displacement parameter of the first slide block includes:
S11, receives touch event.As above, described in example, in the touch screen of mobile terminal, touching of user is received
Control operation, generates corresponding touch event according to this touch control operation.
S12, is defined as the first slide block by the slide block receiving touch event.At above-described embodiment two to display
On the basis of slide block in interface completes division operation, the slide block receiving touch event is defined as first sliding
Block.
Further, this slide block can be touch area, it is also possible to be the non-touch being associated with this touch area
Control region, i.e. the scope of slide block itself can be not limited to its corresponding touch area itself.Such as,
When, in interface, having several touch-control option by rows, and the Touch Zone corresponding to touch-control option of every a line
When territory does not comprise this row all spaces, the slide block determined in this touch area can be this row thus sky
Between.By each slide block, whole interactive interface is divided, thus so that each slide block does displacement operation
Time, there is more preferably vision perception, meanwhile, improve each slide block total tune when interactive operation.
S13, according to touch event and the first slide block, the primary importance information in interactive interface determines first
Displacement parameter.Record the first slide block relative to the primary importance information in current interactive interface, it will be understood that
This primary importance information includes this first slide block position coordinates in current interactive interface.Then, further according to touching
Control event (touch control operation such as pulled) determines the first displacement parameter of this first slide block, it will be understood that
This first displacement parameter includes moving displacement starting point, deformation trace and displacement terminal.
Having the beneficial effects that of the present embodiment, sliding by the slide block receiving touch event being defined as first
Block, and the primary importance information in interactive interface determines the first displacement according to touch event and the first slide block
Parameter, it is determined that the first slide block and the first displacement parameter thereof.Simultaneously, it is determined that including the first slide block
The regional extent that each slide block is comprised.
Embodiment six
Fig. 6 is the flow chart of the interactive display method that the present invention the 6th preferred embodiment proposes.Sliding according to first
Block position relative with other slide block and the first displacement parameter determine the second shifting parameter bag of other slide block
Include:
S21, determines the relative position of the first slide block and other slide block.In same interactive interface, other is sliding
Block and the first slide block have different relative position relations, and this step is used for recording this relative position relation.
S22, presets the displacement correspondence table for determining second shifting parameter.
This displacement correspondence table is made up of corresponding index of articles, displacement condition and displacement relation.
Wherein, index of articles comprises each slide block in interactive interface title or refer to title；
Displacement condition refers to that triggering the first slide block makes system environments parameter current during displacement operation, this system
Ambient parameter can comprise the functional parameter that current interactive interface can perform；
Displacement relation refers under above-mentioned displacement condition, obtains according to system environments parameter and the first displacement parameter
Corresponding relation to second shifting parameter.
S23, determines the displacement parameter of other slide block one by one according to displacement correspondence table and the first displacement parameter.
As above described in example, first, after confirming the first slide block, according to other slide block in the retrieval of above-mentioned index of articles
As a result, confirm displacement condition and the displacement relation of each slide block, according to this displacement condition, displacement relation with
And first displacement parameter confirm the displacement parameter of each slide block one by one.
S24, integrates the displacement parameter of other slide blocks all, generates second shifting parameter.Above-mentioned each is slided
The displacement parameter of block is integrated into the second shifting parameter making displacement operation for controlling other each slide block.
Having the beneficial effects that of the present embodiment, corresponding by presetting the displacement for determining second shifting parameter
Table, and the displacement parameter of other slide block is determined one by one according to displacement correspondence table and the first displacement parameter so that
When the first slide block receives touch control operation, and when making corresponding displacement operation, other each slide block can be by root
Make corresponding displacement operation according to current system environments, thus obtain relatively sharp feedback, and other
The displacement operation that slide block is made is different according to the difference of current system environment, and therefore, the present embodiment makes
The touch-control feedback animation of interactive interface inner slide is the most directly perceived, clear and definite, and has good visual perception.
Embodiment seven
Fig. 7 is the flow chart of the interactive display method that the present invention the 7th preferred embodiment proposes.According to first
Shifting parameter and second shifting parameter perform the displacement operation of all slide blocks and include:
S31, presets the startup time of the displacement operation of other slide block.
Further, another embodiment arranged side by side with this step can also use the displacement of other slide block default to grasp
The execution time made, i.e. the mode of the moving displacement speed of other slide block.
S32, responds the first displacement operation of the first slide block, meanwhile, according to second according to the first displacement parameter
Displacement parameter and the second displacement operation of startup other slide block time response.
Having the beneficial effects that of the present embodiment, by preset other slide block displacement operation the startup time or
Preset the execution time of the displacement operation of other slide block so that the touch-control feedback animation of interactive interface inner slide is more
There is stereovision.
Embodiment eight
Fig. 8 (a-c) is the flow chart of the interactive display method that the present invention the 8th preferred embodiment proposes.
As shown in Fig. 8 (a), Fig. 8 (b) and Fig. 8 (c), represented by dotted line frame is screen display circle of terminal
Face, this screen display showing interface is the contacts list of user.In this contacts list, contact person 1,
Contact person 2, contact person 3, contact person 4, contact person 5, contact person 6 and contact person 1 are by going by up to
Under be arranged in order.Below will be according to Fig. 8 (a), Fig. 8 (b) and Fig. 8 c) show interactive display method of the present invention
Processing procedure:
What Fig. 8 (a) showed is the contacts list state when not receiving touch event, in this condition etc.
Treat that user performs the displacement operation such as page turning or dragging.
What Fig. 8 (b) showed is when user implements dragging displacement operation in contacts list, drags for reception
The processing procedure of the slide block of dynamic displacement operation.
When user selects this slide block of contact person 4 as touch object, this slide block is by the dragging with user
It is mobile, it will be understood that this slide block can keep identical being synchronized with the movement of displacement with the vector that drags of user,
Can also with user drag vector keep that direction is identical, being synchronized with the movement of equal difference displacement or geometric ratio displacement, with
Time, this slide block can be with its displacement of sync response, it is also possible to respond its displacement by pre-timing difference sluggishness.
What Fig. 8 (c) showed is when user implements dragging displacement operation in contacts list, sliding for other
The processing procedure of block.
When this slide block of contact person 4 makes corresponding displacement operation in a manner described, other slide block is by basis
Self relative position relation with contact person 4 slide block and from the position coordinates in screen display interface, determines
Respective motion vector.
Such as, when contact person 4 slide block 100 pixels of displacement to the right, contact person 3 slide block and contact person
5 slide blocks, 80 pixels of displacement to the right respectively, contact person 2 slide block and contact person 6 slide block position the most to the right
Move 60 pixels, contact person 1 slide block and contact person 7 slide block 40 pixels of displacement to the right respectively.
Further, according to above-described embodiment, determine that the mode of the respective motion vector of other slide block has
Multiple, do not repeat them here.
Further, according to above-described embodiment, when completing to determine that the respective motion vector of other slide block walks
After Zhou, determine that the mode of the respective displacement time of other slide block has multiple, do not repeat them here.
One of ordinary skill in the art will appreciate that all or part of step realizing in above-described embodiment method
The hardware that the program of can be by controls to be correlated with completes, described program can be stored in a computer can
Reading in storage medium, described storage medium, such as ROM/RAM, disk, CD etc..
Embodiment nine
Fig. 9 is the structured flowchart of the interactive display unit that the present invention proposes.
The invention allows for a kind of interactive display unit, this device includes:
Sensing module 100, the first displacement parameter of the first slide block in sensing interactive interface；
Processing module 200, for joining according to the first slide block position relative with other slide block and the first displacement
Number determines the second shifting parameter of other slide block；
Perform module 300, for performing all slide blocks according to the first displacement parameter and second shifting parameter
Displacement operation.
Further, this device also includes that pretreatment module 400, pretreatment module 400 include interactive interface
Resolution unit 410 and slide block division unit 420, wherein,
Interactive interface resolution unit 410 is for according to the touch-control scope that can receive touch event in interactive interface
Resolve interactive interface；
Slide block division unit 420 for dividing the slide block for responding touch event according to analysis result.
Further, sensing module 100 includes that touch event receives unit the 110, first slide block and determines unit
120 and first displacement parameter determine unit 130, wherein,
Touch event receives unit 110 and is used for receiving touch event；
First slide block determines that unit 120 is for being defined as the first slide block by the slide block receiving touch event；
First displacement parameter determine unit 130 for according to touch event and the first slide block at interactive interface
Interior primary importance information determines the first displacement parameter.
Further, processing module 200 includes that relative position determination unit 210, displacement correspondence table determine list
Unit 220, displacement parameter determine unit 230 and displacement parameter integral unit 240, wherein,
Position determination unit 210 is for determining the first slide block relative position with other slide block relatively；
Displacement correspondence table determines that unit 220 is for presetting the displacement correspondence table for determining second shifting parameter；
Displacement parameter determines that unit 230 is for determining one by one according to displacement correspondence table and the first displacement parameter
The displacement parameter of other slide block；
Displacement parameter integral unit 240, for integrating the displacement parameter of other slide blocks all, generates the second displacement
Parameter；
Further, perform module 300 and include that the startup time presets unit 310 and displacement operation response is single
Unit 320, wherein,
The startup time presets unit 510 for presetting the startup time of the displacement operation of other slide block；
Displacement operation response unit 520 for responding the first displacement of the first slide block according to the first displacement parameter
Operation, meanwhile, according to second shifting parameter and the second displacement operation of startup other slide block time response.
Implement the present invention, determined by the first slide block position relative with other slide block and the first displacement parameter
The second shifting parameter of other slide block, and then perform all according to the first displacement parameter and second shifting parameter
The displacement operation of slide block so that when user interacts formula operation in interactive interface, obtain relatively sharp
Interactive animation feeds back, simultaneously so that the animated feedback in interactive interface is the most directly perceived, clear and definite, and has good
Good vision perception.
This interactive display unit may be used for the smart machine with touch controllable function, or has touch controllable function
Other communication terminals, such as in smart mobile phone etc., the software list can being operate in these communication terminals
Unit, it is also possible to be integrated in these communication terminals as independent suspension member or run on these mobile terminals
In application system.
The invention allows for a kind of Interactive Display Terminal, this terminal includes above-mentioned interactive display unit.
Illustrate the preferred embodiments of the present invention above by reference to accompanying drawing, not thereby limit to the right model of the present invention
Enclose.Those skilled in the art, without departing from the scope of the present invention and essence, can have multiple flexible program to realize this
Invention, the feature for example as an embodiment can be used for another embodiment and obtains another embodiment.All
Any amendment, equivalent and the improvement made within using the technology design of the present invention, all should be in the present invention
Interest field within.
Claims (6)
1. an interactive display method, it is characterised in that described method includes:
According to receiving interactive interface described in the touch-control scope resolution of touch event in interactive interface；
The slide block for responding described touch event is divided according to analysis result；
First displacement parameter of the first slide block in sensing interactive interface, including: receive described touch event；
The slide block receiving described touch event is defined as described first slide block；According to described touch event and
Described first slide block primary importance information in described interactive interface determines described first displacement parameter；
Institute is determined according to described first slide block position relative with other slide block and described first displacement parameter
State the second shifting parameter of other slide block；
The displacement behaviour of all slide blocks is performed according to described first displacement parameter and described second shifting parameter
Make.
A kind of interactive display method the most according to claim 1, it is characterised in that described in described basis
First slide block position relative with other slide block and described first displacement parameter determine other slide block described
Second shifting parameter includes:
Determine the relative position of described first slide block and other slide block described；
Preset the displacement correspondence table for determining described second shifting parameter；
The position of other slide block described is determined one by one according to described displacement correspondence table and described first displacement parameter
Shifting parameter；
Integrate the displacement parameter of all other slide blocks described, generate described second shifting parameter.
A kind of interactive display method the most according to claim 2, it is characterised in that described in described basis
First displacement parameter and described second shifting parameter perform the displacement operation of all slide blocks and also include:
Preset the startup time of the displacement operation of other slide block described；
According to described first displacement parameter respond described first slide block the first displacement operation, meanwhile, according to
Second displacement operation of other slide block described in described second shifting parameter and described startup time response.
4. an interactive display unit, it is characterised in that described device includes:
Pretreatment module, described pretreatment module includes interactive interface resolution unit and slide block division unit,
Wherein, described interactive interface resolution unit is for according to the touch-control model that can receive touch event in interactive interface
Enclose the described interactive interface of parsing；Described slide block division unit is used for responding institute for dividing according to analysis result
State the slide block of touch event；
Sensing module, the first displacement parameter of the first slide block, described sensing mould in sensing interactive interface
Block includes that touch event receives unit, the first slide block determines that unit and the first displacement parameter determine unit,
Wherein, described touch event reception unit is used for receiving described touch event；Described first slide block determines list
Unit for being defined as described first slide block by the slide block receiving described touch event；Described first displacement ginseng
Number determine unit for according to described touch event and described first slide block in described interactive interface the
One positional information determines described first displacement parameter；
Processing module, for according to described first slide block position relative with other slide block and described first
Displacement parameter determines the second shifting parameter of other slide block described；
Perform module, for performing all according to described first displacement parameter and described second shifting parameter
The displacement operation of slide block.
A kind of interactive display unit the most according to claim 4, it is characterised in that described processing module
Determine that unit, displacement parameter determine unit and displacement including relative position determination unit, displacement correspondence table
Parameter integration unit, wherein,
Described relative position determination unit is for determining the phase para-position with other slide block described of described first slide block
Put；
Described displacement correspondence table determines that unit is for presetting the displacement pair for determining described second shifting parameter
Answer table；
Described displacement parameter determines that unit is for according to described displacement correspondence table and described first displacement parameter
Determine the displacement parameter of other slide block described one by one；
Described displacement parameter integral unit, for integrating the displacement parameter of all other slide blocks described, generates institute
State second shifting parameter；
Described execution module includes that the startup time presets unit and displacement operation response unit, wherein,
The described startup time presets unit for presetting the startup time of the displacement operation of other slide block described；
Described displacement operation response unit is for responding described first slide block according to described first displacement parameter
First displacement operation, meanwhile, according to described in described second shifting parameter and described startup time response its
Second displacement operation of its slide block.
6. an Interactive Display Terminal, it is characterised in that described terminal includes described claim 4 or 5
Described a kind of interactive display unit.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410597408.1A CN104536679B (en) | 2014-10-30 | 2014-10-30 | A kind of interactive display method, device and terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410597408.1A CN104536679B (en) | 2014-10-30 | 2014-10-30 | A kind of interactive display method, device and terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104536679A CN104536679A (en) | 2015-04-22 |
| CN104536679B true CN104536679B (en) | 2016-10-12 |
Family
ID=52852217
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410597408.1A Active CN104536679B (en) | 2014-10-30 | 2014-10-30 | A kind of interactive display method, device and terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104536679B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106896987B (en) * | 2017-02-27 | 2019-06-25 | 网易（杭州）网络有限公司 | Realize the method and device that interface element follows |
| CN110096201A (en) * | 2019-04-19 | 2019-08-06 | 上海车轮互联网服务有限公司 | Data matching method and device |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2004048229A (en) * | 2002-07-10 | 2004-02-12 | Toshiba Corp | Electronic apparatus, digital still camera, and display control method |
| JP5458842B2 (en) * | 2009-12-02 | 2014-04-02 | ソニー株式会社 | Remote control device, remote control system, remote control method and program |
| CN102566877B (en) * | 2010-12-29 | 2014-08-20 | 仁宝电脑工业股份有限公司 | Method for adjusting display appearance of keyboard interface |
-
2014
- 2014-10-30 CN CN201410597408.1A patent/CN104536679B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN104536679A (en) | 2015-04-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105259654B (en) | Spectacle terminal and its control method | |
| EP2979365B1 (en) | Mobile terminal and method of controlling the same | |
| KR102104910B1 (en) | Portable apparatus for providing haptic feedback with an input unit and method therefor | |
| EP2960768B1 (en) | Mobile terminal and method for controlling the same | |
| CN103631768B (en) | Collaboration data editor and processing system | |
| CN105190477B (en) | Head-mounted display apparatus for user's interaction in augmented reality environment | |
| CN103677621B (en) | There is display control apparatus and the display control method of touch panel function | |
| EP3130993A1 (en) | Mobile terminal and method for controlling the same | |
| US20120262448A1 (en) | Mobile terminal and control method thereof | |
| CN106210184A (en) | Mobile terminal and control method thereof | |
| EP2597557B1 (en) | Mobile terminal and control method thereof | |
| KR102072509B1 (en) | Group recording method, machine-readable storage medium and electronic device | |
| KR20140126129A (en) | Apparatus for controlling lock and unlock and method therefor | |
| CN108184070A (en) | A kind of image pickup method and terminal | |
| KR20140141100A (en) | Method and apparatus for protecting eyesight | |
| CN108093125A (en) | Terminal and its control method | |
| US9128598B2 (en) | Device and method for processing user input | |
| KR20130071924A (en) | Mobile terminal and control method thereof | |
| CN102693069A (en) | Mobile terminal and control method thereof | |
| CN106775059A (en) | Dual-screen electronic device visualized operation real-time display method and equipment | |
| CN110032309A (en) | A kind of split screen method and terminal device | |
| CN109496293A (en) | Extend content display method, device, system and storage medium | |
| KR20180020452A (en) | Terminal and method for controlling the same | |
| CN106445371A (en) | Mobile terminal and method for controlling the same | |
| CN104536679B (en) | A kind of interactive display method, device and terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C56 | Change in the name or address of the patentee | ||
| CP01 | Change in the name or title of a patent holder |
Address after: A District No. 9018 Han innovation building in Nanshan District high tech Zone in Shenzhen city of Guangdong Province, North Central Avenue, 518000 floor 10 Patentee after: Nubian Technologies Ltd. Address before: A District No. 9018 Han innovation building in Nanshan District high tech Zone in Shenzhen city of Guangdong Province, North Central Avenue, 518000 floor 10 Patentee before: Shenzhen ZTE Mobile Tech Co., Ltd. |