9 Different Designs using Linear Layout for Android Developers

Hi friends. In this article, I would like to explain "9 different design's using linear Layout for Android developers”. I hope it will Very useful for those, who are in the beginning stage of Android Development.
Before going to start the design just has a look about ...what is Linear Layout...?

Then starts the Designing...


Design-1: This is the first design and it’s very easy to design using Linear Layout (See the Picture-1)

Create an xml file and rename the file name as Design-1.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



//These are the Child Layout’s



 





   

  

  

That’s it. So successfully we are completed the First design. Now get ready for second design


Design-2: This is the Second design and it’s also easy to design using Linear Layout (See the Picture-2)

Process:
Create an xml file and rename the file name as Design-2.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



//These are the Child Layout’s



 





   

  

  

That’s it. So successfully we are completed the Second design also. Now get ready for Third design


Design-3: This is the Third design using Linear Layout (See the Picture-3)

Process:


Create an xml file and rename the file name as Design-3.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



// these are the Header child Layout’s



 



//// Another Sub parent Layout’s



// these are the Child Layout’s



 





   

  

  

  

That’s it. So successfully we are completed the Third design. Now get ready for Fourth design




Design-4: This is the Fourth design using Linear Layout (See the Picture-4)

Process:


Create an xml file and rename the file name as Design-4.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



// Header Layout’s-1



 



// Header Layout’s-2



 



// Header Layout’s-3



 




// Header Layout’s-4



 



// Header Layout’s-5



   

  
// Bottom Layout’s-2



   

  

// Bottom Layout’s-3



   

  
// Bottom Layout’s-4



   

  


  

That’s it. So successfully we are completed the Fourth design also. Now get ready for Fifth design


Design-5: This is the Fifth design using Linear Layout (See the Picture-5)

Process:


Create an xml file and rename the file name as Design-5.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



//This is the child Layout-1 (you must define Parent Root)





   










//This is the child Layout-2 (you must define Parent Root)

That’s it. So successfully we are completed the Fifth design also. Now get ready for sixth design


Design-6: This is the Sixth design using Linear Layout (See the Picture-6)

Process:


Create an xml file and rename the file name as Design-6.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



//Header






//Middle Part

//Right Side Bar







//Content







//Left Side Bar









//Lower Part

That’s it. So successfully we are completed the Sixth Design also. Now get ready for Seventh design


Design-7: This is the Seventh design using Linear Layout (See the Picture-7)

Create an xml file and rename the file name as Design-7.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



//Tabs





































//Main content

That’s it. So successfully we are completed the Seventh Design also. Now get ready for eight designs


Design-8: This is the Seventh design using Linear Layout (See the Picture-8)

Create an xml file and rename the file name as Design-7.xml
Next Open that xml file and Write the following code to design the above layout

//This is the Parent Layout (you must define Parent Root)



//Tabs





































//Main content

That's it...I Hope this will helps you...

About the Author

Sayyad is a Software Engineer, Blogger and Founder of Developers Code from India.His articles mainly focus on .Net (Web and Windows based applications), Mobile Technologies (Android,IPhone,BlackBerry) and SEO.

Reach Him :

Google+

Facebook

Twitter

Pinterest