Implement Material Design In Test App

[bleege]

See documentation for more details.

[incanus]

Can we break this down any more concretely? Is there a way to do it incrementally?

[bleege]

Yep. The main goal here is to make people aware that we're explicitly going to use Material instead of the previous styles now that Google has improved Backward Compatibility via the Android Design Support Library as of Google IO 2015.

Initial Setup

• Add Android Design Support Library to Gradle via compile 'com.android.support:design:22.2.0'
• Change "Old" Widgets To "New" Widgets
  • ActionBarActivity --> AppCompatActivity

On Going

• Use "New Design Widgets" like FAB and Snackbar instead of old ones.

Bigger Picture

• Intro To Material Design Concepts

[hallahan]

👍 I think this is going to be awesome. I'd also enjoy seeing a little bit of tweaking to give it the Mapbox look and feel.

[ljbade]

Interesting. Gets hard to keep track of all the UI paradigm changes on Android and the various compatibility libraries.

[bleege]

I'm going to start converting the TestGLApp to Material Design based on Chris Banes' Cheesesquare demo project. This will help ensure that the GL SDK, and specifically the MapView work properly in the new design paradigm that Google is promoting as well as what customers will likely expect. It'll also make it easier to add new features for testing to the app by using the Navigation Drawer.

[bleege]

For future comparison, here are screenshots of the current UI.

[erf]

May i suggest implementing a transparent statusbar with a floating toolbar for maximum map view. ( like in google maps)

[bleege]

Initial conversion to Material Design has been completed. It's been tested on Samsung Galaxy S5 running Android 21. All that remains is to refactor the Compass UI from the SDK into the TestApp. The functionality should stay in the SDK as is, but the FAB should be separated because the SDK should not force a design implementation on developers (outside the existing user dot and compass).

[bleege]

Next up is to remove the FAB designed User Location Modes (None, Location, Follow) from the TestApp and place it in the SDK via an API. The Google Maps Android API is a bit unclear about this, so I'm thinking that we mirror the Mapbox Android Raster SDK's TrackingMode API.

[bleege]

Initial refactor to remove FAB UI for location from SDK and replace it with an API. Part of this meant returning the Compass image, which was hidden under the Toolbar in Material Design setup. Thinking this has to do with FrameLayout nature of MapView. Will likely have to redo once follow modes UI is settled. Screenshots below of before and after.

Lollipop Before

Lollipop After

KitKat After

[bleege]

Ticketed out the more responsive User Location Mode work in #2049. Thanks again to @erf for the great head start by building this.

The FAB Shadow has also been merged as of #2047 so all remaining issues for this ticket should be complete now.