Android ui Design Tutorial - How I designed Instagram Layout (2020)
Channel: AniX TV
Date: 2020-04-09

How to design the Instagram layout for beautiful User-Interface design in Android Studio using pure XML without any software design.

The Layout Editor enables you to quickly build layouts by dragging UI elements into a visual design editor instead of writing layout XML by hand. The design editor can preview your layout on different Android devices and versions, and you can dynamically resize the layout to be sure it works well on different screen sizes.

Using Android's XML vocabulary, you can quickly design UI layouts and the screen elements they contain, in the same way you create web pages in HTML — with a series of nested elements.

After you've declared your layout in XML, save the file with the .xml extension, in your Android project's res/layout/ directory, so it will properly compile.

Every View and ViewGroup object supports their own variety of XML attributes. Some attributes are specific to a View object (for example, TextView supports the textSize attribute), but these attributes are also inherited by any View objects that may extend this class. Some are common to all View objects, because they are inherited from the root View class (like the id attribute). And, other attributes are considered "layout parameters," which are attributes that describe certain layout orientations of the View object, as defined by that object's parent ViewGroup object.

A View is considered as a basic building block for a proper user interface that is actually created from the View class. This occupies a rectangular area on the screen and is eventually takes care of drawing and event handling.

A View is the base class for widgets, which are used to create interactive UI components like buttons, text fields, etc. Now talking about the rectangle area or a box, It can either be an image, a piece of text, a button or anything that an android application can display. The rectangle here is actually invisible, but every view occupies a rectangle shape.

You might have a question, what can be the size of this rectangle?

The answer is you can either set it manually by specifying the exact size(with proper units) or by using some predefined values. These predefined values are match_parentand wrap_content.  This match_parent signifies that it will occupy the complete space available on the display of the device. Whereas, wrap_content refers that it will occupy only that much space as required for its content to display.

----------------------------------------------------------------------------------------------
Follow me on Facebook : https://tinyurl.com/swzsqy9

Follow me on Twitter : https://tinyurl.com/wx5kbkm

Follow me on Instagram : https://tinyurl.com/wvg28qr

----------------------------------------------------------------------------------------------

Boring Tags:android layout design tutorial,android layout,android layout design,android layout design tutorial android studio,android layout design example,android layout design source code,android layout design xml code,introduction to ui elements,views,types of layouts,android ui components,android layouts explained,android layout types,android layout tutorial for beginners,android ui design tool,android development,android,material design,mobile app design,ui ux design,programming,xml tutorial,android firebase,android ui design tool.

#androiduidesign #instagramlayoutdesign