Android Studio(五)使用布局编辑器

使用布局编辑器

另请参阅

• 入门Android的工作室
• Android的工作室技巧和窍门
• 从Eclipse的迁移

视频

有什么新的Andr​​oid开发工具

Android Studio提供了一个先进的布局编辑器，允许您拖动和拖放控件到你的布局和预览您的布局，同时编辑XML。

在布局编辑器，您可以在之间切换文本视图，在这里您可以编辑XML文件作为文本和设计视图。只需单击相应的选项卡，在窗口底部，显示所需的编辑器。

编辑在文本视图

---

您可以使用文本视图编辑您的布局文件。本节将介绍一些可用的功能文本视图。

预览

在编辑的Text视图中，您可以通过打开预览布局上的设备Preview右侧窗口可用窗格中。内部的Preview窗格中，可以通过改变各种选项窗格的顶部，包括预览设备，布局的主题，平台版本和更多的修改预览。若要查看如何你的应用程序看起来与一个特定的设备外观的预览，点击预览图标  ，然后选择所需的设备，如的Nexus 4：

图1。预览您的应用程序。

同时预览布局在多个设备上，选择Preview All Screen Sizes 预览所有的屏幕尺寸从设备下拉菜单。

当您在预览图像中单击，布局编辑器突出在XML中的相应部分，反之亦然。

交互式错误检测和恢复

当你编辑的文本布局的XML文件，Android的工作室标志错别字的意见，并提供协助。

例如，假设您要添加一个按钮，你拼错为“Buttonn”。Android Studio可以帮助你通过显示一个错误，如下面，在那里你可以在“更改为按钮”点击修复XML文件中的错误进行更正​​：

图2。旗标误差。

Android Studio还会提示您提供缺少的信息。例如，假设你开始添加一个片段布局的XML文件。首先，Android的工作室在您键入时显示自动完成建议。一旦你添加一个片段变得清晰，Android Studio将显示一个错误面板的链接，您可以单击提供缺少的属性。点击在这种情况下，“自动添加所有缺少的属性”做到了这一点 - 它完成在布局XML文件片段定义：

图3。提供丢失的信息

选择一个主题

选择一个主题为您的应用程序，点击主题图标 。

这将显示选择主题对话框，在这里您可以搜索特定的主题和/或选择其中一个从右侧的列表中。您选择的主题将反映在预览图像。

图4：指定一个主题。

本土化

Android的Studio提供了内置的本地化支持。当您单击本地化图标 ，你可以选择一个特定的区域设置，添加和编辑翻译，预览区域设置你的应用程序的支持（所有语言环境或只是一个单一的语言环境），并预览从右到左的布局语言是RTL。

见支持不同的语言，了解如何支持不同的语言环境中的应用程序的说明。

例如，这里是一个“Hello World”应用程序的预览  区域：

图5。预览区域设置。

编辑在设计视图

---

可以通过单击切换到图形编辑器Design在窗口的底部。而编辑在Design视图中，可以显示和隐藏可以通过单击拖动和拖放小部件Palette调色板在窗口的左侧。点击Designer在窗口右侧的显示面板与布局层次和布局每个视图属性列表。

当您拖动一个控件到你的应用程序中的图形布局，显示改变，以帮助您将小工具。你看到什么取决于布局的类型。例如，如果你拖动控件到一个FrameLayout中，它会显示一个网格，以帮助您放置小部件，如图6：

图6：使用网格布局放置一个小部件。

在图形编辑器，你可以通过拖动小工具到所需的位置重新排列你的应用程序的用户界面。

拍摄快照

当您连接的设备上运行您的应用程序，您可以通过点击相机图标把它的一个快照  到记录面板的左侧（在窗口的默认的底部）。这需要你运行的应用程序（或任何正在您的设备上显示）的快照，并在窗口中显示它。检查Frame Screenshot到您所选择的设备肌肤内显示您的截图。您也可以指定是否希望图像具有屏幕眩光和/或阴影。一旦你拥有了想要的效果，你可以保存图片。

你可以使用相同的过程来创建您的应用程序的预览的快照。只需点击预览区域中的相机图标，然后按照步骤添加设备的肌肤。