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

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

我的情况是这样的:

enter image description here

330997 次浏览
小开
最佳答案

更新资料2(2020-03-16)

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

enter image description here

原创(2013-05-21)

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

enter image description here

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

enter image description here

更新:

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

enter image description here

小开

如果你想看到的 现场预演，在屏幕的右侧部分，你应该有一个按钮调用 预览，显示/隐藏现场预览。

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

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

小开

好几个人似乎都有同样的问题。问题是 IDE 只有在编辑 Android 项目的 res/layout*目录中的布局文件时才显示预览。

特别是，它不会显示是否在 build/res/layout*中编辑文件，因为这些文件不是 来源目录，而是 输出目录。在您的例子中，您正在编辑 build/目录中的一个文件..。

Resource 文件夹是自动设置的，可以在 Project Architecture > Module > [ Module name ] > Android > Resources 目录中查看(并更改)。

小开

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

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

小开

文件 > > 设置 > > 编译器 > > JavaCompiler 在“ Projectbytecode version (为 jdk default 保留空白) :”选择您的 jdk。

enter image description here

小开

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

很简单，如果我们知道在哪里寻找! ! ! 花几个小时想出来! ! ！

小开

如果这对大家有帮助的话，我今天遇到了同样的问题，“设计/文本”标签不见了。我已经切换到黑暗的主题，并认为这可能是问题所在，所以回到首选项/外观(在 IDE 设置下)切换回默认主题，并为我正确地重置一切。然后我还可以再次切换到 Darcula 主题，而选项卡仍然存在，所以切换主题似乎是重置 IDE 窗口/选项卡的一种方式。

小开

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

选择 new Module-> Select Application Module in Android option-> give a Module name-> next-> next-> Finish

选择要包含在模块中的项目-> 单击 application-> okay

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

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

小开

以下几点对我很有效:

- > 档案

- > 设定

- > 插件

- > 禁用 android 支持插件

- > ，系统会提示您重新启动

- > 一旦重新启动，重新启用插件和其他依赖性插件，这些插件可能在过程中被禁用

- > ，系统会提示您再次重新启动。希望当安卓工作室重新启动第二次预览应呈现。

小开

在将我的 Eclipse ADT 项目导入 Android Studio. Text 和 Desing 选项卡之后，也出现了同样的问题。

发现我的事件日志窗口读取 “检测到框架: 在项目配置中检测到 Android 框架”

我点击所提供的超链接，一切都被修复，文本和设计标签变得可见和功能

小开

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

无论如何，创建一个新的项目而不是打开一个旧的为我做了什么托马斯 Kaliakos 在他的评论 给你提到的把戏

我不得不在这个项目上浪费时间。.在某种程度上，它起作用了。但我不知道怎么做。我的猜测是，创建一个新项目并添加源代码每次都会奏效。很抱歉没有说清楚，但是说实话，我自己都很惊讶它居然有用。-Thomas Kaliakos 10月15’13 at 4:08

小开

  1. 从左窗格中选择 MainActivity.java 文件，如红色矩形所示。

  2. 左键单击红色圆圈中显示的 XML 标记图标。

  3. 选择下图中突出显示的“ activity _ main.xml (layout)”选项。

enter image description here

小开

我找到了两个快速的方法来解决这个问题:

  1. 只要输入搜索“预览”，它会显示一个单一的结果。只要点击它，预览就会再次出现:)
  2. 拉右边的线，窗户就会出现。这是一种调整大小。

Preview window in android studio

编程愉快！

小开

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

这样问题就解决了。

小开

如果您想要停靠模式(在编辑 xml 文件时仍然可见) ，并且您错误地单击了未标记的停靠模式。为了得到它回来，你有预览和点击 Window > Active Tool Window > Docked Mode的重点。

小开

如果你在底部看到一条类似“检测到 Android 框架，请点击配置”的信息，请照做。

这样做之后，我的文本和设计底部标签出现。

小开

首先是在创建新的应用程序之后

转到 java-> MainActivity

然后开一个新的账单

在 Java 代码中，单击可以看到代码徽标的索引编号enter image description here

如图中红圈所示

左键点击它，你会看到如下图所示的两个选项enter image description here

点击第一个选项，这样你就可以在 android 工作室预览你的应用程序

小开

在我的情况下，我没有 设计或 预览选项卡。

试试看

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

  1. 转到 File-> 无效缓存/重新启动 预览窗口将会出现

  2. 仍然没有打开预览窗口，进入查看-> 工具窗口-> 单击 预览

小开

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

小开

我使用的是 Android Studio 3.3，这个方法对我很有效: 从文件/设置打开设置 从左侧面板选择编辑器，然后布局编辑器 然后从右面板取消选中第三个选项，这是“隐藏预览窗口时编辑非布局文件”然后点击应用然后确定。 然后转到视图/工具窗口/预览是启用现在在设计标签的布局 XD。不要忘记投票，并把这个答案标记为正确答案。编程愉快。< img src = “ https://i.stack.imgur.com/T1w9U.png”alt = “ enter image description here”> < img src = “ https://i.stack.imgur.com/T1w9U.png”alt = “ enter image description here”>

小开

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

enter image description here

小开

只需要搜索适当的文件夹，包含您的应用程序布局，在这种情况下，您可以找到在您的存储库文件夹: 应用程序名称 > res > 布局和双击布局您的首选项活动主要通常包含您的主要事项的意见 enter image description here

重要 : 检查是否已激活右上角的设计可视化(图像图标)

小开

我有安卓工作室版本 “北极狐 | 2020.3.1”。

步骤1- 打开 xml 文件。

enter image description here

步骤2- 从 Gradle 下面的顶部，你会看到布局验证选项，点击它。

enter image description here

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

enter image description here

小开

该解决方案发布到最新的 Android Studio 海豚版本

经过大量的搜索和测试，我升级了我的等级版本和它的工作。

只需转到 File -> Project Structure或按下 Ctrl + Alt + Shift + S，然后 upgrate the gradle version，如下图所示，然后 invalidate cache and restart的 Android 工作室和它的工作

enter image description here

如图所示，我升级了我的等级

使用 Android Studio 编程愉快:)


提交答案