Android Studio提供了一个高级的布局编辑器，允许你拖拽控件，在编辑XML之后可以实时预览。
在布局编辑器中，你在文字视图和设计视图直接来回切换。

在文字视图中编辑

你可以在文字视图中编辑你的布局文件，这一节描述文字视图可用的一些特性。

预览

当你在文字视图中编辑室，你可以通过点击窗口右边的Preview面板来在设备中预览布局。在Preview面板，你可以在面板顶部更改多个选项来更改预览，包括预览设备，布局主题，平台版本等等。如图：

要想在多个设备中模拟预览布局，在设备下拉框选择Preview All Screen Sizes。
当你点击预览图片，布局编辑器自动高亮并且定位到相应的位置。

交互错误检测和恢复

当你编辑文字试图中的XML布局文件时，Android Studio会实时提示错误并提供帮助。
比如，假设你添加了一个按钮，却拼成Buttonn。Android Studio会通过显示一个如下的错误来帮你纠正它。

Android Studio可以提示你补充遗漏的信息。比如，假设你添加一个Fragment到你的XML文件中。首先，Android Studio显示了一个自动完成的提示。一旦确定你添加一个fragment，Android Studio会显示一个带链接的错误来提示你补充遗漏的属性。点击Automatically add all missing attributes可以帮助你添加丢失的属性。如图：

选择一个主题

通过点击主题图标来为你的app选择一个主题。
这会打开Select Theme对话框，在这里你可以选择合适的主题并在右边选择合适的。如图：

本地化

Android Studio提供了内建的本地化支持。当你点击本地化按钮，选择一个特定的语言，可以实时预览。如图：

在设计视图中编辑

你可以通过点击窗口地步的Design来切换到图形编辑器视图。如图：

多API版本预览渲染

Android Studio支持多API版本渲染，当你在设计视图中点击Android版本，Android Studio允许你同时多个API预览你的Android布局。如图：

截图

当你在一个连接的设备上运行你的app的时候，你可以通过点击设计视图中的相机图标完成对app界面的截图。

本文作者：宋志辉
个人微博：点击进入

转载于:https://www.cnblogs.com/hainange/p/6153440.html

2.3、Android Studio使用Layout Editor设计UI相关推荐

android xml ui编辑器,Android Studio（八）：使用Layout Editor设计UI
Android Studio提供了一个高级的布局编辑器,允许你拖拽控件,在编辑XML之后可以实时预览. 在布局编辑器中,你在文字视图和设计视图直接来回切换. 在文字视图中编辑你可以在文字视图中编辑你 ...
Android Studio(10)---使用 Layout Editor 构建 UI
使用 Layout Editor 构建 UI 在 Android Studio 的 Layout Editor 中,您可以通过将小部件拖动到视觉设计编辑器来快速构建布局,无需手动编写布局 XML.此编 ...
APP开发流程实例讲解-儒释道网络电台八天开发全程-在Android Studio中完成界面设计
APP开发流程实例讲解-儒释道网络电台八天开发全程功能和界面初步设定 APP开发流程实例讲解-儒释道网络电台八天开发全程项目发起功能和界面初步设定在Android Studio中完成界面设计 ...
基于Android studio的备忘录app设计
系统使用Android studio开发平台开发,使用sqlite数据库进行数据存储. 功能如下: 注册登录管理备忘信息(增删查改) 根据备忘录创建时间快速查询基于Android studio的备 ...
Android Studio中进行单元测试和UI测试
目录在Android Studio中进行单元测试和UI测试 - 1.概述在Android Studio中进行单元测试和UI测试 - 2.创建新的Android Studio工程在Android ...
android主题资源,使用 Theme Editor 设计应用主题背景
警告:从版本 3.3 开始,Theme Editor 不再包含在 Android Studio 中. Android Studio 包含一个名为 Theme Editor 的视觉辅助工具,该工具可以帮 ...
基于Android Studio的安卓课程设计（Keep运动软件）
一.开发环境 1.系统环境:Windows.Mac等 2.集成开发环境:Android Studio.虚拟机版本为Android 7.0(Nexus 5 API 24型号) 数据库系统:Android ...
用android studio 完成简单计算器设计开发日志
简单计算器的设计是学习安卓的第一个APP的设计,我发现,其实安卓跟Java有很大的相似性,虽然界面的设计要用到前端的设计,但是功能的实现基本都是使用Java来实现的,但由于对Android studi ...
Android Studio类微信界面设计
文章目录一.类微信界面能实现的功能二.xml代码 top.xml bottom.xml tab.xml activity_main.xml 三.Java代码 MainActivity.java w ...

2.3、Android Studio使用Layout Editor设计UI