Где находится предварительный просмотр макета Android Studio?

178

Я установил Android Studio, но когда я редактирую файлы макета, я не могу найти предварительный просмотр в реальном времени! Я просто вижу файл XML. Как я могу увидеть мой макет в графическом виде?

Обновление: Вот как это выглядит в моем случае:

введите описание изображения здесь

Fcoder
источник
5
Файл, который вы редактируете, отсутствует в каталоге ресурсов ...
etienne
stackoverflow.com/questions/16644419/…
Сиро Сантилли 郝海东 冠状 病 六四 事件 法轮功
4
Перейти кView -> Tool Windows -> Preview
onmyway133
Для меня вся панель инструментов отсутствовала, я должен был включить View -> Toolbar Buttons.
Первый

Ответы:

354

ОБНОВЛЕНИЕ 2 (2020-03-16)

Более новая версия Android Studio изменила расположение этой кнопки. Теперь, если вы хотите увидеть предварительный просмотр макета, вам нужно нажать одну из кнопок в правом верхнем углу вашего xml. Кнопка, которая выглядит как значок изображения, откроет панель дизайна, в то время как кнопка рядом с ней откроет разделенное представление, где дизайн расположен рядом с кодом XML:

введите описание изображения здесь

ОРИГИНАЛ (2013-05-21)

У вас должна быть Designкнопка рядом с Textкнопкой под текстовым редактором xml:

введите описание изображения здесь

Или вы можете использовать Previewкнопку в правом верхнем углу, чтобы добавить окно предварительного просмотра рядом с кодом XML:

введите описание изображения здесь

ОБНОВИТЬ:

Если у вас его нет, то сделайте это: View-> Tool Windows->Preview

введите описание изображения здесь

Эмиль Адз
источник
41
у меня нет этой возможности вообще !!
Fcoder
3
я обновил свой вопрос, я поставил свой скриншот. Я скачал его недавно и ничего не меняю!
Фкодер
6
У меня есть эта опция, но отключена!
Омид
2
Спасибо! Мой предварительный просмотр исчез, и я не мог понять, куда он пошел (я думаю, что один из моих детей, должно быть, ударил что-то). СПАСИБО!
tm_forthefuture
5
Для всех, кто не может видеть инструмент предварительного просмотра в представлении> Windows, вы ДОЛЖНЫ быть на вкладке «текст» в редакторе XML, чтобы увидеть опцию
D4rWiNS
46

У нескольких людей, похоже, одна и та же проблема. Проблема заключается в том, что в среде IDE предварительный просмотр отображается только при редактировании файла макета в res/layout*каталоге проекта Android.

В частности, он не будет отображаться при редактировании файла, build/res/layout*поскольку это не исходный каталог, а выходной каталог. В вашем случае вы редактируете файл в build/каталоге ...

Папка «Ресурс» устанавливается автоматически, и ее можно просмотреть (и изменить) в разделе «Структура проекта»> «Модули»> «Имя модуля»> «Android»> «Ресурсы».

Etienne
источник
1
Большое спасибо. Вы сэкономили много времени
Гаурав Вашист
там нет вкладки Android и функции ресурсов, как вы описываете, по крайней мере, в текущей актуальной ссылке на
Алексеев Валерий
Да, похоже, Android Studio теперь обрабатывает это автоматически; Я считаю, что нельзя случайно открыть выходной файл больше.
Этьен
17

В случае, если это кому-нибудь поможет, у меня возникла та же проблема сегодня, когда отсутствовали вкладки «дизайн / текст». Я переключился на темную тему и подумал, что, может быть, в этом проблема, поэтому вернулся к настройкам / внешнему виду (в настройках IDE), переключился обратно на тему по умолчанию, и это все правильно сбросило для меня. Затем я мог бы снова переключиться на тему Darcula, и вкладки все еще были там, так что переключение тем является способом сброса окон / вкладок IDE.

Соланж
источник
Boom! Спасибо. У меня была та же проблема, когда я использовал тему Dracula, и мне пришлось переключиться обратно на тему по умолчанию, чтобы увидеть вкладки «Дизайн» и «Текст» внизу. Приветствия.
Джошуа Пинтер
Мне не хватало вкладок внизу, у меня это работало с последней версией от 25.09.13. Тем не менее, это не переключило мою тему назад, только окно редактора кода ... все еще довольно глючное .. хотя большое обещание
hanzolo
17
  1. Выберите файл MainActivity.java на левой панели, как показано красным прямоугольником.

  2. Щелкните левой кнопкой мыши значок XML-тега, как показано красным кружком.

  3. Выберите опцию «activity_main.xml (layout)», как показано на рисунке ниже.

введите описание изображения здесь

MNS
источник
Спасибо! Это исправлено.
Сумутиу Мариус
Это правильный ответ. Мне потребовалось 20 минут, чтобы исправить.
Дан Зузевич
12

У меня сработало следующее:

-> файл

-> настройки

-> плагины

-> отключить плагин поддержки Android

-> Вам будет предложено перезагрузить

-> после перезапуска снова включите плагин и другие зависимые плагины, которые могли быть отключены в процессе

-> вам будет предложено перезагрузить еще раз. Надеюсь, когда Android Studio перезапускается во второй раз, предварительный просмотр должен визуализироваться.

sirFunkenstine
источник
10

Я нашел 2 быстрых варианта, чтобы исправить это:

  1. Просто введите в поиске «Предварительный просмотр», и он покажет вам один результат. Просто нажмите на него, и превью появится снова :)
  2. Потяните правую линию и появится окно. Это своего рода изменить размер.

Окно предварительного просмотра в андроид студии

Удачного кодирования!

Юрец
источник
8

