OpenTripPlanner-for-Android icon indicating copy to clipboard operation
OpenTripPlanner-for-Android copied to clipboard

UI enhancements for Material Design

Open vreixo opened this issue 10 years ago • 9 comments

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 avatar Sep 21 '14 19:09 vreixo

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.

vreixo avatar Sep 21 '14 19:09 vreixo

@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.

barbeau avatar Sep 22 '14 14:09 barbeau

@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 avatar Sep 22 '14 16:09 vreixo

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 avatar Sep 23 '14 20:09 vreixo

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

vreixo avatar Sep 23 '14 20:09 vreixo

:+1: Looks good to me!

barbeau avatar Sep 29 '14 14:09 barbeau

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

barbeau avatar Dec 20 '14 17:12 barbeau

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" [email protected] 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 .

vreixo avatar Dec 20 '14 17:12 vreixo

That would be great! On Dec 20, 2014 12:14 PM, "Vreixo González Caneda" [email protected] 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" [email protected] 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 .

barbeau avatar Dec 20 '14 17:12 barbeau