Skip to content

Cloning a Login Screen Layout Guide

Jump to bottom
Nathan Esquenazi edited this page Oct 8, 2013 · 32 revisions

Overview

This guide is going to walk us through the step-by-step process of recreating this screenshot in an Android app:

Cutting Assets

First, I will make the downloadable assets available. Keep in mind these were stolen right out of the screenshot and therefore their quality is pretty poor. But it demonstrates the concepts nonetheless. To create the mockup, we need the following assets:

Download those and drag them into the drawable-mdpi folder. Note that in production applications you would multiple sizes of these images for different image densities. We are going to ignore that and provide only medium density for this demo.

Create Project

Generate a new Android project that uses the highlight icon as the launcher icon:

References

Created by CodePath with much help from the community. Contributed content licensed under cc-wiki with attribution required. You are free to remix and reuse, as long as you attribute and use a similar license.

Finding these guides helpful?

We need help from the broader community to improve these guides, add new topics and keep the topics up-to-date. See our contribution guidelines here and our topic issues list for great ways to help out.

Check these same guides through our standalone viewer for a better browsing experience and an improved search. Follow us on twitter @codepath for access to more useful Android development resources.

Clone this wiki locally