Skip to content

Commit 29b995d

Browse files
committed
add gif showing result data applied to second page
1 parent 14d5406 commit 29b995d

File tree

12 files changed

+17
-3
lines changed

12 files changed

+17
-3
lines changed

README.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
![feature graphic](artwork/feature.gif)
1+
<p align="center">
2+
<img src="artwork/feature.gif">
3+
</p>
24

35
# Android Floating Tutorial Activity
46

@@ -97,6 +99,10 @@ If you would rather animate the `View` every time the page is shown, you could o
9799

98100
### Providing results from the individual pages, or the entire tutorial
99101

102+
<p align="center">
103+
<img src="artwork/result_data.gif">
104+
</p>
105+
100106
Sometimes, you may need to have some state in your tutorial. If you are using the tutorial to log in a user, for example, you will probably need the calling `Activity` to know if the login was successful or not.
101107

102108
For an example of how to provide an `Activity` result from your `TutorialPage`, please see the [SelectionDialogExample](sample-kotlin/src/main/java/xyz/klinker/floating_tutorial/examples/SelectionDialogExample.kt).

README_JAVA.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
![feature graphic](artwork/feature.gif)
1+
<p align="center">
2+
<img src="artwork/feature.gif">
3+
</p>
24

35
# Android Floating Tutorial Activity
46

@@ -65,7 +67,9 @@ Any other customization you want can come directly from your layout file. My exa
6567

6668
### Animating the layouts
6769

68-
![animation](artwork/animation.gif)
70+
<p align="center">
71+
<img src="artwork/animation.gif">
72+
</p>
6973

7074
In my examples, as well as my own usage of this library, I like to provide subtle animations the first time that a user views a `TutorialPage`. If they were to go backwards in the tutorial, then return to a page for a second time, I do not show the animation again. If you would like to animate your pages in this way, you can override the `TutorialPage#animateLayout` function.
7175

@@ -88,6 +92,10 @@ If you would rather animate the `View` every time the page is shown, you could o
8892

8993
### Providing results from the individual pages, or the entire tutorial
9094

95+
<p align="center">
96+
<img src="artwork/result_data.gif">
97+
</p>
98+
9199
Sometimes, you may need to have some state in your tutorial. If you are using the tutorial to log in a user, for example, you will probably need the calling `Activity` to know if the login was successful or not.
92100

93101
For an example of how to provide an `Activity` result from your `TutorialPage`, please see the [SelectionDialogExample](sample-java/src/main/java/xyz/klinker/floating_tutorial/examples/SelectionDialogExample.java).

artwork/animation.mp4

-2.08 MB
Binary file not shown.

artwork/pulse-purchase.gif

-317 KB
Binary file not shown.

artwork/result_data.gif

1.04 MB
Loading

artwork/sample.png

-422 KB
Binary file not shown.

0 commit comments

Comments
 (0)