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.