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.

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.

Click to Enlarge


2. Component tree – In this section, you can see the hierarchy of your layout.

Click to Enlarge


3. Toolbar – It contains the list of tools required to change the attribute of your layout

Click to Enlarge


4. Design editor – Here, you drag and drop the controls and create UI.

Click to Enlarge


5. Attributes – Controls the layout of selected UI element in layout.

Click to Enlarge