Android Studio 中的布局预览在哪里？答案

【问题标题】：Where is the layout preview in Android Studio?Android Studio 中的布局预览在哪里？
【发布时间】：2013-05-20 23:52:17
【问题描述】：

我安装了 Android Studio，但是当我编辑布局文件时，我找不到实时预览！我只看到一个 XML 文件。如何在图形视图中查看我的布局？

这就是我的情况：

【问题讨论】：

你编辑的文件不在Resources目录下...
stackoverflow.com/questions/16644419/…
转到View -> Tool Windows -> Preview
对我来说，整个工具栏都不见了，我必须启用View -> Toolbar Buttons。

标签： android android-studio

【解决方案1】：

更新 2 (2020-03-16)

较新的 Android Studio 版本更改了此按钮的位置。现在，如果您想查看布局设计预览，您需要按 xml 右上角的按钮之一。看起来像图像图标的按钮将打开设计仪表板，而旁边的按钮将打开拆分视图，其中设计放置在 XML 代码旁边：

原创 (2013-05-21)

您应该在 xml 文本编辑器下的 Text 按钮旁边有一个 Design 按钮：

或者你可以使用右上角的Preview按钮在XML代码旁边添加一个预览窗口：

更新：

如果你没有，那么这样做：View -> Tool Windows -> Preview

【讨论】：

我根本没有这个选项！！
我更新了我的问题，我把我的截图。我最近下载它并没有改变任何东西！
我有这个选项但禁用了！
谢谢！我的预览消失了，我不知道它到底去了哪里（我想我的一个孩子一定是撞到了什么东西）。谢谢！
对于所有看不到预览视图的人> windows 工具，您必须在 xml 编辑器的“文本”选项卡中才能看到该选项

【解决方案2】：

似乎有几个人有同样的问题。问题在于，如果在 Android 项目的 res/layout* 目录中编辑布局文件，IDE 只会显示预览。

特别是，它不会显示是否编辑 build/res/layout* 中的文件，因为它们不是 source 目录而是 output 目录。在您的情况下，您正在编辑 build/ 目录中的文件...

Resource 文件夹是自动设置的，可以在 Project Structure > Modules > [Module name] > Android > Resources 目录中查看（和更改）。

【讨论】：

非常感谢。你节省了很多时间
没有您描述的 Android 选项卡和资源功能，至少在当前实际的 Android Studio 1.1.0 link
是的，Android Studio 现在似乎会自动处理它；我相信人们不会再不小心打开输出文件了。
天哪，我快被这个弄疯了！！谢谢！

【解决方案3】：

如果对任何人有帮助，我今天遇到了同样的问题，即缺少“设计/文本”选项卡。我已经切换到深色主题，并认为这可能是问题所在，所以回到首选项/外观（在 IDE 设置下）切换回默认主题，这对我来说正确重置了所有内容。然后我也可以再次切换到 Darcula 主题并且选项卡仍然存在，因此切换主题似乎是重置 IDE 窗口/选项卡的一种方式。

【讨论】：

轰隆隆！谢谢你。我在使用 Dracula 主题时遇到了同样的问题，必须切换回默认主题才能看到底部可见的“设计”和“文本”选项卡。干杯。
我错过了底部的标签，这对我来说适用于 2013 年 9 月 25 日的最新版本。但是，它并没有将我的主题切换回来，只是代码编辑器窗口.. 仍然相当有问题.. 虽然很有希望

【解决方案4】：

从左侧窗格中选择 MainActivity.java 文件，如红色矩形所示。
左键单击 XML 标记图标，如红色圆圈所示。
选择下图中突出显示的“activity_main.xml(layout)”选项。

【讨论】：

谢谢！这已修复。
这是正确的答案。我花了 20 分钟修复。

【解决方案5】：

以下内容对我有用：

-> 文件

-> 设置

-> 插件

->禁用android支持插件

->会提示你重启

-> 重启后重新启用插件和其他可能在进程中被禁用的依赖插件

-> 系统将再次提示您重新启动。希望当 android studio 重新启动时，预览应该呈现第二次。

【讨论】：

【解决方案6】：

我找到了 2 个快速选项来解决此问题：

只需在搜索“预览”中输入，它就会显示一个结果。只需点击它，预览就会再次出现:)
拉右边的线，会出现窗口。有点调整大小。

编码愉快！

【讨论】：

【解决方案7】：

对于那些在 Android Studio 3.6 中苦苦挣扎的人：

【讨论】：

【解决方案8】：

转到文件->使缓存无效/重新启动。

这将解决问题。

【讨论】：

【解决方案9】：

将我的 Eclipse ADT 项目导入 Android Studio 后遇到了同样的问题。缺少文本和设计选项卡。

发现我的事件日志窗口显示 “检测到框架：在项目Configure中检测到Android框架”

我单击提供的超链接，一切都已修复，文本和设计选项卡变得可见且功能正常

