Posts

Showing posts with the label GUI

GUI like Evernote Menu

Image
In previous post I tried to make a GUI like Google Keep . In this post I tried to clone Evernote Menu layout. As always,do not take this code too seriously, it is just an example. We start with ActionBar. With Android Action Bar Style Generator (by Jeff Gilfelt) we choose a background and generate our zip code. We take only the part that interests us and integrate it. For our Activity we choose a RelativeLayout , and we put it under ActionBar. Then we start with first component. We put a ScrollWiew . .............. Inside the scrollView we put a LinearLayout that will contain all components. The first box will contain Account info. We use a LinearLayout with a ImageView and a TextView. .... Then we put a divider, a box with 2x2 buttons and another divider. We can do it in many ways, with a GridView for example. I choose to use this lay...

GUI like Google Keep

Image
Google Keep has a very nice UI. First of all, I'm not a designer, but tonight I enjoyed trying to clone it. Do not take this code too seriously, it is just an example. We start with ActionBar. Window and ActionBar have same background color. With Android Action Bar Style Generator (by Jeff Gilfelt) we choose a background and generate our zip code. We take only the part that interests us and integrate it. For our Activity we choose a RelativeLayout, and we put it under ActionBar. Then we try to draw first box with title and icons. We choose a FrameLayout and we adjust margins. We want a white rectangle with a light bottom shadow. We can do it with a 9 patch image. In this case I choose a xml file with a layer-list. Then we fill the box with title, a divider and 4 images. ...