Android Studio не показывает предварительный просмотр макета


82

Я использую Android Studio 1.4

Прошло некоторое время с тех пор, как я в последний раз создавал новый проект в студии Android, и сегодня, когда я это сделал, студия Android ничего не показывает из предварительного просмотра макета. В пустом окне написано «Ничего не показать».

Я думаю, это связано с новой библиотекой поддержки дизайна, потому что я никогда не видел этого нового «кода по умолчанию». Я немного исследовал, и это новые рекомендации по дизайну материалов для Android ...

Я уже сделал это:

  1. обновил инструменты SDK
  2. очистил проект и перестроил его
  3. аннулированные и перезапущенные кеши

... и по-прежнему ничего.

Обновлено:

Я решил обновить 1.5.1, это примерно так: это вызывает у меня проблемы с рендерингом ... Я думаю, что правая нижняя кнопка отображается неправильно, потому что я думаю, что это должна быть кнопка со значком сообщения в ней, а в моей AS просто показывает значок сообщения (поправьте меня, если я ошибаюсь).

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

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


1
добавьте ссылку на скриншот для этой проблемы, для этого может быть много причин ;-)
piotrek1543

1
@ piotrek1543 обновлено
Cap.Alvez

2
вау, я этого не ожидал. Хорошо, обновите Android Studio до последней версии
piotrek1543

4
@ Cap.Alvez Можете ли вы попробовать изменить тему приложения, например, на Holo.Light.NoActionBar
kar

2
@ Cap.Alvez У меня это обычно работает. Еще одна вещь, о которой я могу думать, это то, что вы начали «пустое» действие или «пустое» действие? Если вы сделали Blank, можете ли вы попробовать создать новый проект для тестирования с использованием Empty и установить для Theme значение Holo.Light, как упоминалось ранее.
kar

Ответы:


109

Выберите другую тему (кроме Holo, например Theme)

Изображение решения

Эта проблема обычно возникает, когда вы создаете стиль неправильно или из существующего. Итак, выберите «Графический макет» и выберите «AppTheme» (вкладка с синей звездой). И выберите любой из предустановленных стилей. В моем случае «Лайт» должен решить проблему.

Попробуйте "Сделать кеш недействительным и перезапустить".

как сделать недействительным кеш и перезапустить

Перезагрузите Android Studio, выбрав этот вариант. Это может занять некоторое время.

Затем, если по-прежнему не работает, попробуйте перестроить проект.


1
Недействительные кеши у меня работали, когда у меня была пустая вкладка предварительного просмотра без кнопок конфигурации устройства.
Александр Недзиолко

Как я не перезапускал Android Studio пару недель. Спящий режим моего ноутбука. Это сработало для меня. Благодаря!
sud007

Я был расстроен, потому что не было голубой звезды. Но потом я обнаружил, что значок «Тема» на моей панели инструментов представляет собой два концентрических круга, причем внутренний разделен пополам по вертикали: одна сторона белая, а другая черная.
РОБЕРТ РИЧАРДСОН

Что я хочу использовать в теме приложения?
Agile_Eagle

Если вы хотите использовать тему приложения, просмотрите ответ Натеша бхата ниже
user2174870

84

Это распространенная проблема . Это легко решить, изменив res/values/styles.xmlна

<!-- Base application theme. -->
<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
</style>

Шаги:

  • Перейдите в res / values ​​/
  • открыть styles.xml

    • изменить с -> style name = "AppTheme" parent = " Theme.AppCompat.Light.DarkActionBar "

    • изменить на -> style name = "AppTheme" parent = " Base.Theme.AppCompat.Light.DarkActionBar "

    (Просто добавьте « Base. » К « Theme ».)


  • Сохраните файл и установите флажок «Предварительный просмотр».

  • Предварительный просмотр Works Perfeclty сейчас.


1
Это также решило мою проблему. Вы знаете причину этой проблемы?
Johny

Это работает. Немного удивлен, почему этого нет по умолчанию.
Aswin G 04

Работал :) для меня
Shubh

16

Еще раз проверьте наличие обновления SDK, поскольку API 23: Android N (preview)оно теперь доступно, загрузите его правильно ИЛИ выберите API 23: Android 6.0в правом верхнем углу окна предварительного просмотра. проверьте изображение

введите описание изображения здесь .
.
Он (Android Studio) автоматически выбирает последнюю версию, даже если она не установлена ​​должным образом. Итак ,

Что вам нужно сделать:

  1. установите новый правильно

    ИЛИ ЖЕ

  2. нажмите на предыдущий.


16

Найдите Styles.xml в Values. (Res / Values ​​/ Styles.xml) Измените это

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

к этому:

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

Затем очистите и соберите проект. И то, и другое вы можете сделать из меню сборки.

У меня это сработало.


У меня это сработало. Было бы неплохо получить дополнительное объяснение, почему это происходит. Я подозреваю, что некоторые руководства по Android Studio не обновлены, чтобы отразить изменение иерархии классов темы.
Евгений

1
Ты гений! Как вы вообще узнали, что я использую Theme.AppCompat.Light.DarkActionBar?
дан дан

Приложение Hello world инициализируется с помощью Theme.AppCompat.Light.DarkActionBar. И каждый раз, открывая новый проект, я сталкивался с этой проблемой. Очевидно, многие другие люди сталкиваются с такой же проблемой.
Элиф Балджы

12

Обновление силы мне помогло.

Он находится в верхней части вкладки дизайна.

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


7

Я также сталкиваюсь с той же проблемой и выполняю эту простую работу, просто захожу в res-> values-> style.xml и меняю

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 

к

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

6

Перенесемся в 2018, и у нас все еще есть эта проблема!

Когда у меня была эта проблема Android Studio Canary 3.2сегодня, я сделал вот что:

я пошел в

File -> Settings -> Plugins

В списке плагинов я отключил Android Supportего, сняв отметку.

Затем я выбрал Применить, а затем ОК .

После этого я перезапустил Android Studio.

При перезапуске я повторил процесс:

File -> Settings -> Plugins

Но на этот раз я включил список плагинов, Android Supportпроверив его.

Затем я перезапустил.

Когда Android Studioпришел, я позволил Gradleсделать свое дело, потом я сделал:

File -> Sync Project with Gradle Files

Когда это было сделано, я повторно открыл свои файлы xml или обновил их, как только было возможно, и все было в порядке.

Да длинный маршрут, но в день, когда мне нужно доставить на работу? Это действительно работает!

TL; DR: просто отключите и снова включите поддержку Android, и все будет в порядке


4

Переключитесь с пустого действия и используйте пустое действие. Измените свою тему, например, на Holo.Light.NoActionBar.

В отличие от Blank, Empty более урезан, поэтому вам может потребоваться добавить что-то самостоятельно. Например, добавьте 2 метода Override onCreateOptionsMenu и onOptionsItemSelected самостоятельно, если вам нужно управлять элементами управления на ActionBar и т. Д. В остальном никакой другой существенной разницы.


4

Выполните чистую сборку проекта, выбрав Сборка> Чистая сборка.

Мне это помогло, когда у меня была такая же проблема.


4

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

Заменил: implementation 'com.android.support:appcompat-v7:28.0.0-alpha3'на implementation 'com.android.support:appcompat-v7:27.1.1'И все заработало нормально.

В заключение, проблема связана с ошибкой в ​​версии библиотеки.

Но если необходимо использовать решение Натеш бхат, это для вас.


Как вы сказали, есть проблема с компактным приложением. В качестве альтернативы, если вы работаете с реализацией com.android.support:appcompat-v7:27.1.1, вы можете изменить градиент синхронизации последнего номера, а затем вернуть его обратно. Для меня это решило мою проблему.
Джордж

4

В моем случае Android Studio создал проект, включая библиотеку поддержки, версия которой RCили beta. Так что я попробовал понизить версию библиотеки поддержки, потом работал.
Если у вас версия библиотеки RC или бета, попробуйте перейти на более раннюю версию.

Понизить эту
implementation 'com.android.support:appcompat-v7:28.0.0-rc01'

к этому
implementation 'com.android.support:appcompat-v7:27.1.1'

а также понизьте версию compileSdkVersion, targetSdkVersion, если вам нужно.


4

Эта проблема возникает из-за проблемы совместимости тем. Все, что вам нужно сделать, это сначала перейти к res / values ​​/ styles.xml в представлении проекта. Там найдите базовую тему приложения, которая по умолчанию должна быть четвертой строкой. Это выглядело бы примерно так:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

Теперь вам просто нужно добавить Base. к родителю.

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">

3

Он даже не показывает «Hello World» в предварительном просмотре, когда я начал свой первый проект, только отображает «Проблема рендеринга» и «Не удалось создать экземпляр одного или нескольких классов». Это помогает мне, попробуйте это ... в левом меню, GoTo
base-> res-> values-> styles.xml,
затем напишите «Base». в строке <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
непосредственно перед Theme.AppCompat, т.е. <style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">


3

Иногда предварительный просмотр макета отображается не только в вашем текущем проекте, попробуйте открыть другой проект, если в другом проекте предварительный просмотр макета работает хорошо, то проблема в текущем проекте. в вашем текущем проекте попробуйте очистить проект , перестроить проект , если все еще не работает, попробуйте внести изменения в файл приложения build.gradle, например, добавьте некоторую реализацию, а затем синхронизируйте gradle , проверьте работу предварительного просмотра макета.


3

В верхнем меню Android Studio выберите View> Tool Windows> Preview , затем он должен появиться где-нибудь в рамке Android Studio, вы можете переместить его в желаемое место с помощью инструмента с помятым колесом в рамке предварительного просмотра.


3

Для меня в Android Studio 3.6.1 при нажатии здесь в файле layout.xml снова отображается предварительный просмотр макета. Android Studio 3.6.1 Скриншот

Я не думаю, что «вкладка» Предварительный просмотр больше существует, теперь она появляется здесь: «Просмотр»> «Окна инструментов»> «Просмотр».


2

Измените версию Android, которая будет использоваться при рендеринге макетов в среде IDE.

Перейдите в свой XML-файл макета -> Дизайн -> измените версию Android API с «Автоматически выбирать лучший» на значение между минимальной и целевой версиями SDK.


1

просто обновите свой макет, щелкнув это:

в левом верхнем углу страницы "макет-дизайн" будет синий логотип

щелкните и выберите «Принудительно обновить макет»

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


1

Пожалуйста ( change com.android.support:appcompat-v7:28.0.0-alpha3) или ( com.android.support:appcompat-v7:28.0.0-rc02) на ( com.android.support:appcompat-v7:28.0.0-alpha1) в build.gradle (Модуль: Приложение).

Затем нажмите File -> Invalidate Caches / Restart.

Нужен доступ в Интернет.

У меня работает Windows 10 и Ubuntu 18.04.1 LTS


0

Вот простое решение, которое сработало для меня:

  1. Идти к File -> Settings -> Apperance & Behavior -> System Settings -> Android SDK :

  2. Проверьте, Show Package Detailsчто находится справа внизу.

  3. В последней версии Android SDK (например:) Android 8.1 (Oreo)проверьтеGoogle Play Intel x86 Atom System Image
  4. Теперь нажмите applyкнопку

Этот системный образ помогает студии Android отображать предварительный просмотр макета.


0

Изменение темы (рядом с символом android для изменения версии API) с AppTheme на что-нибудь еще, например DeviceDefault или Holo, легко устранило проблему.


0

После стольких откидных створок я понял, что xml Previewразмер выше, с левой стороны, у Appthemeнас есть значок Android с ушами, щелкните его и измените на целевой api в случае, если он не такой, как нацелен наbuilt.gradle


0

Для меня эта проблема продолжает появляться после первого запуска APK. Аннулирование не помогло.
Однако у меня есть обходной путь:
просто запустите APK, и пока он работает, вы можете отправить свои изменения, нажав кнопку «Молния» (Применить изменения) рядом с кнопкой «Выполнить» на верхней правой панели. Прекрасно работает для меня при внесении изменений в макет.


0
Follow a few steps:-
1) Clean Project
If 1 doesn't work then
2) Invalidate cache and restart 
If 2 doesn't work then 
3) run command in the project folder rm -r .idea

-1

Я использовал кнопку «Отладка приложения», введите описание изображения здесь
и моя проблема была решена


-2

Перейдите в файл style.xml и просто добавьте класс «Базовый» перед темой. подобно

<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
</style>

@ Примечание: замените Theme.AppCompat.Light.DarkActionBar на BaseTheme.AppCompat.Light.DarkActionBar

и понятный проект.

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