Android Studio布局预览在哪里?


177

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

更新:这是我的情况:

在此处输入图片说明


5
您编辑的文件不在资源目录中...
etienne


4
前往View -> Tool Windows -> Preview
onmyway133 '18

对我来说,整个工具栏都丢失了,我必须启用View -> Toolbar Buttons
FirstOne

Answers:


353

更新2(2020-03-16)

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

在此处输入图片说明

原文(2013-05-21)

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

在此处输入图片说明

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

在此处输入图片说明

更新:

如果没有,请执行以下操作:View-> Tool Windows->Preview

在此处输入图片说明


41
我根本没有这个选择!
Fcoder

3
我更新了我的问题,我放了我的截图。我最近下载了它,没有做任何改变!
Fcoder

6
我有此选项,但已禁用!
奥米德

2
谢谢!我的预览消失了,我不知道它到底去了哪里(我想我的一个孩子一定撞到了东西)。谢谢!
tm_forthefuture 2014年

5
对于所有无法在view> Windows工具上查看预览的人,您必须在xml编辑器的“文本”选项卡中才能看到该选项
D4rWiNS 2015年

45

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

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

资源文件夹是自动设置的,可以在项目结构>模块> [模块名称]> Android>资源目录中查看(和更改)。


1
非常感谢。您节省了很多时间
Gaurav Vashisth

没有Android的标签,没有资源的特点是象你所说的,至少在目前的实际的Android 1.1.0工作室链接
Alexeev瓦列里·

是的,似乎Android Studio现在可以自动处理它了;我相信不能再意外打开输出文件了。
etienne

17

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


繁荣!谢谢。我在使用Dracula主题时遇到了同样的问题,必须切换回Default主题才能看到底部的“ Design”和“ Text”选项卡。干杯。
约书亚·品特

我错过了底部的标签,这对我来说与9/25/13的最新版本兼容。但是,它没有将我的主题切换回去,只是代码编辑器窗口..仍然是相当多的错误..很好的希望
hanzolo 2013年

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

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

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

在此处输入图片说明


谢谢!这个固定的。
Sumutiu Marius

这是正确的答案。花了我20分钟来修复。
Dan Zuzevich '17

12

以下为我工作:

->文件

->设置

->插件

->禁用Android支持插件

->将提示您重新启动

->重新启动后,重新启用该插件和其他可能已在此过程中禁用的依赖插件

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


10

我找到2个快速解决方案来解决此问题:

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

Android Studio中的预览窗口

编码愉快!



7

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

这样可以解决问题。


5

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

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

我单击提供的超链接,所有内容都已修复,“文本”和“设计”选项卡变得可见且可用


4

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

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

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

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

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


2

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

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


2

首先,在创建新应用之后

转到Java-> MainActivity

并为其打开一个新标签

在Java代码中,单击索引编号,您可以在其中看到代码徽标在此处输入图片说明

如图片中圈出的红色

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

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


1

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

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

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


0

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

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


0

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

无论如何,创建一个新项目而不是打开一个旧项目对我来说很成功,就像托马斯·卡利亚科斯(Thomas Kaliakos)在这里的评论中提到的那样。

我不得不搞乱这个项目。在某个时候它起作用了。我不知道如何。我的猜测是每次都可以创建一个新项目并添加源代码。抱歉,我不太清楚,但老实说,即使是我自己,我也感到惊讶。– Thomas Kaliakos 13年10月15日在4:08


0

如果您想要停靠模式(在编辑xml文件时仍然可见),并且您误单击并标记了停靠模式。为了找回它,您需要集中精力预览,然后单击Window > Active Tool Window > Docked Mode


0

如果您在底部看到一条消息,内容为“已检测到Android Framework。单击以进行配置”,请执行此操作。

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


0

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

尝试

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

0
  1. 转到“文件”->“使缓存无效/重新启动”。重新启动后,预览窗口将会出现。

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



0

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


-1

文件>>设置>>编译器>> JavaCompiler在“项目字节码版本(对于jdk,默认为空白):”中,选择您的jdk。

在此处输入图片说明

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.