Android Studio不显示布局预览


82

我正在使用Android Studio 1.4

自上次我在android studio中创建一个新项目以来,已经过去了一段时间,而今天,当我这样做时,android studio不会从布局预览中显示任何内容。它是一个空白窗口,并显示“无显示”。

我认为这与新的支持设计库有关,因为我从未见过这种新的“默认代码”。我研究了一下,这是新的android材质设计指南...

我已经做到了:

  1. 更新了SDK工具
  2. 清理并重建项目
  3. 无效和重新启动的缓存

...还是一无所有。

更新:

我决定更新1.5.1,就像这样:它给了我渲染问题。.我认为它没有正确显示右下角的按钮,因为我认为这应该是其中和我的AS中带有消息图标的按钮显示消息图标(如果我输入错了,请纠正我)。

在此处输入图片说明

在此处输入图片说明


1
添加此问题的屏幕快照链接,可能有很多原因;-)
piotrek1543

1
@ piotrek1543已更新
Cap.Alvez 2015年

2
哇,我没想到。好的,将您的Android Studio更新到最新版本
piotrek1543 2015年

4
@ Cap.Alvez您能尝试将App主题更改为例如Holo.Light.NoActionBar
kar

2
@ Cap.Alvez通常对我有用。我能想到的另一件事是您启动了“空白”活动还是“空”活动?如果您做的是Blank,是否可以尝试使用Empty创建一个新的测试项目,并将Theme设置为Holo.Light,如前所述。
kar 2015年

Answers:


109

选择其他主题(Holo例如以外的主题Theme

解决方案图片

当您错误地创建样式或从现有样式创建样式时,通常会出现此问题。因此,选择“图形布局”,然后选择“ AppTheme”(带有蓝色星号的标签)。并选择任何预定义的样式。就我而言,“ Light”应该可以解决问题。

尝试“使缓存无效并重新启动”。

如何使缓存无效并重新启动

通过选择此选项来重新启动Android Studio。可能需要一些时间。

然后,如果仍然无法正常工作,请尝试重建您的项目。


1
当我有一个没有设备配置按钮的空白“预览”选项卡时,无效缓存对我有用。
Aleksander Niedziolko

由于我有几个星期没有重新启动Android Studio了。正在使我的笔记本电脑处于休眠状态。这样做对我有用。谢谢!
sud007 '18

因为没有蓝星,我感到沮丧。但是后来我发现工具栏上的“主题”图标是两个同心圆,内部的圆垂直地分成两半,一侧为白色,另一侧为黑色。
罗伯特·理查森

我想使用什么应用主题?
Agile_Eagle

如果您想使用应用主题,请在下面查看Natesh bhat的答案
user2174870 '18

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

    • 从->样式名称=“ AppTheme” parent =“ Theme.AppCompat.Light.DarkActionBar ”更改为

    • 更改为->样式名称=“ AppTheme” parent =“ Base.Theme.AppCompat.Light.DarkActionBar

    (只需在“主题”前面加上“基本”。)


  • 保存文件并选中立即预览。

  • 立即预览Works Perfeclty。


1
这也解决了我的问题。你知道这个问题的原因吗?
约翰尼

这有效。奇怪的是为什么默认情况下不存在该选项。
Aswin G '18

为我工作:)
Shubh 19/12/16

16

再次检查SDK更新,因为API 23: Android N (preview)现在可用,请正确下载API 23: Android 6.0从预览窗口的右上角选择。检查图像

在此处输入图片说明

即使未正确安装,它(Android Studio)也会自动选择最新版本。所以

您需要做的是:

  1. 正确安装新的

    要么

  2. 单击上一个。


16

在Values中找到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教程没有更新以反映主题类层次结构的变化。
尤金(Eugene)'18

1
你真是个天才!您甚至怎么知道我正在使用Theme.AppCompat.Light.DarkActionBar?
dan dan

Hello World应用使用Theme.AppCompat.Light.DarkActionBar初始化。每当我打开一个新项目时,我都会遇到这个问题。显然,许多其他人遇到相同的问题。
eVader

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更为精简,因此您可能需要自己添加一些东西。例如,如果需要在ActionBar等上操纵控件,则自己添加2个Override方法onCreateOptionsMenu和onOptionsItemSelectSelected。否则,没有其他显着差异。


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,则可以更改最后一个数字同步gradle,然后再将其更改回。对我来说,这解决了我的问题。
乔治,

4

就我而言,Android Studio创建了包含支持库(版本为RC或)的项目beta。因此,我尝试了降级支持库版本,然后工作了。
如果您的库版本是RC或Beta,请尝试降级。

降级
implementation 'com.android.support:appcompat-v7:28.0.0-rc01'

对此
implementation 'com.android.support:appcompat-v7:27.1.1'

如果需要,降级还会编译SdkVersion,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”,仅显示“渲染问题”和“无法实例化一个或多个类”。这可以帮助我,尝试一下.....在左侧菜单中,转到“转到”
->“ res->
”-“值”->“ 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 sync,检查布局预览是否正常。


3

在顶部的Android Studio菜单中,转到“视图”>“工具窗口”>“预览”,然后它应出现在Android Studio框架中的某个位置,您可以使用“预览”框架中的凹入式滚轮工具将其移至所需位置。


3

对我来说,在Android Studio 3.6.1中,同时在layout.xml文件中,单击此处再次显示布局的预览。 Android Studio 3.6.1截图

我认为“选项卡”预览已不存在,现在在这里对我来说似乎是:“视图”>“工具窗口”>“预览”。


2

更改要在IDE中渲染布局时使用的Android版本。

转到xml布局文件->设计->将“自动选择最佳”的Android API版本更改为最小和目标sdk版本之间的值。



1

请在build.gradle(模块:App)中从(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)。

接下来单击文件->使缓存无效/重新启动

需要互联网访问。

它适用于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

将主题(在用于更改API版本的android符号附近)从AppTheme更改为DeviceDefault或Holo之类的其他内容即可轻松解决此问题。


0

经过多次翻转后,我意识到在xml Preview上方的尺寸上,Apptheme我们的左侧有耳朵的Android图标,单击它并更改为目标api,以防其与目标api不同built.gradle


0

对我来说,这个问题在我第一次运行APK后仍然出现。无效没有帮助。
但是,我有一个解决方法:
只需运行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


-2

转到style.xml文件,然后在主题之前添加“ Base”类。像

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

@注意:将Theme.AppCompat.Light.DarkActionBar替换为Base.Theme.AppCompat.Light.DarkActionBar

和清晰的项目。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.