【讨论】：

【解决方案10】：

导航到文件 -> 项目结构 -> 模块 -> 点击绿色加号按钮添加模块。

选择新模块 -> 在 Android 选项中选择应用程序模块 -> 给出模块名称 -> 下一个 -> 下一个 -> 完成

选择要包含在模块中的项目 -> 点击应用 -> 好的

现在您将能够看到完整的项目结构；然后打开模块表单项目窗口（左侧面板），选择 res 然后选择 layout -> your layout name(.xml).

现在您将能够同时看到设计视图和文本视图...

【讨论】：

【解决方案11】：

正如 etienne 所说，确保您正在查看的 XML 文件位于 src/main/res/layout

我有同样的问题。如果您在 build 目录中的布局文件中，您将看不到预览，也不会将其作为启用选项。我希望 Google 对此有一点警告。

【讨论】：

【解决方案12】：

首先在创建新应用之后

转到java->MainActivity

并为它打开一个新标签

在java代码中点击索引编号可以看到代码logo

如图中红圈

左键点击会看到两个选项，如下图

点击第一个选项，以便您可以在 android studio 中预览您的应用

【讨论】：

【解决方案13】：

如果您想查看实时预览，您应该在屏幕右侧有一个名为Preview的按钮，用于显示/隐藏实时预览。

如果您想要使用 WYSISYG 编辑器模式，在编辑器底部有一个选项卡，可以在 XML 模式和 WYSISYG 模式之间切换。 p>

这在 IntelliJ 和 Android Studio 中的工作方式相同。

【讨论】：

【解决方案14】：

我有同样的问题，并通过编辑 src>main>res>layout 中的 t 文件解决。您可以在编辑器底部的测试和设计模式之间进行选择。

如果我们知道在哪里寻找就很简单了！！！花几个小时弄清楚！

【讨论】：

【解决方案15】：

几个小时前，当我将项目从 Eclipse 导出到 Android Studio 时，我遇到了这个问题。不幸的是，这里的最佳答案对我不起作用。

无论如何，正如 Thomas Kaliakos 在他的评论 here 中提到的那样，创建一个新项目而不是打开一个旧项目对我来说起到了作用。

我不得不在这个项目上搞砸了......并且在某些时候它起作用了。我不知道如何。我的猜测是创建一个新项目并添加您的源代码每次都会起作用。很抱歉不是很清楚，但老实说，我自己也对它的工作感到惊讶。 – Thomas Kaliakos 2013 年 10 月 15 日 4:08

【讨论】：

【解决方案16】：

如果您想要停靠模式（在编辑 xml 文件时它仍然可见），而您错误地单击并取消了标记停靠模式。为了取回它，您必须专注于预览并点击Window > Active Tool Window > Docked Mode。

【讨论】：

【解决方案17】：

如果您在底部看到类似“检测到 Android 框架。单击以配置”之类的消息，请执行此操作。

完成此操作后，我的 Text 和 Design 底部选项卡出现了。

【讨论】：

【解决方案18】：

就我而言，我没有设计或预览标签。

试试

正确配置代理以下载必要的组件
将 android-sdk 路径配置为不包含空格字符
在管理员模式下重启 Android Studio

【讨论】：

【解决方案19】：

转到文件->使缓存无效/重新启动。重启后预览窗口会出现。
还是没有打开预览窗口，去查看->工具窗口->点击预览

【讨论】：

【解决方案20】：

转到文件>设置>外观和行为>外观>显示工具窗口栏

【讨论】：

【解决方案21】：

我使用的是 Android Studio 3.3，这个方法对我有用：从文件/设置中打开设置从左侧面板中选择编辑器然后布局编辑器然后从右侧面板中取消选中第三个选项，即“编辑非布局文件时隐藏预览窗口”，然后点击应用然后确定。然后转到视图/工具窗口/预览现在在布局 XD 的设计选项卡中启用。不要忘记投票并将此答案标记为正确答案。快乐编码。

【讨论】：

【解决方案22】：

只需要搜索包含您的应用程序布局的相应文件夹，在这种情况下，您可以在您的存储库文件夹中找到：AppName>res>布局并双击您的偏好活动主布局包含您的观点的主要内容

重要提示：检查您是否已激活右上角的设计可视化（图片图标）

【讨论】：

【解决方案23】：

我有 Android Studio 版本“Arctic Fox | 2020.3.1”。

步骤 1- 打开你的 xml 文件。

第 2 步- 从 Gradle 的右上方，您将获得 Layout Validation 选项，点击它。

第 3 步 - 点击布局验证面板中的“查看选项”（眼睛图标）。您将在下拉菜单中看到“显示系统 UI”选项。选择此项后，您可以看到您的设计预览。

【讨论】：

【解决方案24】：

文件>>设置>>编译器>>JavaCompiler 在“项目字节码版本（jdk默认留空）：”选择你的jdk。

【讨论】：