Life of Apps

Moving to Material Design: Changing the Navigation Bar Color and Other Changes

I decided to change the navigation bar color to make it blend with the rest of the application. Instead of the default black, I have given it a shade of gray. The status bar can also be themed in a similar way to give your application a unique look and branding.

Main screen with the default navigation bar (left) and with the themed navigation bar (right)

Main-after     main screen with navbar colored

I also decided to update other parts of the application that were not really related to Material Design. The annoying and archaic style validation of fields using dialog boxes was replaced with a more subtle text field red underline and an error hint.
   if(thing.trim().length()<=0 && !saveState)
thingField.setError("Thing name is mandatory");
return null;

The screen with the dialog on left and with the new text field error on the right.

Thing name check old      Thing name check textfield

Price check old     Price check textfield

I also added a thumbnail to the add/edit page to show the pic selected or clicked.

Add-After     Add Screen Thumbnail


Visit for apps developed by Danesh

No comments :

Post a Comment

Leave a Comment...