‫We'll come back.
‫We'll continue deep diving into Android studio user interface.
‫Android studio editor appears when a Java Kotlin XML or other based file is selected for editing the
‫document.
‫Tabs appears when a Java Kotlin XML or other based file is selected for editing the editor gutter area
‫used by the editor to display informational icons and controls code structure Location displays the
‫current position of the cursor as itrillionelates to the overall structure of the code.
‫The editor Area.
‫The main area where the code is displayed, entered and edited by the user.
‫The validation and marker sidebar When you typing code, the editor is analyzing the code to check for
‫warnings and syntax errors.
‫If we select activity, underscore main dot XML file, you'll see this panel or this editor area.
‫This is called the layout editor with Android Studio Layout Editor.
‫We can build layouts by dragging components onto the screen instead of writing the layout XML by hand
‫with Android Studio layout editor, you can add components to the layout using drag and drop, add and
‫change all the attributes or properties for the components view and edit constraints for layouts.
‫Prepare a responsive design with a preview and edit XML code for layout.
‫The palette provides a list of components and layouts that you can drag into your layout in the editor.
‫Here you find buttons, text views, spinners, image views and etcetera.
‫The component tree shows the view hierarchy for your layout.
‫Click any item here to see it selected in the editor.
‫The component tree is important when you have some nested components.
‫Toolbar provides buttons to configure your layout design in the editor and helps you change some layout
‫attributes.
‫You can also find alignment and connection tools, design and code editors.
‫You can create layouts using the design editor or the code editor, XML or the split mode, both XML
‫and the The Design Editor.
‫The design editor displays your layout in a combination of the design and the blueprint views, exactly
‫like this screen and the code editor In the text editor you can define the visual aspects of components
‫with the XML code.
‫So for example, you can drag and drop text to view with the design editor, or you can define it in
‫the XML with the codes.
‫Attributes.
‫Attributes are properties for components in your layout.
‫Most of the time, attributes will describe visual aspects of components, but sometimes they are used
‫to set layout behavior as well as set parameters for tools.
‫In this video, we learned about the editors in Android studio, the editor, the code editor and the
‫the layout editor in Android studio.