search

CUTR-at-USF / OpenTripPlanner-for-Android

An Android app for multi-modal trip planning and navigation using any OpenTripPlanner server.
Other
130 stars 91 forks source link

UI enhancements for Material Design #449

Open vreixo opened 9 years ago

vreixo commented 9 years ago

Would be great to come up with a redesign to integrate options menu and target new API levels.

Now we are using an old version because of the compatibility overflow button to show on devices with on screen buttons.

vreixo commented 9 years ago

The options that I see are to make a more complex panel on top with a settings button or to add a sliding menu on the right.

I think that I prefer to preserve actual mode selector instead of the tipical drawer meanwhile the app does not have more functions or screens.

barbeau commented 9 years ago

@vreixo I've thought about this too, and I'm not sure I have a good solution for the options menu that is better than leaving it where it currently is. One option would be to make the mode selector panel scrollable and put the options in the panel below the mode selector. Google Maps uses a similar concept.

vreixo commented 9 years ago

@barbeau I had thought on that possibility too and I actually think that might be the best approach for now, I'll give it a try and see how it fits because I really would like to target new API levels.

vreixo commented 9 years ago

I'm testing some new designs and playing around with new L features :-)

I'll also want to change the custom buttons that we have now and use proper drop down shades and elevation features.

screenshot_2014-09-22-21-48-30

screenshot_2014-09-22-21-48-21

vreixo commented 9 years ago

I have replaced the ListView by radio buttons, because it causes many problems to have one scrollable component inside of another. Also didn't make so much sense because the adapter was manually filled.

Accent color is our orange from the logo and title bar is darker but on the same color range. I think that goes well alongside the logo on app miniature when changing in between apps.

screenshot_2014-09-22-21-48-06

barbeau commented 9 years ago

:+1: Looks good to me!

barbeau commented 9 years ago

As part of this we can update to new material icons set, which includes official icons for bus, train, bike, etc. As listed here: https://google.github.io/material-design-icons/

We can generate the icons as specific colors using: http://romannurik.github.io/AndroidAssetStudio/icons-generic.html#source.space.trim=1&source.space.pad=0&size=24&padding=8&color=33b5e5%2C100&name=ic_example

Or, we can generate black icons and color them programmitically - see OBA Android navigation drawer: https://github.com/OneBusAway/onebusaway-android/blob/develop/onebusaway-android/src/main/java/org/onebusaway/android/ui/NavigationDrawerFragment.java#L488

vreixo commented 9 years ago

Wow, would be a great enhancement :-).

Btw I plan to upload the updated look version that I have previously commented, now on Christmas. With the new work I didn't have any time yet to do it, but will be soon because it's almost finished I just need to check that everything works and make the commits.

Another thing will we to check the problems with Coruña server, because it crashes all the time. I start the standalone grizzly server and, every time, a few hours later, it's gone. El 20/12/2014 18:01, "Sean Barbeau" notifications@github.com escribió:

As part of this we can update to new material icons set, which includes more icons for bus, train, bike, etc. As listed here: https://google.github.io/material-design-icons/

We can generate the icons as specific colors using:

http://romannurik.github.io/AndroidAssetStudio/icons-generic.html#source.space.trim=1&source.space.pad=0&size=24&padding=8&color=33b5e5%2C100&name=ic_example

Or, We can generate black icons and color them programmitically - see OBA Androif navigation

— Reply to this email directly or view it on GitHub https://github.com/CUTR-at-USF/OpenTripPlanner-for-Android/issues/449#issuecomment-67742056 .

barbeau commented 9 years ago

That would be great! On Dec 20, 2014 12:14 PM, "Vreixo González Caneda" notifications@github.com wrote:

Wow, would be a great enhancement :-).

Btw I plan to upload the updated look version that I have previously commented, now on Christmas. With the new work I didn't have any time yet to do it, but will be soon because it's almost finished I just need to check that everything works and make the commits.

Another thing will we to check the problems with Coruña server, because it crashes all the time. I start the standalone grizzly server and, every time, a few hours later, it's gone. El 20/12/2014 18:01, "Sean Barbeau" notifications@github.com escribió:

As part of this we can update to new material icons set, which includes more icons for bus, train, bike, etc. As listed here: https://google.github.io/material-design-icons/

We can generate the icons as specific colors using:

http://romannurik.github.io/AndroidAssetStudio/icons-generic.html#source.space.trim=1&source.space.pad=0&size=24&padding=8&color=33b5e5%2C100&name=ic_example

Or, We can generate black icons and color them programmitically - see OBA Androif navigation

— Reply to this email directly or view it on GitHub < https://github.com/CUTR-at-USF/OpenTripPlanner-for-Android/issues/449#issuecomment-67742056>

.

— Reply to this email directly or view it on GitHub https://github.com/CUTR-at-USF/OpenTripPlanner-for-Android/issues/449#issuecomment-67742446 .