Slides for the talk on Crouton at the 2012 Berlin DevFest. The whole talk also is available as a video here: http://vimeo.com/51356663

1. Crouton
Context sensitive notifications for Android

2. Benjamin Weiss
http://gplus.to/keyboardsurfer
Twitter: @keyboardsurfer
Senior Software Developer
at ImmobilienScout24
Organizer: GDG Android in Berlin
Co-Organizer:
●Global Android Dev Camp
●GTUG Community Weekend
●Google I/O Extended Berlin 2012
●DevFest Berlin 2012

3. Agenda
● What is a Crouton?
● Problems with Toast
● What does a Crouton look like?
● Usage
● Getting started
● Sources

4. What is a Crouton
"A crouton is a piece of sautéed or rebaked
bread, often cubed and seasoned, that is used
to add texture and flavor to salads [...] as an
accompaniment to soups, or eaten as a snack
food.
The word crouton is derived from the French
[...] meaning "crust"." [1]

5. Now what has it to do with Android?
A Crouton is made of bread,
like a Toast.

6. Now what has it to do with Android?
Context aware alternative to
Android's Toast

7. Problems with Toast
● Toast is not context aware

8. Problems with Toast
● Toast is not context aware

9. Problems with Toast
● Toast is not context aware
● Styling Toasts

10. Problems with Toast
● Toast is not context aware
● Styling Toasts

11. What does a Crouton look like?
Any way you want

12. What does a Crouton look like?
There are three predefined styles:
Style.INFO
Style.CONFIRM
Style.ALERT

13. What does a Crouton look like?
There are three predefined styles:
Style.INFO

14. What does a Crouton look like?
There are three predefined styles:
Style.INFO
Style.CONFIRM

15. What does a Crouton look like?
There are three predefined styles:
Style.INFO
Style.CONFIRM
Style.ALERT

16. What does a Crouton look like?

17. What does a Crouton look like?
Any way you want
new Style.Builder()
.setDuration(int) //in milliseconds
.setTextColor(int) //resId
.setBackgroundDrawable(Drawable) //background drawable
.setBackgroundColor(int) //resource id
.setTileEnabled(boolean) //whether the image should be tiled
.setHeight(int) // WRAP_CONTENT or MATCH_PARENT
.setImageResource(int) //resId
.setTextShadowRadius(float) //shadow radius
.setGravity(int) //one of the Gravity constants
.setTextAppearance(int) //resId
.setInAnimation(Animation) //in animation
// more options
.build(); //creates the Style

18. Usage within your code
//Crouton with String
Crouton.
makeText(this, "Hello Crouton", Style.INFO).
show();
//Crouton with text resource
Crouton.
makeText(this, R.string.hello, Style.INFO).
show();

19. Usage within your code
//Cancels all pending Croutons
Crouton.cancelAllCroutons();
//Clear all Croutons for an Activity
Crouton.clearCroutonsForActivity();

20. Getting started
# clones Crouton to your machine
git clone git://github.com/keyboardsurfer/Crouton.git
# will install Crouton to your local maven repository
cd library && mvn install
<!--include this in your pom.xml's dependency section-->
<dependency>
<artifactId>crouton</artifactId>
<version>1.4</version>
<groupId>de.keyboardsurfer.android.widget</groupId>
</dependency>

21. Getting started
https://github.com/
keyboardsurfer/Crouton/downloads
https://github.com/downloads/
keyboardsurfer/Crouton/crouton-1.4.jar

22. Demo App

24. https://github.com/keyboardsurfer/Crouton

25. Sources
[1] https://en.wikipedia.org/wiki/Crouton
[2] http://android.cyrilmottier.com/?p=773
[3] https://github.com/keyboardsurfer/Crouton
[4] http://marie-schweiz.de

26. Thank you

27. Questions
Benjamin Weiss
http://gplus.to/keyboardsurfer
Twitter: @keyboardsurfer