“Weekly” update on LS14 App + some tips

Unfortunately, this week’s project-related entry will also be quite a short one. I just wanted to give you a bit of a sneek peek into the project’s design nad some nice tips I gathered since last post. Let’s get straight to it.

The design that didn’t come to be

As you may recall from a post some time ago I’ve created a loose mockup for myself to refer to while designing the app. Because it’s so bad it can get some laughs out of people, here it goes again.

Some of the ideas I had back in the day proved to be not so great now so they got discarded. Some turned out ugly so I scratched them as well. What you will see in a moment is just an example of how it has come to differ. I always fall into the rabbit hole of finding awesome ui libraries that I HAVE TO include in the project and after 10 minutes I find myself playing with reflections to get some button to be a proper color. That is also why I tend to take loads of time to lay out the views of an app. Anyways, here you go, take a look and compare this sample screen (not finished of course :D).

  

Some bits and pieces of helpful info

  • Here’s your weekly dose of beautiful and awesome libraries to take a look at:

Revealator – beautiful view transition animations

FoldingCell – Great alternative to ExpandableCardView

SparkButton – Great effect stolen borrowed from Twitter

  • SquareRelativeLayout – a snippet useful for creation of square grid RecyclerViews

public class SquareRelativeLayout extends RelativeLayout {

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // Set a square layout.
        super.onMeasure(widthMeasureSpec, widthMeasureSpec);
    }

}
  • Create sleek looking TextViews using these xml attributes

    <TextView
        android:id="@+id/text_view_example"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/white"
        android:textSize="@dimen/text_size_title"
        android:textAllCaps="true"
        android:fontFamily="sans-serif-thin"/>
  • Do yourself a favour and memorise this webpage. No more wondering which version of recyclerview support library is the current one or trying to remember the way to import Picasso to your project – Gradle Please!

Leave a comment

Your email address will not be published. Required fields are marked *