Articles → Android → Layout Editor In Android Studio

Layout Editor In Android Studio






What is a layout editor?





How to open layout editor?




  1. Open any layout file in res/layout folder.
  2. There will be 2 tabs i.e. Text and Design.


Picture showing the design tab of the designer editor of layout editor in android studio

Click to Enlarge


Different components of layout editor




  1. Palette – This section contains the list of views and view groups that you can drag and drop onto your layout.
  2. Picture showing the Palette section of layout editor in android studio

    Click to Enlarge

  3. Component tree – In this section, you can see the hierarchy of your layout.
  4. Picture showing the Component tree section of layout editor in android studio

    Click to Enlarge

  5. Toolbar – It contains the list of tools required to change the attribute of your layout
  6. Picture showing the toolbar of layout editor in android studio

    Click to Enlarge

  7. Design editor – Here, you drag and drop the controls and create UI.
  8. Picture showing the design editor of layout editor in android studio

    Click to Enlarge

  9. Attributes – Controls the layout of selected UI element in layout.
  10. Picture showing the Attributes section of layout editor in android studio

    Click to Enlarge



Posted By  -  Karan Gupta
 
Posted On  -  Monday, October 28, 2019

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250