CN104821004A - Method for realizing user behavior guidance through parallax principle-based combined animations - Google Patents
Method for realizing user behavior guidance through parallax principle-based combined animations Download PDFInfo
- Publication number
- CN104821004A CN104821004A CN201510205516.4A CN201510205516A CN104821004A CN 104821004 A CN104821004 A CN 104821004A CN 201510205516 A CN201510205516 A CN 201510205516A CN 104821004 A CN104821004 A CN 104821004A
- Authority
- CN
- China
- Prior art keywords
- animation
- container
- page
- picture
- page turning
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Abstract
The invention discloses a method for realizing user behavior guidance through parallax principle-based combined animations. The method includes the following steps of: S1, preparing a page turning container for assembling animations; S2, arranging infinite automatically-cycled animations on the first page of the page turning container; S3, arranging picture playing display animations on the second page of the page turning container; S4, arranging picture delaying flying animations on the third page of the page turning container; S5, arranging image brushing segmentation contrast effect animations on the fourth page of the page turning container; S6, turning to the first page, executing the infinite automatically-cycled animations ; S7, turning to the second page, executing the picture playing display animations; S8, turning to the third page, executing the picture delaying flying animations; and S9, turning to the fourth page, executing the image brushing segmentation contrast effect animations. Based on the four kinds of parallax animations, a whole behavior guide process is more compact and orderly, and the impression of users for guidance can be enhanced, more clear information can be conveyed to the users, and the users can have emotional connections with products, and product attachment can be increased.
Description
Technical field
The invention belongs to user behavior in software application and guide field, particularly relate to a kind of method that combined animation based on principle of parallax realizes user behavior guiding.
Background technology
User behavior guiding is the focus in order to focused user, carries out vision optimization, allow user predict part interface and the functional experience of a product in advance to user.But at present in the middle of general user behavior guides, most processing mode is exactly combined by word and picture or mode that word and interface illustration combine and guide user to go button click to carry out the mode operated, guide user, by the introduction of these picture and letters or by guiding user's button click, allow user have part cognitive to application, promote the first impression be applied in user's eye.
But, this mix several sections of words at a pictures or on the sectional drawing of an application, mix related text describe or put in application a little word button and require that user goes to click and to experience, more or clapping video carries out the brief guidance mode play and there is many deficiencies.Picture and text showing sometimes can seem that whole user guides behavior very mixed and disorderly, and user can not be allowed to carry out visual focusing quickly, if when guiding too much text, user is also easy to forget, occur remembering deviation; And for video playback, will seem that application is excessive, producing user and wait for the time that video loads, even sometimes occurring Caton phenomenon when playing.The too medelling of these modes, seems stereotyped, and user can not be allowed to produce affectional contact to product, increases product viscosity.
Summary of the invention
In order to solve the problem, the invention provides a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax.
In order to achieve the above object, the technical solution used in the present invention is:
To realize the method that user behavior guides based on the combined animation of principle of parallax, comprise the following steps:
The page turning container of S1, preparation one assembling animation;
S2, unlimited automatic cycle animation is seated in the first page of page turning container;
S3, picture playing is shown that animation is seated in the second page of page turning container;
S4, by picture postpone fly into the 3rd page that animation is seated in page turning container;
S5, map brushing is split the 4th page that contrast effect animation is seated in page turning container;
S6, page turning, to the first page of page turning container, perform unlimited automatic cycle animation;
S7, page turning, to the second page of page turning container, perform picture playing and show animation;
S8, page turning, to the 3rd page of page turning container, perform picture and postpone to fly into animation;
S9, page turning, to the 4th page of page turning container, perform map brushing segmentation contrast effect animation.
Further, described page turning container has four pages at least, and every page can be carried out left and right and switch, and the size of every page equals the viewing area size of application, often translates into the animation that one page will perform current page.
Further, the process in step S2, unlimited automatic cycle animation being seated in the first page of page turning container is as follows:
S21, the position that the first page of page turning container sets the first animation viewing area and size;
S22, setting picture container ImageView1 and ImageView2 also put into the first animation viewing area, and ImageView2 acquiescence is presented at ImageView1 bottommost.
Further, in step S3, picture playing is shown that animation is seated in the process of the second page of page turning container as follows:
S31, the position that the second page of page turning container sets the second animation viewing area and size;
S32, a setting picture container ImageView3 also put into the second animation viewing area this container;
S33, prepare four pictures and caption text description corresponding to four pictures, and sequence successively, give tacit consent to the first pictures and the text description corresponding with it to add being shown in ImageView3.
Further, in step S4, picture being postponed to fly into animation, to be seated in the process of the 3rd page of page turning container as follows:
S41, the position that the 3rd page of page turning container sets the 3rd animation viewing area and size, and background picture is arranged to the 3rd animation viewing area;
S42, preparation three picture container ImageView4, ImageView5, ImageView6, place a pictures, and these three picture container be placed on outside the 3rd animation viewing area on the 3rd page, page turning container in each picture container.
Further, in step S5, map brushing being split contrast effect animation, to be seated in the process of the 4th page of page turning container as follows:
S51, the position that the 4th page of page turning container sets the 4th animation viewing area and size are as (0,0,640,640), wherein the first two number is horizontal ordinate x and ordinate y respectively, and coordinate position is the starting point coordinate relative to current page, and latter two number is wide width and high height respectively;
S52, a preparation picture container ImageView7, put it into the 4th animation viewing area, and former figure is put in this picture container, the position of this picture container of default setting and size are (0,0,640,640); Prepare design sketch container ImageView8, and the design sketch of contrast is put in ImageView8, the position of default setting ImageView8 and size are also (0,0,640,640); Prepare a segmentation container View, and ImageView8 is put in View, View puts into the 4th animation viewing area, the position of default setting segmentation container View and size (0,0,0,640), the width now given tacit consent to due to View is 0, so the ImageView8 inside segmentation container View is sightless.
Further, in step S6, page turning is to the first page of page turning container, performs unlimited automatic cycle animation detailed process as follows:
S61, picture container ImageView1 start to scroll up;
S62, picture container ImageView2 follow picture container ImageView1 and scroll up together;
If S63 picture container ImageView1 complete rolling goes out the first animation viewing area, then enter next step, otherwise continue to perform previous step;
The bottom of S64, mobile picture container ImageView1 to picture container ImageView2;
S65, picture container ImageView1 follow picture container ImageView2 and scroll up together;
If S66 picture container ImageView2 complete rolling goes out the first animation viewing area, then enter next step, otherwise continue to perform previous step;
The bottom of S67, mobile picture container ImageView2 to picture container ImageView1;
S68, re-execute step S61-S67.
Further, step S7 page turning, to the second page of page turning container, performs picture playing and shows that the detailed process of animation is as follows:
S71, the first pictures start to carry out Scale in the stipulated time and amplify animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the second pictures;
S72, the second pictures start to carry out Scale in the stipulated time and reduce animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the 3rd pictures;
S73, the 3rd pictures start to carry out Scale in the stipulated time and amplify animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the 4th pictures;
S74, the 4th pictures start to carry out Scale in the stipulated time and reduce animation, and show the text description corresponding with it;
If S75 shows playing animation again, then re-execute step S71-S74, otherwise, terminate.
Further, step S8 page turning is to the 3rd page of page turning container, and it is as follows that execution picture postpones to fly into animation detailed process:
S81, ImageView4 start to fly into the assigned address in the 3rd animation viewing area, when ImageView4 animation is finished, wait for 0.3 second;
S82, ImageView5 start to fly into the assigned address in the 3rd animation viewing area, when ImageView5 animation is finished, wait for 0.3 second;
S83, ImageView6 start to fly into the assigned address in the 3rd animation viewing area, when ImageView6 animation is finished, terminate.
Further, step S9 page turning, to the 4th page of page turning container, performs map brushing segmentation contrast effect animation detailed process as follows:
S91, the width of segmentation container View is become 640 by 0 in official hour, the ImageView8 now in View shows completely and covers ImageView7;
S92, again the width of segmentation container View is become 320 by 640 in official hour, the ImageView8 visible range now in View is half and is presented at the left side, and ImageView7 visible range is also half and shows the right.
Adopt the beneficial effect of the technical program:
By realizing four kinds of parallax animations, carry out Combination application in user behavior guides, make whole behavioral guidance process more compact neat, decrease too much word to guide, user is enhanced to the impression guided by animation, and do not have the problem that video guides load time length, adopt behavioral guidance method of the present invention can pass on clearer and more definite information to user, experience more attractive, user is allowed to feel more interesting when experiencing, notice is more concentrated, and user can be allowed to experience the vigor applied and bring very intuitively, user is allowed to feel to apply more closeness to life, user is made to produce affectional contact to product, increase product viscosity.
Accompanying drawing explanation
Fig. 1 is overall flow schematic diagram of the present invention;
Fig. 2 is the schematic flow sheet performing unlimited automatic cycle animation;
Fig. 3 is the schematic flow sheet performing picture playing displaying animation;
Fig. 4 performs the schematic flow sheet that picture delay flies into animation;
Fig. 5 is the schematic flow sheet performing map brushing segmentation contrast effect animation.
Embodiment
For a better understanding of the present invention, below in conjunction with accompanying drawing, the present invention is further elaborated.
As shown in Figure 1, a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax, comprise the following steps:
The page turning container of S1, preparation one assembling animation.
This page turning container is ScrollView, in order to ensure that page turning container can assemble all animations, page turning container has four pages at least, and every page can be carried out left and right and switch, and the size of every page equals the viewing area size of application, often translates into the animation that one page will perform current page.
S2, unlimited automatic cycle animation is seated in the first page of page turning container, detailed process is as follows:
S21, the position that the first page of page turning container sets the first animation viewing area and size.
Set the first position, animation viewing area size in the present embodiment as (0,0,640,640), wherein the first two number represents coordinate x and y, and coordinate position is the starting point coordinate relative to current page, and latter two number represents wide width and high height; Place on default setting page turning container first page outside the first animation viewing area is sightless, is namely that this picture is sightless if there is picture to be placed in outside the first animation viewing area.
S22, setting picture container ImageView1 and ImageView2 also put into the first animation viewing area, and ImageView2 acquiescence is presented at ImageView1 bottommost.
What these two picture container loaded display is same container, and the height of ImageView1 with ImageView2 is the same with the height of the first animation viewing area.
S3, picture playing is shown that animation is seated in the second page of page turning container, detailed process is as follows:
S31, the position that the second page of page turning container sets the second animation viewing area and size.
Set the second position, animation viewing area size in the present embodiment as (0,0,640,640), wherein the first two number represents coordinate x and y, and coordinate position is the starting point coordinate relative to current page, and latter two number represents wide width and high height; Place on default setting page turning container second page outside the second animation viewing area is sightless, is namely that this picture is sightless if there is picture to be placed in outside the second animation viewing area.
S32, a setting picture container ImageView3 also put into the second animation viewing area this container;
S33, prepare four pictures and caption text description corresponding to four pictures, and sequence successively, give tacit consent to the first pictures and the text description corresponding with it to add being shown in ImageView3.
S4, by picture postpone fly into the 3rd page that animation is seated in page turning container, detailed process is as follows:
S41, the position that the 3rd page of page turning container sets the 3rd animation viewing area and size, and background picture is arranged to the 3rd animation viewing area.
Set the 3rd position, animation viewing area size in the present embodiment as (0,0,640,640), wherein the first two number represents coordinate x and y, and coordinate position is the starting point coordinate relative to current page, and latter two number represents wide width and high height; Place outside the upper 3rd animation viewing area of the 3rd page, default setting page turning container is sightless, is namely that this picture is sightless if there is picture to be placed in outside the 3rd animation viewing area.
S42, preparation three picture container ImageView4, ImageView5, ImageView6, place a pictures, and these three picture container be placed on outside the 3rd animation viewing area on the 3rd page, page turning container in each picture container.
S5, map brushing is split the 4th page that contrast effect animation is seated in page turning container, detailed process is as follows:
S51, the position that the 4th page of page turning container sets the 4th animation viewing area and size are as (0,0,640,640), wherein the first two number is horizontal ordinate x and ordinate y respectively, and coordinate position is the starting point coordinate relative to current page, and latter two number is wide width and high height respectively.
Place outside the upper 4th animation viewing area of the 4th page, default setting page turning container is sightless, is namely that this picture is sightless if there is picture to be placed in outside the 4th animation viewing area.
S52, a preparation picture container ImageView7, put it into the 4th animation viewing area, and former figure is put in this picture container, the position of this picture container of default setting and size are (0,0,640,640); Prepare design sketch container ImageView8, and the design sketch of contrast is put in ImageView8, the position of default setting ImageView8 and size are also (0,0,640,640); Prepare a segmentation container View, and ImageView8 is put in View, View puts into the 4th animation viewing area, the position of default setting segmentation container View and size (0,0,0,640), the width now given tacit consent to due to View is 0, so the ImageView8 inside segmentation container View is sightless.
S6, page turning are to the first page of page turning container, and perform unlimited automatic cycle animation, as shown in Figure 2, detailed process is as follows:
S61, picture container ImageView1 start to scroll up;
S62, picture container ImageView2 follow picture container ImageView1 and scroll up together;
If S63 picture container ImageView1 complete rolling goes out the first animation viewing area, then enter next step, otherwise continue to perform previous step;
The bottom of S64, mobile picture container ImageView1 to picture container ImageView2;
S65, picture container ImageView1 follow picture container ImageView2 and scroll up together;
If S66 picture container ImageView2 complete rolling goes out the first animation viewing area, then enter next step, otherwise continue to perform previous step;
The bottom of S67, mobile picture container ImageView2 to picture container ImageView1;
S68, re-execute step S61-S67.
In whole process, be cycled to repeat the picture that alternately rolling two is identical always, allow people feel to only have a pictures in rolling, strengthen parallax and dare.Outside animation, need placement title, be allow user what do in order to express the content of this animated steering simultaneously.
S7, page turning are to the second page of page turning container, and perform picture playing and show animation, as shown in Figure 3, detailed process is as follows:
S71, the first pictures start to carry out Scale in the stipulated time and amplify animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the second pictures; Be be amplified to 1.5 times by normal 1.0 times when amplifying animation in this enforcement, and the descriptive text of picture launch from the left side to fly into animation.
S72, the second pictures start to carry out Scale in the stipulated time and reduce animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the 3rd pictures; Be be contracted to normal 1.0 times by 1.5 times when reducing animation in the present embodiment, and the descriptive text of picture launch from the left side to fly into animation.
S73, the 3rd pictures start to carry out Scale in the stipulated time and amplify animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the 4th pictures; Be be amplified to 1.5 times by normal 1.0 times when amplifying animation in this enforcement, and the descriptive text of picture launch from the left side to fly into animation.
S74, the 4th pictures start to carry out Scale in the stipulated time and reduce animation, and show the text description corresponding with it; Be be contracted to normal 1.0 times by 1.5 times when reducing animation in the present embodiment, and the descriptive text of picture launch from the left side to fly into animation.
If S75 shows playing animation again, then re-execute step S71-S74, otherwise, terminate.
Replace picture successively in whole process, and the animation contrary with a upper pictures is carried out to new picture of replacing, show the picture character that photo current is corresponding, until the animation of all pictures is complete simultaneously; Can allow like this user more direct feel to parallax effect.Outside animation, need the title of a placement animation, be allow user what do in order to express the content of this animated steering simultaneously.
S8, page turning are to the 3rd page of page turning container, and perform picture and postpone to fly into animation, as shown in Figure 4, detailed process is as follows:
S81, ImageView4 start to fly into the assigned address in the 3rd animation viewing area, when ImageView4 animation is finished, wait for 0.3 second; In the present embodiment, ImageView4 is the assigned address flown into left from the right of the 3rd page, page turning container in the 3rd animation viewing area.
S82, ImageView5 start to fly into the assigned address in the 3rd animation viewing area, when ImageView5 animation is finished, wait for 0.3 second; In the present embodiment, ImageView5 is the assigned address flown into left from the right of the 3rd page, page turning container in the 3rd animation viewing area.
S83, ImageView6 start to fly into the assigned address in the 3rd animation viewing area, when ImageView6 animation is finished, terminate; In the present embodiment, ImageView6 is the assigned address flown into left from the right of the 3rd page, page turning container in the 3rd animation viewing area.
In this process, because the delay that there is picture flies into, can allow user more direct feel to parallax effect.Outside animation, need the title of a placement animation, be allow user what do in order to express the content of this animated steering simultaneously.
S9, page turning are to the 4th page of page turning container, and perform map brushing segmentation contrast effect animation, as shown in Figure 5, detailed process is as follows:
S91, the width of segmentation container View is become 640 by 0 in official hour, the ImageView8 now in View shows completely and covers ImageView7;
S92, again the width of segmentation container View is become 320 by 640 in official hour, the ImageView8 visible range now in View is half and is presented at the left side, and ImageView7 visible range is also half and shows the right.
Become in the process of 640 by 0 at the width of segmentation container View in official hour, whole animation sensation gets on to from left to right former figure brush one deck special efficacy just as a brush; And after the width of segmentation container View becomes 320 by 640 in official hour, ImageView8 visible range is half and is presented at the left side, ImageView7 visible range is also half and shows the right, i.e. left side display effect figure, the former figure of the right display, in the middle of design sketch and former figure, have an obvious cut-off rule, allow design sketch and former figure have obvious contrast, can allow like this user more direct feel to parallax effect.Outside animation, need the title of a placement animation, be allow user what do in order to express the content of this animated steering simultaneously.
By realizing four kinds of parallax animations, carry out Combination application in user behavior guides, make whole behavioral guidance process more compact neat, decrease too much word to guide, user is enhanced to the impression guided by animation, and do not have the problem that video guides load time length, adopt behavioral guidance method of the present invention can pass on clearer and more definite information to user, experience more attractive, user is allowed to feel more interesting when experiencing, notice is more concentrated, and user can be allowed to experience the vigor applied and bring very intuitively, user is allowed to feel to apply more closeness to life, user is made to produce affectional contact to product, increase product viscosity.
Those of ordinary skill in the art will appreciate that, embodiment described here is to help reader understanding's principle of the present invention, should be understood to that protection scope of the present invention is not limited to so special statement and embodiment.Those of ordinary skill in the art can make various other various concrete distortion and combination of not departing from essence of the present invention according to these technology enlightenment disclosed by the invention, and these distortion and combination are still in protection scope of the present invention.
Claims (10)
1., to realize the method that user behavior guides based on the combined animation of principle of parallax, it is characterized in that: comprise the following steps:
The page turning container of S1, preparation one assembling animation;
S2, unlimited automatic cycle animation is seated in the first page of page turning container;
S3, picture playing is shown that animation is seated in the second page of page turning container;
S4, by picture postpone fly into the 3rd page that animation is seated in page turning container;
S5, map brushing is split the 4th page that contrast effect animation is seated in page turning container;
S6, page turning, to the first page of page turning container, perform unlimited automatic cycle animation;
S7, page turning, to the second page of page turning container, perform picture playing and show animation;
S8, page turning, to the 3rd page of page turning container, perform picture and postpone to fly into animation;
S9, page turning, to the 4th page of page turning container, perform map brushing segmentation contrast effect animation.
2. according to claim 1 a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax, it is characterized in that: described page turning container has four pages at least, every page can be carried out left and right and switch, and the size of every page equals the viewing area size of application, often translates into the animation that one page will perform current page.
3. according to claim 2 a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax, it is characterized in that: the process in step S2, unlimited automatic cycle animation being seated in the first page of page turning container is as follows:
S21, the position that the first page of page turning container sets the first animation viewing area and size;
S22, setting picture container ImageView1 and ImageView2 also put into the first animation viewing area, and ImageView2 acquiescence is presented at ImageView1 bottommost.
4. according to claim 3 a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax, it is characterized in that: in step S3, picture playing is shown that animation is seated in the process of the second page of page turning container as follows:
S31, the position that the second page of page turning container sets the second animation viewing area and size;
S32, a setting picture container ImageView3 also put into the second animation viewing area this container;
S33, prepare four pictures and caption text description corresponding to four pictures, and sequence successively, give tacit consent to the first pictures and the text description corresponding with it to add being shown in ImageView3.
5. according to claim 4 a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax, it is characterized in that: in step S4 postponing picture to fly into animation, to be seated in the process of the 3rd page of page turning container as follows:
S41, the position that the 3rd page of page turning container sets the 3rd animation viewing area and size, and background picture is arranged to the 3rd animation viewing area;
S42, preparation three picture container ImageView4, ImageView5, ImageView6, place a pictures, and these three picture container be placed on outside the 3rd animation viewing area on the 3rd page, page turning container in each picture container.
6. according to claim 5 a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax, it is characterized in that: in step S5, map brushing being split contrast effect animation, to be seated in the process of the 4th page of page turning container as follows:
S51, the position that the 4th page of page turning container sets the 4th animation viewing area and size are as (0,0,640,640), wherein the first two number is horizontal ordinate x and ordinate y respectively, and coordinate position is the starting point coordinate relative to current page, and latter two number is wide width and high height respectively;
S52, a preparation picture container ImageView7, put it into the 4th animation viewing area, and former figure is put in this picture container, the position of this picture container of default setting and size are (0,0,640,640); Prepare design sketch container ImageView8, and the design sketch of contrast is put in ImageView8, the position of default setting ImageView8 and size are also (0,0,640,640); Prepare a segmentation container View, and ImageView8 is put in View, View puts into the 4th animation viewing area, the position of default setting segmentation container View and size (0,0,0,640), the width now given tacit consent to due to View is 0, so the ImageView8 inside segmentation container View is sightless.
7. arbitrary described a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax according to claim 3-6, it is characterized in that: in step S6, page turning is to the first page of page turning container, perform unlimited automatic cycle animation detailed process as follows:
S61, picture container ImageView1 start to scroll up;
S62, picture container ImageView2 follow picture container ImageView1 and scroll up together;
If S63 picture container ImageView1 complete rolling goes out the first animation viewing area, then enter next step, otherwise continue to perform previous step;
The bottom of S64, mobile picture container ImageView1 to picture container ImageView2;
S65, picture container ImageView1 follow picture container ImageView2 and scroll up together;
If S66 picture container ImageView2 complete rolling goes out the first animation viewing area, then enter next step, otherwise continue to perform previous step;
The bottom of S67, mobile picture container ImageView2 to picture container ImageView1;
S68, execution step S63.
8. arbitrary described a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax according to claim 4-6, it is characterized in that: step S7 page turning is to the second page of page turning container, and the detailed process performing picture playing displaying animation is as follows:
S71, the first pictures start to carry out Scale in the stipulated time and amplify animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the second pictures;
S72, the second pictures start to carry out Scale in the stipulated time and reduce animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the 3rd pictures;
S73, the 3rd pictures start to carry out Scale in the stipulated time and amplify animation, and show the text description corresponding with it, and after completing, ImageView3 switches to the 4th pictures;
S74, the 4th pictures start to carry out Scale in the stipulated time and reduce animation, and show the text description corresponding with it;
If S75 shows playing animation again, then re-execute step S71-S74, otherwise, terminate.
9. arbitrary described a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax according to claim 5-6, it is characterized in that: step S8 page turning is to the 3rd page of page turning container, and performing picture delay, to fly into animation detailed process as follows:
S81, ImageView4 start to fly into the assigned address in the 3rd animation viewing area, when ImageView4 animation is finished, wait for 0.3 second;
S82, ImageView5 start to fly into the assigned address in the 3rd animation viewing area, when ImageView5 animation is finished, wait for 0.3 second;
S83, ImageView6 start to fly into the assigned address in the 3rd animation viewing area, when ImageView6 animation is finished, terminate.
10. arbitrary described a kind of to realize the method that user behavior guides based on the combined animation of principle of parallax according to claim 6, it is characterized in that: step S9 page turning is to the 4th page of page turning container, and performing map brushing, to split contrast effect animation detailed process as follows:
S91, the width of segmentation container View is become 640 by 0 in official hour, the ImageView8 now in View shows completely and covers ImageView7;
S92, again the width of segmentation container View is become 320 by 640 in official hour, the ImageView8 visible range now in View is half and is presented at the left side, and ImageView7 visible range is also half and shows the right.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510205516.4A CN104821004B (en) | 2015-04-28 | 2015-04-28 | A kind of method that user behavior guiding is realized with the combined animation based on principle of parallax |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510205516.4A CN104821004B (en) | 2015-04-28 | 2015-04-28 | A kind of method that user behavior guiding is realized with the combined animation based on principle of parallax |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104821004A true CN104821004A (en) | 2015-08-05 |
| CN104821004B CN104821004B (en) | 2018-06-05 |
Family
ID=53731288
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510205516.4A Active CN104821004B (en) | 2015-04-28 | 2015-04-28 | A kind of method that user behavior guiding is realized with the combined animation based on principle of parallax |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104821004B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108074273A (en) * | 2018-01-31 | 2018-05-25 | 成都睿码科技有限责任公司 | A kind of animation interactive mode for promoting user experience |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6396500B1 (en) * | 1999-03-18 | 2002-05-28 | Microsoft Corporation | Method and system for generating and displaying a slide show with animations and transitions in a browser |
| US6924803B1 (en) * | 2000-05-18 | 2005-08-02 | Vulcan Portals, Inc. | Methods and systems for a character motion animation tool |
| CN101192129A (en) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | Table top background control method, device and system |
| CN102724434A (en) * | 2011-05-05 | 2012-10-10 | 新奥特（北京）视频技术有限公司 | Realization method for image-text animation on rolling screen |
-
2015
- 2015-04-28 CN CN201510205516.4A patent/CN104821004B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6396500B1 (en) * | 1999-03-18 | 2002-05-28 | Microsoft Corporation | Method and system for generating and displaying a slide show with animations and transitions in a browser |
| US6924803B1 (en) * | 2000-05-18 | 2005-08-02 | Vulcan Portals, Inc. | Methods and systems for a character motion animation tool |
| CN101192129A (en) * | 2006-11-30 | 2008-06-04 | 重庆优腾信息技术有限公司 | Table top background control method, device and system |
| CN102724434A (en) * | 2011-05-05 | 2012-10-10 | 新奥特（北京）视频技术有限公司 | Realization method for image-text animation on rolling screen |
Non-Patent Citations (1)
| Title |
|---|
| KENSHIN CUI: "iOS开发系列--无限循环的图片浏览器", 《URL:HTTP://WWW.CNBLOGS.COM/KENSHINCUI/P/3913885.HTML》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108074273A (en) * | 2018-01-31 | 2018-05-25 | 成都睿码科技有限责任公司 | A kind of animation interactive mode for promoting user experience |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104821004B (en) | 2018-06-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Solis | The end of business as usual: Rewire the way you work to succeed in the consumer revolution | |
| Schroeder | Snapshot aesthetics and the strategic imagination | |
| CN105847995A (en) | Method for video position jumping via bullet screen anchor points | |
| Villar | Community engagement and co-creation of strategic health and environmental communication: collaborative storytelling and game-building | |
| Zhou et al. | Application and innovation of digital media technology in visual design | |
| CN104821004A (en) | Method for realizing user behavior guidance through parallax principle-based combined animations | |
| Werner | Deploying delivery as critical method: Neo-burlesque’s embodied rhetoric | |
| Caldwell et al. | Editorial design | |
| Nielsen | Acting as Someone Like Me–personas in participatory innovation | |
| Mukherjee | Somewhere between Human, Nonhuman, and Woman: Shanta Apte's Theory of Exhaustion | |
| Kuling et al. | Digital performance in canada | |
| Reyes | MULTICULTURAL BILDUNGSROMAN | |
| Williams et al. | Articulating software requirements comic book style | |
| Maddox et al. | From the ashes of ubiquity: Selfie culture as a new communication frontier | |
| Shaw | Motion Graphics in Branding: Creating a conceptual brand identity that utilises motion graphics. | |
| Borkiewicz | Polandball: Memes and Graphic Novels as Public History | |
| Worth et al. | Genius in a Box | |
| Bolin | Generational analysis & mediatized social change | |
| Wang et al. | Pedagogical Discussion on the Application of Role Immersion in Interior Design Teaching | |
| CN116431858A (en) | Information display method, device, computer equipment and storage medium | |
| Johnson | How Sight Becomes Subject: Cultural Image Design in the Age of Digital Rhetoric | |
| Dan | An analysis of cross-cultural communication of Chinese documentaries in the context of “The Belt and Road” | |
| Ellis | Minds in the Gutter | |
| Curulla et al. | " The Lens of Now": Interview with Lucie Tiberghien, Founding Artistic Director of Molière in the Park | |
| Barber | Hybrid Practices: Art in Collaboration with Science and Technology in the Long 1960s ed. by David Cateforis, Steven Duval, and Shepherd Steiner |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| EXSB | Decision made by sipo to initiate substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP02 | Change in the address of a patent holder | ||
| CP02 | Change in the address of a patent holder |
Address after: 610041 the 13 floor of No. 1 middle Tianfu Avenue, No. 1268, high-tech zone, Chengdu, Sichuan. Patentee after: Chengdu PinGuo Digital Entertainment Ltd. Address before: 610041 No. 216 South City Road, Chengdu hi tech Zone, Sichuan Patentee before: Chengdu PinGuo Digital Entertainment Ltd. |