Содержание:

В Android Studio файл может быть показан в разных режимах, но самый частый для XML-редактирования такой:

  • слева - дерево проекта (папки и файлы)
  • по центру - редактор файла
  • справа - панели Design / Text / Properties (в зависимости от того, что вы выбрали)
  • снизу (часто) - логи/доп. вкладки (например, Logcat), но это уже не про сам редактор

Когда вы открываете res/layout/activity_main.xml, Android Studio включает редактор макета: можно смотреть Design, смотреть Text (XML) или показывать оба сразу.

Где открыть файл с макетом, чтобы увидеть окно редактирования

Откройте проект и перейдите по пути:

  • app/src/main/res/layout/
  • файл: activity_main.xml

Дальше просто:
- дважды кликните по activity_main.xml
- Android Studio покажет редактор макета

Какие части в окне редактирования обычно видны

Сравните типичное окно редактора макета:

Область Как выглядит в интерфейсе Что в ней меняют
Центр (главная область) Две вкладки/режима: Design и Text Design - перетаскивание view, Text - правка XML
Рядом/сверху редактора Кнопки переключения вида (часто есть режим Split и Design) Показ кода, дизайна или обоих сразу
Справа (иногда) панель Properties Свойства выбранного элемента (текст, размеры, отступы и т.д.)
Внизу/в левом блоке (в Design) Component Tree (дерево компонентов) Иерархия элементов разметки: что внутри чего
Слева Project/Project view (дерево файлов) Быстро переходить по файлам проекта

Как переключаться между режимами: Code / Design / Split

В редакторе макета обычно доступны режимы:

  • Text: видите чистый XML (например, ConstraintLayout, TextView, Button)
  • Design: видите визуальный макет (как будет выглядеть экран)
  • Split: видите и дизайн, и XML одновременно

Обычно переключатели находятся в интерфейсе редактора рядом с самим полем файла (в правой части или в верхней части окна, зависит от версии интерфейса).

Как выглядит редактор XML (пример того, что вы будете править)

Когда вы находитесь во вкладке Text, файл будет выглядеть как обычный XML макет. Например, для разметки экрана встречается конструкция типа:

<androidx.constraintlayout.widget.ConstraintLayout ... >
    <TextView ... />
    <Button ... />
</androidx.constraintlayout.widget.ConstraintLayout>

Вы меняете значения атрибутов (текст, ширину/высоту, ограничения и т.д.). В Design изменения обычно отражаются сразу.

Показать “картинки”: что именно искать (маркеры на скриншотах)

Так как вы просите “покажи картинки”, проще ориентироваться по визуальным маркерам. На скриншотах вашего типа страницы должны быть видны:

  • вкладки Design и Text
  • слева компонент Component Tree (дерево view)
  • справа Properties
  • в центре - либо предпросмотр макета (Design), либо XML (Text)

Вот какие картинки из ваших конкурентов подходят ближе всего к “окну редактирования файла” (редактор макета/разметки):

  • Skillbox Media: блок со структурой и главным окном редактора, где видны XML-редактор и дополнительные панели:
    https://248006.selcdn.ru/main/iblock/07d/07d327d50a5b9019c6a5432c06fa9ea9/2fd2278dacb3fa1ef5a612e43939e37a.png
    и серия скриншотов с главной разметкой и областями IDE (XML/панели).
  • fandroid/info (уроки про редактор макета): скриншоты где показаны переключения Design/Text и свойства.
    (в тексте прямо описано, что XML правят в Text, а визуально - в Design и можно смотреть вместе/раздельно)
  • wnfx.ru / otus.ru / skillfactory.ru: материалы, где есть скриншоты открытия activity_main.xml и редактирования макетов (встречаются формулировки про переключение вкладок Design/Text и про то, что именно в этом окне меняется интерфейс).

Быстрый чек-лист: если у вас “не то окно”

Если вы не видите то, что описано выше, чаще всего причина одна из этих:

Симптом Что сделать
Открывается не XML, а, например, Java/Kotlin файл Откройте именно res/layout/activity_main.xml (или другой layout-файл)
Видите только код, но нет визуального предпросмотра Переключите режим на Design или Split
Справа нет свойств Включите панель Properties (в некоторых версиях это иконка “свойства” / “просмотреть все свойства”)
В Design не видно дерево компонентов Откройте/верните панель Component Tree (дерево view)

Если коротко: “окно редактирования файла в android studio” для большинства начинающих - это именно редактор activity_main.xml с вкладками Design (визуально) и Text (XML), плюс панель Properties и Component Tree в редакторе макета.