CN106933463A - A kind of method and apparatus that object is shown in screen - Google Patents
A kind of method and apparatus that object is shown in screen Download PDFInfo
- Publication number
- CN106933463A CN106933463A CN201511028983.0A CN201511028983A CN106933463A CN 106933463 A CN106933463 A CN 106933463A CN 201511028983 A CN201511028983 A CN 201511028983A CN 106933463 A CN106933463 A CN 106933463A
- Authority
- CN
- China
- Prior art keywords
- object data
- view
- sub
- operating gesture
- data
- 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.)
- Pending
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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a kind of method and apparatus that object is shown in screen.Wherein method includes:Object data is presented in using in the sub- view included on front view;After capturing the operating gesture on the sub- view, the corresponding object data change of the operating gesture is represented on the sub- view.By implementing technical scheme, corresponding data variation can be shown according to operating gesture in the sub- view of screen front view, due to object data and object data change can be shown in same sub- view according to operating gesture, it is avoided to check delta data and need page jump, screen space has been saved, the experience of user has been enhanced.
Description
【Technical field】
The present invention relates to Computer Applied Technology field, more particularly to a kind of side that object is shown in screen
Method and device.
【Background technology】
Prior art represents the side of comment in the application program (Application, abbreviation APP) of terminal
Formula is divided into two kinds:
The first, the comment of extraction part is arranged in order and represents;
Second, comment list is put into two grades of pages.
But the shortcoming of first way is, due to the limitation of the mobile terminal screen size such as mobile phone, screen
APP interfaces Shou Ping positions increasingly an inch of land is an inch of gold, being arranged in order and commenting on the tediously long of content for comment certainly will
Too many screen space is taken, especially first screen space, groove is kecked to user, wants to look for the experience of acceptance
Exert a certain influence;
The shortcoming of the second way be, it is necessary to can just check comment into two grades of pages, to click on comment on into
Enter to comment on details page, step is very long.
【The content of the invention】
The invention provides a kind of method that object is shown in screen, in order to save screen space resource,
Avoid page jump.
The invention provides a kind of method and apparatus that object is shown in screen, concrete technical scheme is as follows:
A kind of method that object is shown in screen, methods described includes:
Object data is presented in using in the sub- view included on front view;
After capturing the operating gesture on the sub- view, the operating gesture correspondence is represented on the sub- view
Object data change.
According to one preferred embodiment of the present invention, described be presented in object data regards using the son included on front view
Figure includes:
Obtain the object data;
According to default object model, the object data is filled to the sub- view, wherein object model bag
Image attributes and text attribute containing the object data in sub- view.
According to one preferred embodiment of the present invention, the operating gesture on the sub- view includes:Cunning on sub- view
Start gesture.
According to one preferred embodiment of the present invention, the corresponding number of objects of the operating gesture is represented on the sub- view
Include according to change:
In the sliding process of the operating gesture, the slip according to the operating gesture relative to the sub- view
Skew situation, determines display size and the position of the object data;
According to the display size and position that determine, represent the object data.
According to one preferred embodiment of the present invention, the operating gesture offsets situation relative to the slip of the sub- view
Including:The slip deviation ratio that sliding distance and object data width according to the slip gesture determine.
According to one preferred embodiment of the present invention, the slip according to the operating gesture relative to the sub- view
Skew situation, the display size and position for determining the object data includes:
According to default initial display size and target display dimensions, it is determined that sliding the corresponding object data of deviation ratio
Display size;And,
According to default initial display position and object data width, it is determined that sliding the corresponding object data of deviation ratio
Display location.
According to one preferred embodiment of the present invention, N number of sampled point is taken in the sliding process of the operating gesture,
Display size and the position of the object data are determined and update for N number of sampled point respectively, the N is for just
Integer.
According to one preferred embodiment of the present invention, the object data includes:The M1 shown before operating gesture
Bar object data and the corresponding lower M2 bars object data of operating gesture, the M1 and M2 are positive integer;
Determine display size and position for the M1 bars object data and the lower M2 bars object data respectively.
According to one preferred embodiment of the present invention, represented using the mode of fading out for the M1 bars object data, pin
The lower M2 bars object data is represented using the mode of coming out gradually.
According to one preferred embodiment of the present invention, the object data is included for number of topics on the application front view
According to comment content and commentator's identification image.
A kind of device that object is shown in screen, described device includes:
Capture unit, for catching using the operating gesture on the sub- view included on front view;
Represent unit, for object data to be presented in the sub- view, and for being caught in capture unit
After operating gesture on to the sub- view, the corresponding object of the operating gesture is represented on the sub- view
Data variation.
According to one preferred embodiment of the present invention, described device also includes acquiring unit, for obtaining the number of objects
According to;
Shown display unit is filled to the sub- view object data of acquisition according to default object model,
Wherein object model includes image attributes and text attribute of the object data in sub- view.
According to one preferred embodiment of the present invention, the operating gesture on the sub- view includes:Cunning on sub- view
Start gesture.
According to one preferred embodiment of the present invention, described device also includes processing unit, in the operating gesture
Sliding process in, according to the operating gesture relative to the sub- view slip offset situation, determine institute
State display size and the position of object data;
The unit that represents represents the object data according to the display size and position that determine.
According to one preferred embodiment of the present invention, the operating gesture offsets situation relative to the slip of the sub- view
Including:The slip deviation ratio that sliding distance and object data width according to the slip gesture determine.
According to one preferred embodiment of the present invention, the processing unit is by performing following operation to determine the object
The display size of data and position:
According to default initial display size and target display dimensions, it is determined that sliding the corresponding object data of deviation ratio
Display size;And,
According to default initial display position and target display location, it is determined that sliding the corresponding object data of deviation ratio
Display location.
According to one preferred embodiment of the present invention, the processing unit takes N in the sliding process of the operating gesture
Individual sampled point, determines and updates display size and the position of the object data for N number of sampled point respectively,
The N is positive integer.
According to one preferred embodiment of the present invention, the object data includes:The M1 shown before operating gesture
Bar object data and the corresponding lower M2 bars object data of operating gesture, the M1 and M2 are positive integer;
The processing unit determines aobvious for the M1 bars object data and the lower M2 bars object data respectively
Show size and position.
According to one preferred embodiment of the present invention, the unit that represents fades out for M1 bars object data use
Mode represents, and is represented using the mode of coming out gradually for the lower M2 bars object data.
According to one preferred embodiment of the present invention, the object data is included for main on the application front view
Inscribe the comment content and commentator's identification image of data.
As can be seen from the above technical solutions, the method and apparatus that the present invention is provided can be in screen front view
Sub- view in show corresponding data variation according to operating gesture, due to can be according to manipulator
Gesture and shown in same sub- view object data and object data change, it is to avoid in order to check delta data
And page jump is needed, and screen space has been saved, enhance the experience of user.
【Brief description of the drawings】
Fig. 1 is a kind of method flow diagram that object is shown in screen that the embodiment of the present invention one is provided;
Fig. 2 is a kind of apparatus structure schematic diagram that object is shown in screen that the embodiment of the present invention two is provided;
Fig. 3 A are the design sketch of M1, M2 bar object data that the present invention represented before gesture operation;
Fig. 3 B are the design sketch of M1, M2 bar object data that the present invention represents after gesture operation.
【Specific embodiment】
In order that the object, technical solutions and advantages of the present invention are clearer, below in conjunction with the accompanying drawings and specifically
The present invention will be described in detail for embodiment.
Embodiment one
Fig. 1 is a kind of method flow diagram that object is shown in screen that the embodiment of the present invention one is provided, such as
Shown in Fig. 1, the method is comprised the following steps:
101st, object data is obtained, object data is presented in using in the sub- view included on front view.
In the step, can be by mobile terminal technology, according to back office interface, by network request server
On object data, the object data can be certain types of object data on the application interface, for example
The comment data using subject data on front view, including comment content and commentator's mark can be directed to
Image.
Wherein application front view and sub- view are in same application interface and show on a terminal screen.
Terminal can including mobile phone, palm PC, personal communication assistant machine etc. portable set.
For example with the data exhibiting of a certain news in news application in front view, for the comment number of the news
According to the sub- view that is included in the front view is represented, wherein comment data can include comment content and commentator
Head portrait;The object data can also be including any related to subject data on front view, with more
Data content but the data that shows in smaller space of needs, such as translator of English relative to Chinese character, relatively
Recommendation in commodity and the catalogue relative to books etc..
The object data of acquisition can be modeled according to default object model to facilitate storage.Wherein
Image attributes of the storage object model used comprising object data and text attribute.
As a example by using comment data as object data, according to data word in the data that can be safeguarded from server
Section extracts comment content, commentator's head portrait and commentator ID etc..
Preferably due to the operating system on background server may be by not with the operating system at application place
Same language is write, and with different language formats, in the data that can be safeguarded from server, obtains
The object data of JSON forms, the JSON Data Serializations that then will be obtained to default object model.
It is another general format that serializing is mainly used for storage object state, such as be stored as binary system,
Object, is converted into this form and just cries serializing by xml, JSON etc., and unserializing be typically from
This form is converted back.
The demand that cross-platform and object is stored is primarily due to using serializing, because only allowing word on network
Symbol string or binary format, and file needs to use binary stream form, if it is desired in an internal memory
Object store and just must be converted to xml (character string), JSON (character string) using serializing
Or binary system (stream).
In iOS realizations, can be modeled by two attributes of NSObject object definitions, one
Attribute is that UIImage represents commentator's head image data, and an attribute is that NSString represents comment content,
And it is possible to by NSJSONSerialization by the JSON Data Serializations of Network Capture to calmly
The model of justice.
102nd, catch using the operating gesture on the sub- view included on front view.
In the step, the operating gesture on screen can be caught, comprising front view and many wherein on screen
Individual sub- view, and at least one sub- view can be with show object data.
Coordinate of the operating gesture on screen is may determine that, when the coordinate of the operating gesture is located at show object
In the sub- view border of data, it is determined that what is captured is the operating gesture of the object data for sub- view.
The operating gesture can include clicking on the gesture of the control on sub- view, it is preferable that on sub- view
Operating gesture can be included in the slip gesture on sub- view.
In iOS, finger can be obtained by UIPanGestureRecognizer and touch screen
Coordinate, mobile displacement, the data such as mobile speed.For other operating systems, there is also similar
Method obtain these data.
103rd, situation is offset relative to the slip of sub- view according to operating gesture, determines the object data
Display size and position.
The step is mainly realizes response to slip gesture, with determine the object data to be shown relative to
Size and change in location that slip gesture occurs.
Wherein, the object data includes:The M1 bars object data shown before operating gesture and behaviour
Make a sign with the hand corresponding lower M2 bars object data, the M1 and M2 is positive integer.
Display size can be determined for the M1 bars object data and the lower M2 bars object data respectively
And position;Alternatively, it is also possible to the object properties according to object data, to belonging to not in same target data
Object data with attribute determines display size and position respectively.
By taking comment data as an example, can determine to comment on display size and the position of content, and comment respectively
The display size of person's identification image and position, wherein the display size of comment content and commentator's identification image
Can be with difference with position.
And it is possible to determine in multiple sample points in the sliding process of the operating gesture and update institute
State display size and the position of object data.For example can taken in the sliding process of operating gesture it is N number of
Sampled point, determines and updates display size and the position of the object data for N number of sampled point respectively,
Wherein N is default positive integer.So, user can just see object data size in sliding process
Process is gradually changed with position, with a preferable Consumer's Experience.
Specifically, N can be taken between the display size and position for changing in initial display size and position
Individual sampled point, N number of sampled point can represent initial display size and position to change display size and
Position gradually changes, thus can make object data gradually by initial display size and evolution to
The corresponding display size of operating gesture and position.
Operating gesture can include relative to the slip skew situation of the sub- view:According to the slip hand
The slip deviation ratio that the sliding distance and object width of gesture determine.Preferably, can be according to default first
Beginning display size and target display dimensions, it is determined that sliding the display size of the corresponding object data of deviation ratio;
And according to default initial display position and object data width, it is determined that sliding the corresponding object of deviation ratio
The display location of data.So as to when finger is slided, comment can be changed according to the side-play amount slided
Size and X-axis on position.
Specifically, number of objects can be determined in the following way according to the slip skew situation of operating gesture
According to display size and position.
Understand for convenience, be illustrated comment data as object data below, but for other
Object data, equally can in the following way determine its display size and position.
Comment size difference is ds before and after definition is slided, that is, comment on by initial displaying ratio to can reach
The difference of the maximum target displaying ratio for arriving.
For example, it is assumed that initial displaying ratio s is 1.0, when finger is slided to the right, can reach most
Big target displaying ratio s is 1.5, if then commenting on a width of 600 pixel (px) of initial display size,
A height of 50px, then the target display dimensions that the comment can be amplified to will be a width of 900px, a height of
75px。
Certainly, comment can not necessarily be amplified to target display dimensions in amplification process, and it is aobvious that it amplifies
Show that size is also influenceed by sliding deviation ratio, its specific influence will then be described further.
Definition comment the right is X-axis positive direction.
Definition comment width is w.
Wherein comment width is set in advance according to the width of screen and sub- view.Specifically, due to
The screen size of each display terminal is different, in order to be shown with the width matched with screen in screen
Show comment, the display width of the sub- view that comment is located at is matched with screen width, therefore
When comment width is pre-set, can make according to the screen width and sub- view width of each display terminal
Corresponding comment width is different,
When finger is right sliding, sliding distance dw values are [0, w].
When finger is left sliding, sliding distance dw values are [- w, 0].
In finger sliding process, calculating dw can obtain sliding deviation ratio a, span divided by the value of w
It is [- 1,1].
When finger is right sliding, all comment sizes are increased into a*ds, comment by initial displaying ratio
Origin position moves to right a*ds*w*2 in X-axis.
When finger is left sliding, all comment sizes are reduced into a*ds, comment by initial displaying ratio
Origin position moves to left a*ds*w*2 in X-axis.
Wherein, because the screen size of each display terminal is different, in order in screen with screen
The width display comment for matching, particularly makes the display width of the sub- view that comment is located at wide with screen
Degree matches, therefore when comment width is pre-set, can be according to the screen size of each display terminal
Make to comment on width accordingly different.
By taking iPhone5 mobile phones as an example, the display size of above-mentioned determination object data and position are substituted into specific
Numerical value is:
Pre-defined comment width w=600px.
Two comment size differences are 0.5 before and after definition,
Assuming that using the starting of comment data as origin, then origin the right is X-axis positive direction,
If the distance that finger is slided to the right is 100, then (finger sliding distance)/(comment width)
The slip deviation ratio a=100/600=1/6 for obtaining,
Assuming that default comment initial display position is at x=0, a width of 600, a height of 50, size ratio
Example s is 1.0
Because comment is to slide to the right, therefore all comment sizes are increased into a*ds, then a*ds=1/6
* 0.5=1/12
Thus may determine that the size s commented on after going out slip is comment after 1+1/12, namely slip
Size is changed into, and a width of 650, a height of 54.17.
The change in size of comment can be determined through the above way.
When showing object data in sub- view, due to the change in size of object data can be shown, therefore
Can provide draw near, visual effect from the close-by examples to those far off.
The display size of object data can be not only determined according to operating gesture, object data can also be determined
Display location, the change of object data display location can include change of the object data on x-axis coordinate
Change.
By formula a*ds*w*2, then the display location of object data can be changed into a*ds*w*2=from 0
1/6*0.5*600*2=100, i.e. object data can be according to the slip hands for sliding 100px to the right
Gesture and corresponding move 100 along X-axis positive direction.
In iOS, the size of UI elements can be changed by CGAffineTransform
(scale), position etc..
In addition, it is necessary to explanation, for the M1 bars object data shown before operating gesture and behaviour
Make a sign with the hand for corresponding lower M2 bars object data, when user's finger is slided, the effect of generation can be
Lower M2 bar object datas are gradually shown, the M1 bar object datas of display before gradually concealing operating gesture,
Therefore, after operating gesture is received, the M1 bars object data shown before operating gesture is by the M1 bars
Original display size and original display position gradually change over determination M1 bar object datas target show
Show size and target display location;And lower M2 bars object data is by the original display size and original of the M2 bars
Beginning, display location gradually changed over original display size and the original display position of the M1 bars, that is to say, that really
The target display dimensions and target display location of fixed M2 bar object datas and the original display position of M1 bars
Overlap.
104th, after the operating gesture on sub- view is captured, the operation is represented on the sub- view
The corresponding object data change of gesture.
The step is mainly used for the aobvious of object data corresponding with operating gesture in response to operating gesture
Show that the change of size or position etc. is presented to user in the way of mobile animation effect.Slided when in gesture
During determine display size and the position of the corresponding object data of ith sample point in N number of sampled point respectively
When putting, the real-time rendering corresponding object data of ith sample point was slided this makes it possible to gesture
The equal real-time rendering of display size and position of the corresponding object data of N number of sampled point in journey, so as to obtain
Change of the object data in gesture sliding process.
If M1 bars object data and operating gesture pair that object data shows before including operating gesture
The lower M2 bars object data answered, then can respectively according to the M1 bars object data and the lower M2 bars pair
The display size of image data and position show M1 bars and M2 bar object datas.
And it is possible to be directed to the M1 bars object data represented using the mode of fading out, for the lower M2
Bar object data is represented using the mode of coming out gradually.
In order to the change of the show object data on sub- view, the step can by mobile terminal technology,
According to the design drawing of sub- view, wall scroll comment is modeled to form default object model, and can be with
According to default object model, the object data is filled to the sub- view, so as to by object data
It is drawn on screen.Wherein default object model can include figure of the object data in sub- view
As attribute and text attribute.
Wherein, the size of sub- view can as needed carry out any setting, for example, be set as being only capable of displaying
A line object data by gesture operation, it is necessary to be switched to by an object data in sub- view another
Individual object data.
Number of objects in the data model of the storage set up when step 101 can be obtained into object data
Data form according to the change of the property entered unserializing to be needed.
Wherein, the object model that step 104 is set up object model is set up with step 101 can be as
One default object model, or as two independent object models.
So that object data is as comment data as an example, in iOS realizations, wall scroll comment can be designed as one
User interface view (UIView), includes a user interface image view in the user interface view
(UIImageView), for show comment author's head portrait, a user interface tab (UILabel)
For showing comment content.
The data that wherein step 104 can be provided by step 101 are drawn out and comment on and show accordingly.
M bars object data before and after operating gesture can in advance be obtained according to the gesture operation of user and cached
Get up, display speed can be accelerated through the above way.Wherein M be default positive integer, and M bars grasp
Make M1 bar object data and operating gesture corresponding lower M2 bar of the data including display before operating gesture
Object data.
Can first by object data with initial display size and display location represent in the view, when it is determined that
After going out display size and the display location of object data corresponding with deviation ratio is slided, then can update at any time
Its initial value, therefore the object data shown by initial value can be represented with the value after updating.
Furthermore it is possible to will in object data corresponding to each object properties data as independent object data
To determine its display size and display location.The comment content that for example comment data is included and commentator
Identification image is shown that it shows respectively can with different display sizes and different display locations respectively
With initial display size and target display dimensions by being respectively provided with object different attribute data, Yi Jifen
Not She Zhi different attribute data initial display position and object data width determine.
For example, when finger is slided to the right, commentator's identification image of same comment data can be pressed
Shown according to the mode gradually amplified and move right, and comment content is only moved right without making its size
Change.
Also, display object data can include operating gesture before show M1 bars object data with
And the corresponding lower M2 bars object data of operating gesture, the M1 and M2 is positive integer, for example can basis
The size of sub- view first shows two more datas of comment content, in the case where being shown according to operating gesture three
Bar comments on content less data.
Embodiment two,
Fig. 2 is a kind of apparatus structure schematic diagram that object is shown in screen that the embodiment of the present invention two is provided,
As shown in Fig. 2 the device includes:
Acquiring unit 201, for obtaining object data.
Acquiring unit 201 can be by mobile terminal technology, according to back office interface, by network request service
Object data on device, the object data can be certain types of object data, example on the application interface
The comment data using subject data on front view, including comment content and commentator's mark can be such as directed to
Know image.
Wherein application front view and sub- view are in same application interface and show on a terminal screen.
Terminal can including mobile phone, palm PC, personal communication assistant machine etc. portable set.
For example with the data exhibiting of a certain news in news application in front view, for the comment number of the news
According to the sub- view that is included in the front view is represented, wherein comment data can include comment content and commentator
Head portrait;The object data can also be including any related to subject data on front view, with more
Data content but the data that shows in smaller space of needs, such as translator of English relative to Chinese character, relatively
Recommendation in commodity and the catalogue relative to books etc..
According to default object model can be modeled with side the object data of acquisition by acquiring unit 201
Just store.Wherein store image attributes of the object model comprising object data and text attribute used.
As a example by using comment data as object data, according to data word in the data that can be safeguarded from server
Section extracts comment content, commentator's head portrait and commentator ID etc..
Preferably due to the operating system on background server may be by not with the operating system at application place
Same language is write, with different language formats, what acquiring unit 201 can be safeguarded from server
In data, obtain JSON forms object data, then will obtain JSON Data Serializations to preset
Object model.
In iOS realizations, can be modeled by two attributes of NSObject object definitions, one
Attribute is that UI Image represent commentator's head image data, and an attribute is that NSString represents comment content,
And it is possible to by NSJSONSerialization by the JSON Data Serializations of Network Capture to calmly
The model of justice.
Capture unit 202, for catching using the operating gesture on the sub- view included on front view.
Capture unit 202 can catch the operating gesture on screen and operating gesture is passed into other units
Processed.
Can represent comprising front view and many sub- views, and at least one sub- view wherein on screen
Object data.
Capture unit 202 may determine that coordinate of the operating gesture on screen, when the coordinate of the operating gesture
In the sub- view border of show object data, it is determined that what is captured is for the number of objects of sub- view
According to operating gesture.
The operating gesture can include clicking on the gesture of the control on sub- view, it is preferable that on sub- view
Operating gesture can be included in the slip gesture on sub- view.
In iOS, finger can be obtained by UIPanGestureRecognizer and touch screen
Coordinate, mobile displacement, the data such as mobile speed.For other operating systems, there is also similar
Method obtain these data.
Processing unit 203, for offseting situation relative to the slip of the sub- view according to operating gesture,
Determine display size and the position of object data
The processing unit 203 is mainly used for responding the gesture operation that capture unit 202 is captured, with true
Surely the object data to be shown is relative to the size and change in location that gesture operation occurs.
Wherein, the object data includes:The M1 bars object data shown before operating gesture and behaviour
Make a sign with the hand corresponding lower M2 bars object data, the M1 and M2 is positive integer.
Display size can be determined for the M1 bars object data and the lower M2 bars object data respectively
And position;
Alternatively, it is also possible to the object properties according to object data, do not belonged to together to belonging in same target data
The object data of property determines display size and position respectively.
By taking comment data as an example, can determine to comment on display size and the position of content, and comment respectively
The display size of person's identification image and position, wherein the display size of comment content and commentator's identification image
Can be with difference with position.
And it is possible to determine in multiple sample points in the sliding process of the operating gesture and update institute
State display size and the position of object data.For example can taken in the sliding process of operating gesture it is N number of
Sampled point, determines and updates display size and the position of the object data for N number of sampled point respectively,
Wherein N is default positive integer.So, user can just see object data size in sliding process
Process is gradually changed with position, with a preferable Consumer's Experience.
Operating gesture can include relative to the slip skew situation of the sub- view:According to the slip hand
The slip deviation ratio that the sliding distance and object width of gesture determine.
Preferably, processing unit 203 can according to default initial display size and target display dimensions,
It is determined that sliding the display size of the corresponding object data of deviation ratio;And according to default initial display position
With object data width, it is determined that sliding the display location of the corresponding object data of deviation ratio.
So as to, when finger is slided, can be changed according to the side-play amount slided the size of comment with
Position in X-axis.
Specifically, processing unit 203 can be inclined with the slip according to operating gesture by performing following operation
Shifting situation, determines display size and the position of object data.
Understand for convenience, be illustrated comment data as object data below, but for other
Object data, equally can determine its display size and position by performing following operation.
Comment size difference is ds before and after definition is slided, that is, comment on by initial displaying ratio to can reach
The difference of the maximum target displaying ratio for arriving.
Certainly, comment can not necessarily be amplified to target display dimensions in amplification process, and it is aobvious that it amplifies
Show that size is also influenceed by sliding deviation ratio, its specific influence will then be described further.
Definition comment the right is X-axis positive direction.
Definition comment width is w, wherein comment width is set in advance according to the width of screen and sub- view
Fixed.
When finger is right sliding, sliding distance dw values are [0, w].
When finger is left sliding, sliding distance dw values are [- w, 0].
In finger sliding process, calculating dw can obtain sliding deviation ratio a, span divided by the value of w
It is [- 1,1].
When finger is right sliding, all comment sizes are increased into a*ds, comment by initial displaying ratio
Origin position moves to right a*ds*w*2 in X-axis.
When finger is left sliding, all comment sizes are reduced into a*ds, comment by initial displaying ratio
Origin position moves to left a*ds*w*2 in X-axis.
The processing unit 203 of calculating by to(for) a*ds can determine the change in size of comment.
When showing object data in sub- view, due to the change in size of object data can be shown, therefore
Can provide draw near, visual effect from the close-by examples to those far off.
The display size of object data can be not only determined according to operating gesture, object data can also be determined
Display location, the change of object data display location can include change of the object data on x-axis coordinate
Change.
Change in location of the object data in X-axis can be determined by formula a*ds*w*2.
In iOS, the size of UI elements can be changed by CGAffineTransform
(scale), position etc..
In addition, it is necessary to explanation, for the M1 bars object data shown before operating gesture and behaviour
Make a sign with the hand for corresponding lower M2 bars object data, when user's finger is slided, the effect of generation can be
Lower M2 bar object datas are gradually shown, the M1 bar object datas of display before gradually concealing operating gesture,
Therefore, after operating gesture is received, the M1 bars object data shown before operating gesture is by the M1 bars
Original display size and original display position gradually change over determination M1 bar object datas target show
Show size and target display location;And lower M2 bars object data is by the original display size and original of the M2 bars
Beginning, display location gradually changed over original display size and the original display position of the M1 bars, that is to say, that really
The target display dimensions and target display location of fixed M2 bar object datas and the original display position of M1 bars
Overlap.
Represent unit 204, for showing the object data acquired in acquiring unit 201, and for catching
After catching the operating gesture that unit 202 is captured on the sub- view, the behaviour is represented on the sub- view
Corresponding object data of making a sign with the hand changes.
Representing that unit 204 is mainly used for will object data corresponding with operating gesture in response to operating gesture
Display size or the change of position etc. be presented to user in the way of mobile animation effect.It is and end
The related unit of operating unit such as end screen, acquiring unit 201 and processing unit 203, for determining
The content shown on screen.
The corresponding number of objects of ith sample point in N number of sampled point is determined respectively in gesture sliding process
According to display size and during position, the real-time rendering corresponding object data of ith sample point, thus
Can to gesture sliding process in the corresponding object data of N number of sampled point display size and position it is real
When render, so as to obtain change of the object data in gesture sliding process.
If M1 bars object data and operating gesture pair that object data shows before including operating gesture
The lower M2 bars object data answered, then represent unit 204 can respectively according to the M1 bars object data and
The display size of the lower M2 bars object data and position show M1 bars and M2 bar object datas.
And it is possible to be directed to the M1 bars object data represented using the mode of fading out, for the lower M2
Bar object data is represented using the mode of coming out gradually.
In order to the change of the show object data on sub- view, representing unit 204 can be by movement
End technology, according to the design drawing of sub- view, wall scroll comment is modeled to form default object model,
And the object data can be filled to the sub- view according to default object model, so that will
Object data is drawn on screen.Wherein representing the default object model of unit 204 can be comprising described right
Image attributes and text attribute of the image data in sub- view.
Wherein, the size of sub- view can as needed carry out any setting, for example, be set as being only capable of displaying
A line object data by gesture operation, it is necessary to be switched to by an object data in sub- view another
Individual object data.
The number of the storage for representing unit 204 and being set up when acquiring unit 201 can be obtained into object data
Change the data form to be needed according to the object data property the entered unserializing in model.
Wherein, the object model that the object model that unit 204 set up is set up with acquiring unit 201 is represented
Can be as a default object model, or as two independent object models.
So that object data is as comment data as an example, in iOS realizations, wall scroll comment can be designed as one
User interface view (UIView), includes a user interface image view in the user interface view
(UIImageView), for show comment author's head portrait, a user interface tab (UILabel)
For showing comment content.
Represent the data that unit 204 provided by acquiring unit 201 and draw out and comment on and show accordingly.
Representing unit 204 can in advance obtain M bars pair before and after operating gesture according to the gesture operation of user
Image data is simultaneously cached, and display speed can be accelerated through the above way.Wherein M is default just whole
Number, and M1 bar object data and operating gesture pair of the M bars peration data including display before operating gesture
The lower M2 bars object data answered.
Represent unit 204 and object data can be presented in initial display size and display location first and regard
In figure, when processing unit 203 determines the display size of object data corresponding with deviation ratio is slided and shows
After showing position, then can at any time notify that representing unit 204 updates its initial value, therefore represent unit 204
The object data shown by initial value can be represented with the value after updating.
Furthermore it is possible to will in object data corresponding to each object properties data as independent object data
To determine its display size and display location.The comment content that for example comment data is included and commentator
Identification image is shown that it shows respectively can with different display sizes and different display locations respectively
With initial display size and target display dimensions by being respectively provided with object different attribute data, Yi Jifen
Not She Zhi different attribute data initial display position and object data width determine.
Also, display object data can include operating gesture before show M1 bars object data with
And the corresponding lower M2 bars object data of operating gesture, the M1 and M2 is positive integer, for example can basis
The size of sub- view first shows two more datas of comment content, in the case where being shown according to operating gesture three
Bar comments on content less data.
Fig. 3 A, 3B are the implementation result figure for implementing the method for the present invention or device.Wherein, Fig. 3 A are this
The design sketch of M1, M2 bar object data that invention represented before gesture operation, Fig. 3 B exist for the present invention
The design sketch of M1, M2 the bar object data represented after gesture operation.As shown in Fig. 3 A, 3B, Fig. 3 A,
It is the subject data on front view that top represents the part for having broadcasting content in 3B, and middle and lower part (outlines in figure
Part) part of head portrait and comment content is shown for sub- view, and the sub- View component of Fig. 3 A has been marked
It is bright to have M1 bars object data and M2 bar object datas.Fig. 3 A be gesture operation before show M1,
The initial display size of M2 bar object datas and display location, Fig. 3 B are when operating gesture is to slide to the right
The target display dimensions of the M2 bar object datas for showing afterwards and display location, due to M1 bar objects in Fig. 3 B
The target display location that data determine according to operating gesture is located at outside sub- view, therefore invisible.It is logical
Gesture operation is crossed, M1 bars object data and M2 bars object data can be made to be switched in sub- view,
And it is that the dynamic effect gradually changed with the size and position of object data shows in handoff procedure.
By implementing technical scheme, a tile position can be only needed, then in terminal screen
Can represent comment and can be switched fast according to operating gesture with animation effect and check.
By embodiments of the invention, it is possible to achieve following technique effect:
(1) due to only showing object data in the subspace for providing, screen space is taken small;
(2) it is convenient with user mutual, for example can check that next is commented by the right cunning in operating gesture
By left cunning can take a fancy to a comment;
(3) dynamic effect effect can be shown by slip, so as to be realized in a line with 3D visual presences
Space interior energy shows a plurality of comment, increases Consumer's Experience.
In several embodiments provided by the present invention, it should be understood that disclosed method and apparatus,
Can realize by another way.For example, device embodiment described above is only schematical,
For example, the division of the unit, only a kind of division of logic function, can have in addition when actually realizing
Dividing mode.
It is described as separating component illustrate unit can be or may not be it is physically separate, make
For the part that unit shows can be or may not be physical location, you can with positioned at a place,
Or can also be distributed on multiple NEs.Can select according to the actual needs part therein or
Person whole units realize the purpose of this embodiment scheme.
In addition, during each functional unit in each embodiment of the invention can be integrated in a processing unit,
Can also be that unit is individually physically present, it is also possible to which two or more units are integrated in a list
In unit.Above-mentioned integrated unit can both be realized in the form of hardware, it would however also be possible to employ hardware adds software
The form of functional unit is realized.
Presently preferred embodiments of the present invention is the foregoing is only, is not intended to limit the invention, it is all at this
Within the spirit and principle of invention, any modification, equivalent substitution and improvements done etc. should be included in
Within the scope of protection of the invention.
Claims (20)
1. a kind of method that object is shown in screen, it is characterised in that methods described includes:
Object data is presented in using in the sub- view included on front view;
After capturing the operating gesture on the sub- view, the operating gesture correspondence is represented on the sub- view
Object data change.
2. method according to claim 1, it is characterised in that described that object data is presented in using master
The sub- view included on view includes:
Obtain the object data;
According to default object model, the object data is filled to the sub- view, wherein object model bag
Image attributes and text attribute containing the object data in sub- view.
3. method according to claim 1, it is characterised in that the operating gesture on the sub- view includes:
Slip gesture on sub- view.
4. method according to claim 3, it is characterised in that represent the operation on the sub- view
The corresponding object data change of gesture includes:
In the sliding process of the operating gesture, the slip according to the operating gesture relative to the sub- view
Skew situation, determines display size and the position of the object data;
According to the display size and position that determine, represent the object data.
5. method according to claim 4, it is characterised in that the operating gesture is regarded relative to the son
The slip skew situation of figure includes:Sliding distance and object data width according to the slip gesture determine
Slip deviation ratio.
6. method according to claim 5, it is characterised in that it is described according to the operating gesture relative to
The slip skew situation of the sub- view, the display size and position for determining the object data includes:
According to default initial display size and target display dimensions, it is determined that sliding the corresponding object data of deviation ratio
Display size;And,
According to default initial display position and object data width, it is determined that sliding the corresponding object data of deviation ratio
Display location.
7. method according to claim 4, it is characterised in that in the sliding process of the operating gesture
N number of sampled point is taken, display size and the position of the object data is determined and update for N number of sampled point respectively
Put, the N is positive integer.
8. method according to claim 4, it is characterised in that the object data includes:Operating gesture
The corresponding lower M2 bars object data of M1 bars object data and operating gesture for showing before, the M1 and
M2 is positive integer;
Determine display size and position for the M1 bars object data and the lower M2 bars object data respectively.
9. method according to claim 8, it is characterised in that used for the M1 bars object data
The mode of fading out represents, and is represented using the mode of coming out gradually for the lower M2 bars object data.
10. the method according to any one of claim 1 to 9, it is characterised in that the object data bag
Include the comment content and commentator's identification image for subject data on the application front view.
11. a kind of devices that object is shown in screen, it is characterised in that described device includes:
Capture unit, for catching using the operating gesture on the sub- view included on front view;
Represent unit, for object data to be presented in the sub- view, and for being caught in capture unit
After operating gesture on to the sub- view, the corresponding object of the operating gesture is represented on the sub- view
Data variation.
12. devices according to claim 11, it is characterised in that described device also includes acquiring unit,
For obtaining the object data;
Shown display unit is filled to the sub- view object data of acquisition according to default object model,
Wherein object model includes image attributes and text attribute of the object data in sub- view.
13. devices according to claim 11, it is characterised in that the operating gesture bag on the sub- view
Include:Slip gesture on sub- view.
14. devices according to claim 13, it is characterised in that described device also includes processing unit,
For in the sliding process of the operating gesture, the cunning according to the operating gesture relative to the sub- view
Dynamic skew situation, determines display size and the position of the object data;
The unit that represents represents the object data according to the display size and position that determine.
15. devices according to claim 14, it is characterised in that the operating gesture is relative to the son
The slip skew situation of view includes:Sliding distance and object data width according to the slip gesture is true
Fixed slip deviation ratio.
16. devices according to claim 15, it is characterised in that the processing unit is following by performing
Operate to determine display size and the position of the object data:
According to default initial display size and target display dimensions, it is determined that sliding the corresponding object data of deviation ratio
Display size;And,
According to default initial display position and target display location, it is determined that sliding the corresponding object data of deviation ratio
Display location.
17. devices according to claim 14, it is characterised in that the processing unit is in the manipulator
N number of sampled point is taken in the sliding process of gesture, the object data is determined and update for N number of sampled point respectively
Display size and position, the N be positive integer.
18. devices according to claim 14, it is characterised in that the object data includes:Manipulator
The corresponding lower M2 bars object data of M1 bars object data and operating gesture shown before gesture, the M1
It is positive integer with M2;
The processing unit determines aobvious for the M1 bars object data and the lower M2 bars object data respectively
Show size and position.
19. devices according to claim 18, it is characterised in that the unit that represents is for the M1
Bar object data is represented using the mode of fading out, and is represented using the mode of coming out gradually for the lower M2 bars object data.
20. device according to any one of claim 11 to 19, it is characterised in that the object data
Including comment content and commentator's identification image for subject data on the application front view.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201511028983.0A CN106933463A (en) | 2015-12-30 | 2015-12-30 | A kind of method and apparatus that object is shown in screen |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201511028983.0A CN106933463A (en) | 2015-12-30 | 2015-12-30 | A kind of method and apparatus that object is shown in screen |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106933463A true CN106933463A (en) | 2017-07-07 |
Family
ID=59442670
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201511028983.0A Pending CN106933463A (en) | 2015-12-30 | 2015-12-30 | A kind of method and apparatus that object is shown in screen |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106933463A (en) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107831976A (en) * | 2017-09-22 | 2018-03-23 | 阿里巴巴集团控股有限公司 | message display method and device |
CN110297579A (en) * | 2018-03-21 | 2019-10-01 | 腾讯科技(深圳)有限公司 | Methods of exhibiting and device, storage medium, the electronic device of taskbar |
CN110704138A (en) * | 2018-06-25 | 2020-01-17 | 马上消费金融股份有限公司 | Animation effect realization method and device and computer readable storage medium |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080222548A1 (en) * | 2007-03-08 | 2008-09-11 | Cohen Gabriel A | In-Context Total Document Views for Manipulating Data |
CN102929609A (en) * | 2011-10-11 | 2013-02-13 | 微软公司 | Interactive visualization of multiple software functionality content items |
CN103425386A (en) * | 2012-05-23 | 2013-12-04 | 腾讯科技(深圳)有限公司 | Microblog display control method and microblog client side |
CN103425389A (en) * | 2012-05-24 | 2013-12-04 | 腾讯科技(深圳)有限公司 | Microblog message interactive display method and microblog client side |
CN103607659A (en) * | 2013-11-25 | 2014-02-26 | 小米科技有限责任公司 | Method, device and server for displaying program comments on intelligent display equipment |
CN104156409A (en) * | 2014-03-11 | 2014-11-19 | 百度在线网络技术(北京)有限公司 | Method, system and device for providing news |
-
2015
- 2015-12-30 CN CN201511028983.0A patent/CN106933463A/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080222548A1 (en) * | 2007-03-08 | 2008-09-11 | Cohen Gabriel A | In-Context Total Document Views for Manipulating Data |
CN102929609A (en) * | 2011-10-11 | 2013-02-13 | 微软公司 | Interactive visualization of multiple software functionality content items |
CN103425386A (en) * | 2012-05-23 | 2013-12-04 | 腾讯科技(深圳)有限公司 | Microblog display control method and microblog client side |
CN103425389A (en) * | 2012-05-24 | 2013-12-04 | 腾讯科技(深圳)有限公司 | Microblog message interactive display method and microblog client side |
CN103607659A (en) * | 2013-11-25 | 2014-02-26 | 小米科技有限责任公司 | Method, device and server for displaying program comments on intelligent display equipment |
CN104156409A (en) * | 2014-03-11 | 2014-11-19 | 百度在线网络技术(北京)有限公司 | Method, system and device for providing news |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107831976A (en) * | 2017-09-22 | 2018-03-23 | 阿里巴巴集团控股有限公司 | message display method and device |
CN107831976B (en) * | 2017-09-22 | 2020-12-11 | 创新先进技术有限公司 | Message display method and device |
CN110297579A (en) * | 2018-03-21 | 2019-10-01 | 腾讯科技(深圳)有限公司 | Methods of exhibiting and device, storage medium, the electronic device of taskbar |
CN110297579B (en) * | 2018-03-21 | 2022-05-20 | 腾讯科技(深圳)有限公司 | Taskbar display method and device, storage medium and electronic device |
CN110704138A (en) * | 2018-06-25 | 2020-01-17 | 马上消费金融股份有限公司 | Animation effect realization method and device and computer readable storage medium |
CN110704138B (en) * | 2018-06-25 | 2021-04-23 | 马上消费金融股份有限公司 | Animation effect realization method and device and computer readable storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9013428B2 (en) | Electronic device and handwritten document creation method | |
CN105468278B (en) | Contact action identification, response, game control method and the device of virtual key | |
US20160070463A1 (en) | Flexible touch-based scrolling | |
JP6427559B6 (en) | Permanent synchronization system for handwriting input | |
US9632986B2 (en) | Systems and methods for horizontally paginating HTML content | |
US20150058766A1 (en) | Information processing methods and electronic devices | |
CN107992246A (en) | Video editing method and device and intelligent terminal | |
CN102937864B (en) | A kind of method and apparatus for determining selected text on touch terminal | |
US20150123988A1 (en) | Electronic device, method and storage medium | |
US20180121074A1 (en) | Freehand table manipulation | |
KR20130127349A (en) | System and control method for character make-up | |
CN107102786B (en) | Information processing method and client | |
CN105389372A (en) | Page display method and apparatus | |
US9727535B2 (en) | Authoring presentations with ink | |
CN102609194A (en) | User interface with vertical text elements for an east-asian defined layout | |
US9025878B2 (en) | Electronic apparatus and handwritten document processing method | |
US20220291809A1 (en) | Systems and methods for augmented or mixed reality writing | |
CN104317390A (en) | Method and system for replacing mouse operation by multiple gestures based on virtual machine of mobile terminal | |
JP2015158900A (en) | Information processing device, information processing method and information processing program | |
CN106933463A (en) | A kind of method and apparatus that object is shown in screen | |
CN104794106A (en) | Annotating method and device | |
CN114816135B (en) | Cross-device drawing system | |
US20160132478A1 (en) | Method of displaying memo and device therefor | |
CN103914228A (en) | Mobile terminal and touch screen operating method thereof | |
CN108780443B (en) | Intuitive selection of digital stroke groups |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170707 |