RoadTrip

RoadTrip is a sample application for Android that demonstrates how to implement several visual effects:

Animated paths tracing
Black & white to color conversion, used when scrolling a row of image to the left (the first image starts in B&W and turns into colors)
Pinned scrolling, used to create a “stacked cards” effect when scrolling up and down the list
Parallax scrolling, used to scroll the various maps at a different speed than other items
Animated action bar opacity, as seen in Google Music

RoadTrip running on Android 4.4

More detailed explanations can be found online.

Watch a video of the application running on a Moto X/Android 4.4.

How to use this source code

The road-trip project can be opened in Android Studio 1.0 or later. It contains a single module called application in the app/ folder.

The project can be compiled from the command line using Gradle.

The actual source code and resources can be found in app/src/main/. The only dependency is in app/lib/.

This project is subject to the Apache License, Version 2.0.

Other map_*.svg files are derived from _mapusa.svg and subject to the same licenses.

The ic_launcher*.png files are derived from _mapusa.svg and subject to the same licenses.

All other images (.png or .jpg) are copyright Romain Guy and licensed under Creative Commons Attribution-Noncommercial-Share Alike 2.0.

androidsvg-1.2.0 is subject to the Apache License, Version 2.0. More information on the official web site.