Для тех, кто борется в Android Studio 3.6 :

введите описание изображения здесь

Фернандо Карвальоса
источник
7

Перейдите в File-> Invalidate Caches / Restart.

Это решит проблему.

Vilas
источник
5

Возникла та же проблема после импорта моего проекта Eclipse ADT в Android Studio. Текст и дизайн вкладок, где отсутствует

Обнаружены мои окна журнала событий с надписью «Обнаружены фреймворки: в проекте« Конфигурирование Android »»

Я нажимаю предоставленную гиперссылку, и все исправлено, вкладки «Текст» и «Дизайн» становятся видимыми и функциональными.

Виктор Сильва
источник
4

Перейдите к файлу -> Структура проекта -> Модули -> нажмите на зеленую кнопку плюс, чтобы добавить модуль.

Выберите новый модуль -> выберите модуль приложения в опции Android -> дать имя модуля -> следующий -> следующий -> закончить

Выберите проект, который нужно включить в модуль -> нажмите кнопку Применить -> хорошо

Теперь вы сможете увидеть полную структуру проекта; затем откройте окно проекта формы модуля (левая панель), выберите res, затем выберите макет -> имя вашего макета (.xml).

Теперь вы сможете увидеть как дизайн, так и текст ...

Вишал Пандей
источник
2

Как сказал Этьен, убедитесь, что XML-файл, который вы просматриваете, находится в src/main/res/layout

Я была такая же проблема. Если вы находитесь в файле макета в buildкаталоге, вы не увидите предварительный просмотр, и при этом у вас не будет возможности его включить. Я бы хотел, чтобы у Google было небольшое предупреждение за это.

merlinpatt
источник
2

прежде всего после создания нового приложения

перейти к Java-> MainActivity

и откройте новую вкладку для него

В коде Java нажмите на нумерацию индекса, где вы можете увидеть логотип кодавведите описание изображения здесь

как красный кружок на картинке

щелкните левой кнопкой мыши на нем, и вы увидите два варианта, как показано на рисунке нижевведите описание изображения здесь

нажмите на первый вариант, чтобы вы могли просмотреть свое приложение в Android Studio

Korubilli Кришна Чайтанья
источник
1

Если вы хотите увидеть предварительный просмотр в реальном времени , в правой части экрана должна быть кнопка « Предварительный просмотр», которая отображает / скрывает предварительный просмотр в реальном времени.

Если вы хотите использовать режим редактора WYSISYG, в нижней части редактора есть вкладка, которая переключается между режимом XML и режимом WYSISYG .

Это работает одинаково как в IntelliJ, так и в Android Studio.

jpintado
источник
0

У меня была та же проблема, и я решил ее, отредактировав t-файл в src> main> res> layout. Вы можете выбрать между режимом тестирования и дизайна в нижней части редактора.

Довольно просто, если мы знаем, где искать !!! потратить несколько часов, чтобы понять это !!!

SKV
источник
0

У меня была эта проблема пару часов назад, когда я экспортировал свои проекты из Eclipse в Android Studio. К сожалению, лучшие ответы здесь не работают для меня.

В любом случае, создание нового проекта вместо открытия старого помогло мне, о чем Томас Калиакос упомянул в своем комментарии здесь.

Мне пришлось возиться с проектом ... и в какой-то момент он сработал. Хотя я не знаю как. Я думаю, что создание нового проекта и добавление вашего исходного кода будет работать каждый раз. Извините за то, что не очень ясно, но, честно говоря, я был удивлен даже сам, что это сработало. - Томас Калиакос 15 октября '13 в 4:08

rsano
источник
0

В случае, если вы хотите закрепленный режим (он все еще виден при редактировании файла XML), и вы по ошибке нажали и не отметили закрепленный режим. Для того, чтобы получить его обратно, вы должны сосредоточиться на предварительном просмотре и нажмите Window > Active Tool Window > Docked Mode.

Ратата Тата
источник
0

Если вы видите сообщение внизу, говорящее что-то вроде «Android Framework обнаружен. Нажмите, чтобы настроить», СДЕЛАЙТЕ ЭТО.

После этого появились мои вкладки «Текст и дизайн».

cdabel
источник
0

В моем случае у меня нет вкладки « Дизайн» или « Предварительный просмотр ».

Пытаться

  • Настройте прокси правильно, чтобы загрузить необходимые компоненты
  • Настройте путь Android-SDK, чтобы он не содержал пробела
  • Перезапустите Android Studio в режиме администратора
Rika
источник
0
  1. Перейдите в File-> Invalidate Caches / Restart . После перезапуска появится окно предварительного просмотра.

  2. Тем не менее окно предварительного просмотра не открывается, перейдите в меню Вид -> Окно инструментов -> нажмите Предварительный просмотр

судхарсан чандрасекаран
источник
0

Перейдите в Файл> Настройки> Внешний вид и поведение> Внешний вид> Показать панели инструментов

Tarasantan
источник
0

Я использую Android studio 3.3, и этот метод работал для меня: откройте настройки из файла / настроек на левой панели, выберите «Редактор», затем «Редактор макета», затем на правой панели снимите флажок с третьего параметра «Скрыть окно предварительного просмотра при редактировании файлов без макета», затем нажмите применить, тогда хорошо. затем перейдите в просмотр / инструмент windows / preview, теперь включите на вкладке дизайн макета XD. Не забудьте проголосовать и пометить этот ответ как правильный. Удачного кодирования.введите описание изображения здесь

отражение
источник
-1

Файл >> Настройка >> Компилятор >> JavaCompiler В разделе «Версия байт-кода проекта (оставьте пустым для jdk по умолчанию):» выберите свой jdk.

введите описание изображения здесь

KZM
источник