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界面的截图。

2016年11月17日

android xml ui编辑器,Android Studio(八):使用Layout Editor设计UI相关推荐

  1. Android Studio(10)---使用 Layout Editor 构建 UI

    使用 Layout Editor 构建 UI 在 Android Studio 的 Layout Editor 中,您可以通过将小部件拖动到视觉设计编辑器来快速构建布局,无需手动编写布局 XML.此编 ...

  2. 2.3、Android Studio使用Layout Editor设计UI

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

  3. android xml 圆形图片,Android ImageView实现圆角,圆形图片

    UI设计中,为了有更好的效果,用户的头像很多以圆形方式显示,其实现的步骤 1 在res/values/attrs中添加 2 自定义View,CustomImageView.java package c ...

  4. android xml获取指定,android:如何从xml文件中获取信息?

    我得到一个程序,从一个链接的服务器获取天气.我已经做了一些将字符串结合到URL的字符串.我现在需要从XML文件中获取信息.android:如何从xml文件中获取信息? 这是我的代码:(我更换了,为了安 ...

  5. android xml 列表展示,Android中ListView实现展示列表数据

    1.在activity_main.xml中添加一个ListView xmlns:tools="http://schemas.android.com/tools" android:l ...

  6. android xml绘制图标,android – 如何为图标制作XML文件

    这是SHARE图标的xml文件.如何为其他图标创建xml? android:width="24dp" android:height="24dp" android ...

  7. android xml 平铺,Android 图片平铺实现方式

    Android 框架允许创建一个 drawable 包含一个 bitmap 并用于平铺.缩放和对齐处理.当我们需要让背景使用下面图片进行平铺时: 1)第一种利用系统提供的api实现 Bitmap bi ...

  8. android xml正方形,使用Android Constraintlayout创建一排均匀分布的正方形

    我正在努力创建一个由均匀分布的正方形链组成的布局,这些正方形可以填充可用空间.使用Android Constraintlayout创建一排均匀分布的正方形 我到底想要的布局,看起来像这样: 的想法是, ...

  9. android xml画圆,Android自定义View画圆功能

    本文实例为大家分享了Android自定义View画圆的具体代码,供大家参考,具体内容如下 引入布局 xmlns:tools="http://schemas.android.com/tools ...

最新文章

  1. Redis为什么变慢了?常见延迟问题定位与分析
  2. winform运行时如何接受参数?(示例)
  3. C++中结构体、联合体、枚举的区别
  4. 使用svn diff的-r参数的来比较任意两个版本的差异
  5. SAP 电商云 Spartacus UI delivery mode 页面设计的结构分析
  6. html怎么移动到vue,vue自定义指令之拖动页面的元素
  7. 创建对象的多种方式以及优缺点
  8. 嗅觉计算机应用,sensonic计算机嗅觉分析仪
  9. 使用Prometheus监控kubernetes集群
  10. Java电商项目-5.内容管理cms系统
  11. linux系统中使用百度云盘
  12. Python批量爬取某图片网站图片
  13. C++Primer第五版 第六章 课后习题答案
  14. 广西农业技术职业学院计算机,广西农业职业技术学院宿舍怎么样
  15. 第三次郑州.NET俱乐部活动总结
  16. 计算机文档里的圆圈,电脑怎么打出圆圈符号?利用word或者输入法打出圆圈的方法介绍...
  17. 2021美赛E题题译+思路+参考资料
  18. 阿里、京东、苏宁双十一“链”战
  19. 在程序大奖赛中,有10个评委为参赛的选手打分,分数为1~100分。选手最后得分为:去掉一个最高分和一个最低分后其余8个分数的平均值。
  20. 2018 年度阿里云存储十大新闻盘点篇 1

热门文章

  1. 6月27日比特币现金消息总结
  2. JavaScript数据运算
  3. 边缘计算:安全保护 快速响应
  4. Session与request的使用
  5. 《jacascript高级程序设计》笔记:数组方法高级
  6. call/apply/bind 的理解与实例分享
  7. servlet httpClient 下载远程文件
  8. 从windows server的文件服务到分布式文件服务(一)
  9. 不再为Apache进程淤积、耗尽内存而困扰[转载]
  10. 平时用电脑的一些技巧