182

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

这就是我的情况:

在此处输入图像描述

4

24 回答 24

358

UPDATE 2 (2020-03-16)

The newer Android Studio version changed the location of this button. Now if you want to see the layout design preview you will need to press one of the buttons at the top right of your xml. The button that looks like an image icon will open the design dashboard, while the button next to it will open the split view where the design is placed next to the XML code:

enter image description here

ORIGINAL (2013-05-21)

You should have a Design button next to the Text button under the xml text editor:

enter image description here

Or you can use the Preview button in the upper right corner to add a preview window next to the XML code:

enter image description here

UPDATE:

If you dont have it, then do this: View -> Tool Windows -> Preview

enter image description here

于 2013-05-21T00:02:31.773 回答
53

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

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

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

于 2013-05-21T12:15:06.360 回答
17
  1. 从左侧窗格中选择 MainActivity.java 文件,如红色矩形所示。

  2. 左键单击 XML 标记图标,如红色圆圈所示。

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

在此处输入图像描述

于 2015-02-19T06:27:32.223 回答
17

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

于 2013-09-11T08:19:35.697 回答
12

以下对我有用:

-> 文件

-> 设置

-> 插件

-> 禁用 android 支持插件

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

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

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

于 2014-02-27T16:58:18.417 回答
10

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

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

android studio中的预览窗口

快乐编码!

于 2015-04-06T12:55:08.843 回答
8

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

在此处输入图像描述

于 2020-02-28T19:14:48.970 回答
7

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

这将解决问题。

于 2016-05-17T07:27:48.590 回答
5

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

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

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

于 2014-08-27T16:41:02.240 回答
4

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

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

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

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

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

于 2013-09-21T01:53:23.410 回答
2

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

我遇到过同样的问题。如果您在build目录中的布局文件中,您将看不到预览,也不会将其作为启用选项。我希望谷歌对此有轻微的警告。

于 2013-05-29T22:37:22.980 回答
2

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

转到java-> MainActivity

并为其打开一个新标签

在 java 代码中单击索引编号,您可以在其中看到代码徽标在此处输入图像描述

如图中红圈所示

左键单击它,您将看到两个选项,如下图所示在此处输入图像描述

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

于 2017-06-17T16:10:01.827 回答
1

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

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

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

于 2013-05-21T00:05:36.057 回答
0

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

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

于 2013-09-09T06:37:34.670 回答
0

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

无论如何,创建一个新项目而不是打开一个旧项目对我来说就像 Thomas Kaliakos 在他的评论中提到的那样在这里

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

于 2014-10-26T18:03:01.047 回答
0
  1. 转到 File-> Invalidate Caches/ Restart。重新启动后会出现预览窗口。

  2. 仍然没有打开预览窗口,转到查看->工具窗口->单击预览

于 2019-03-23T08:25:03.097 回答
0

我有 Android Studio 版本"Arctic Fox | 2020.3.1"

第 1 步 -打开您的 xml 文件。

在此处输入图像描述

第 2 步-从 Gradle 下方的右上角,您将获得 Layout Validation 选项,单击它。

在此处输入图像描述

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

在此处输入图像描述

于 2021-09-15T12:13:40.613 回答
0

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

于 2019-10-08T12:41:36.457 回答
0

就我而言,我没有“设计”或“预览”选项卡。

尝试

  • 正确配置代理以下载必要的组件
  • 将 android-sdk 路径配置为不包含空格字符
  • 以管理员模式重启 Android Studio
于 2019-02-15T02:35:23.413 回答
0

只需搜索包含您的应用程序布局的相应文件夹,在这种情况下,您可以在您的存储库文件夹中找到:AppName >res>layout 并双击您的偏好活动的布局主要通常包含您视图的主要内容 在此处输入图像描述

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

于 2021-09-14T17:03:04.797 回答
0

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

完成此操作后,我的文本和设计底部选项卡出现了。

于 2017-02-01T08:03:54.757 回答
0

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

于 2019-07-26T12:42:56.467 回答
0

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

于 2017-01-17T18:47:53.167 回答
-1

文件>>设置>>编译器>>Java编译器在“项目字节码版本(jdk默认留空):”选择你的jdk。

在此处输入图像描述

于 2013-05-31T06:35:25.987 回答