Skip to content
This repository has been archived by the owner on May 27, 2024. It is now read-only.
This repository has been archived by the owner on May 27, 2024. It is now read-only.

UI enhancements for Material Design #449

Open
vreixo opened this issue Sep 21, 2014 · 9 comments
Open

UI enhancements for Material Design #449

vreixo opened this issue Sep 21, 2014 · 9 comments

Comments

@vreixo
Copy link
Contributor

vreixo commented Sep 21, 2014

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
Copy link
Contributor Author

vreixo commented Sep 21, 2014

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
Copy link
Member

barbeau commented Sep 22, 2014

@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
Copy link
Contributor Author

vreixo commented Sep 22, 2014

@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
Copy link
Contributor Author

vreixo commented Sep 23, 2014

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
Copy link
Contributor Author

vreixo commented Sep 23, 2014

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
Copy link
Member

barbeau commented Sep 29, 2014

👍 Looks good to me!

@barbeau barbeau changed the title Target new API levels UI enhancements for new API levels Sep 30, 2014
@barbeau
Copy link
Member

barbeau commented Dec 20, 2014

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
Copy link
Contributor Author

vreixo commented Dec 20, 2014

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
#449 (comment)
.

@barbeau
Copy link
Member

barbeau commented Dec 20, 2014

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
#449 (comment)
.

vreixo added a commit to vreixo/OpenTripPlanner-for-Android that referenced this issue Dec 23, 2014
…sing new API options and removing options-button menu.
@barbeau barbeau changed the title UI enhancements for new API levels UI enhancements for Material Design Mar 5, 2015
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants