Android Studio не відображає попередній перегляд макета


82

Я використовую Android Studio 1.4

Минув деякий час з часу останнього створення мого нового проекту в андроїд-студії, і сьогодні, коли я це зробив, андроїд-студія нічого не показує з попереднього перегляду макета. Це порожнє вікно з написом "Нічого не показувати".

Я думаю, це пов'язано з новою бібліотекою дизайну підтримки, тому що я ніколи не бачив цього нового "коду за замовчуванням". Я трохи досліджував, і це нові вказівки щодо дизайну матеріалів для 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
Недійсні кеші працювали у мене, коли у мене була порожня вкладка Попередній перегляд без кнопок конфігурації пристрою.
— Aleksander Niedziolko

Оскільки пару тижнів я не перезапускав 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 ​​/
  • відкриті стилі.xml

    • змінити з -> name name = "AppTheme" parent = " Theme.AppCompat.Light.DarkActionBar "

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

    (Просто додайте " Base " до " Theme ".)


  • Збережіть файл і поставте прапорець Попередній перегляд зараз.

  • Попередній перегляд Works Perfeclty зараз.


1
Це вирішило і моє питання. Чи знаєте ви причину цієї проблеми?
— Джоні

Це працює. Здивований, чому цього немає за замовчуванням.
— Aswin G

Працював :) для мене
— Шубх

16

Перевірте ще раз на наявність оновлення SDK, оскільки API 23: Android N (preview)воно доступне, завантажте його належним чином АБО виберіть API 23: Android 6.0у верхньому правому куті вікна попереднього перегляду. перевірити зображення

введіть тут опис зображення .
.
Він (Android Studio) автоматично вибирає найновіший, навіть якщо він неправильно встановлений. Отже ,

Що вам потрібно зробити, це:

  1. правильно встановіть новий

    АБО

  2. натисніть на попередній.


16

Знайдіть Styles.xml у значенні. (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?
— dan dan

Додаток Hello world ініціалізується за допомогою Theme.AppCompat.Light.DarkActionBar. І щоразу, коли я відкривав новий проект, я стикався з цією проблемою. Очевидно, багато інших людей стикаються з такою ж проблемою.
— Elif Balcı

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-файли або оновив їх як можна, і все було нормально.

Так, довгий маршрут, але в той день, коли я повинен доставляти на роботу? Це точно працює!

TLDR: Просто вимкніть і знову ввімкніть підтримку Android, і все буде добре


4

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

На відміну від Blank, Empty є більш зачищеним, тому вам може знадобитися додати щось самостійно. Такі як додавання 2-х методів перевизначення onCreateOptionsMenu та onOptionsItemSelected, якщо вам потрібно маніпулювати елементами керування на панелі дій і тому подібному. В іншому випадку ніякої іншої суттєвої різниці немає.


4

Очистіть збірку вашого проекту, перейшовши до команди Збірка> Очищення збірки.

Це допомогло мені, коли у мене була та сама проблема.


4

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

Я замінив: implementation 'com.android.support:appcompat-v7:28.0.0-alpha3'на implementation 'com.android.support:appcompat-v7:27.1.1'І все працювало нормально.

На закінчення, проблема пов’язана з помилкою у бібліотечній версії.

Але якщо потрібно використовувати рішення Natesh bhat, це для вас.


Як ви вже сказали, проблема в компактному додатку. Крім того, якщо ви працюєте з реалізацією 'com.android.support:appcompat-v7:27.1.1, ви можете змінити останній номер синхронізації градації, а потім змінити його назад. Для мене це вирішило мою проблему.
— Джордж

4

У моєму випадку, Android студія створила проект , включаючи бібліотеку підтримки , яку версію 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" у попередньому перегляді, коли я запускав свій перший проект, відображається лише "Проблема з рендерингом" та "Не вдалося створити екземпляр одного або декількох класів". Це мені допомагає, спробуйте це ..... у лівому боковому меню перейдіть до
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 перейдіть у меню « Перегляд»> «Інструмент Windows»> «Попередній перегляд» , тоді воно повинно з’явитися десь у кадрі Android Studio. Ви можете перемістити його у потрібне місце за допомогою інструмента з поглибленими колесами у кадрі «Попередній перегляд»


3

Для мене в Android Studio 3.6.1, перебуваючи у файлі layout.xml, натискання тут знову показало попередній перегляд макета. Знімок екрана Android Studio 3.6.1

Я не думаю, що попередній перегляд "вкладки" вже існує, він тепер мені здається тут: Перегляд> Інструмент Windows> Попередній перегляд.


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 (Модуль: Додаток).

Далі натисніть Файл -> Недійсні кеші / Перезапустити

Потрібен доступ до Інтернету.

Це працює для мене 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 studio показати попередній перегляд макета.


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 і просто додайте клас "Base" перед темою. як подобається

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

@ Примітка: Замініть Theme.AppCompat.Light.DarkActionBar на Base.Theme.AppCompat.Light.DarkActionBar

і чіткий проект.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.