Part 3 : Android Constraint Layout (Design Layout Using Guideline & Barriers)

Let’s start implementing..

Firstly, I am going to divide the entire layout in few segments. My plan is to divide the layout as few vertical and horizontal blocks actually. Let me show how.

Vertical and Horizontal Guideline
Add Guideline & Barrier from the panel

Let’s add the remaining vertical guidelines..

Hover on the guideline, click on the guideline, the percentage will be shown
The bottom contents are inside barrier
All components are now connected with the Guideline & Barrier with proper margins
The User Info section also connected with the Guidelines
View with a shadow background on top of bottom contents

Never stop learning !! :D



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nasrat Sharif Aveek

Nasrat Sharif Aveek

I am Aveek, Software Engineer in profession, Sports lover, Cricket analyst, Love playing and watching Badminton. Github :