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


178

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

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

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


5
Файл, который вы редактируете, отсутствует в каталоге ресурсов ...
— etienne


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»> «Ресурсы».


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)», как показано на рисунке ниже.

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


Спасибо! Это исправлено.
— Сумутиу Мариус

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

12

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

-> файл

-> настройки

-> плагины

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

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

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

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


10

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

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

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

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



7

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

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


5

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

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

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


4

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

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

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

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

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


2

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

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


2

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

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

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

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

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

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

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


1

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

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

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


0

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

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


0

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

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

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


0

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


0

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

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


0

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

Пытаться

  • Настройте прокси правильно, чтобы загрузить необходимые компоненты
  • Настройте путь Android-SDK, чтобы он не содержал пробела
  • Перезапустите Android Studio в режиме администратора

0
  1. Перейдите в File-> Invalidate Caches / Restart . После перезапуска появится окно предварительного просмотра.

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


0

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


0

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


-1

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.