最新Android界面Layout介绍
使用Android的Layout Editor设计Android用户界面
使用Android的Layout Editor设计Android用户界面在当今移动应用开发领域，Android操作系统占据着重要的地位。
而在Android 应用的设计中，用户界面起着至关重要的作用。
一个优秀的用户界面能够提供良好的用户体验，使得用户能够轻松地使用应用程序，并且感到舒适和满意。
而为了方便开发者设计出符合用户期望的用户界面，Android提供了Layout Editor的工具。
Layout Editor是Android Studio的一个重要组件，它允许开发者通过可视化的方式设计和编辑Android应用的用户界面。
使用Layout Editor，开发者可以轻松地拖拽组件、调整它们的位置和大小以及编辑它们的属性。
这样一来，即使对于没有设计经验的开发者来说，也可以快速地创建出令人满意的用户界面。
使用Layout Editor设计用户界面的第一步是创建一个新的布局文件。
在Android Studio中，可以通过选择"New"->"XML"->"Layout XML"来创建一个新的布局文件。
接着，Layout Editor会自动打开，并展示一个空的用户界面画布。
在画布上，开发者可以开始绘制应用程序的用户界面。
首先，可以通过左侧的组件面板，选择要添加到界面中的组件。
常见的组件包括按钮、文本框、图片等等。
在选择组件后，只需要简单地在画布上拖拽一下，组件就会自动添加到界面中。
一旦组件添加到界面中，开发者可以通过点击它们来进行编辑。
在弹出的属性编辑器中，可以为组件设置各种属性，比如宽度、高度、字体大小、颜色等等。
这样一来，开发者可以根据应用程序的需求来定制每个组件的外观和行为。
在Layout Editor中，还有一些常用的功能可以帮助开发者更好地设计用户界面。
例如，布局管理器可以帮助开发者更好地控制组件的位置和排列方式。
通过选择不同的布局管理器，开发者可以实现不同的布局风格，比如线性布局、相对布局和网格布局等等。
Layouts介绍
Layouts介绍Layout管理器（⼀般称“layouts”）是ViewGroup的扩展，被设计⽤来控制⼦控件在屏幕上的位置。
Layouts能相互嵌套，通过Layout管理器的结合，你可以创建任意复杂的界⾯。
Android SDK包含⼀些简单的Layout，帮助你构建UI。
选择layout间正确的结合来使界⾯易于理解和使⽤就取决于你咯。
下⾯的列表包含了⼀些更通⽤的layout类：❑ FrameLayout最简单的layout管理器，FrameLayout简单地将每⼀个View显⽰在左上⾓。
增加多个⼦View时，新的View位于先前的上⽅，并且还遮盖先前的View。
❑ LinearLayoutLinearLayout⽤来沿着某⼀个直线⽅向增加⼦View，包括垂直的和⽔平的。
垂直的layout每⼀⾏有⼀个孩⼦；⽽⽔平的layout只有⼀⾏。
LinearLayout可以为每个⼦View指定“weight”，来控制在可获得的空间⾥每个⼦View的相对⼤⼩。
❑ RelativeLayout使⽤RelativeLayout，你可以定义每个⼦View相对于其它的View或屏幕边界的位置。
❑ TableLayoutTableLayout允许你按照⽹格的⾏列来放置View。
每格可以占据多个⾏和列，并且列可以设定为缩⼩或增长。
❑ AbsoluteLayout在AbsoluteLayout⾥，每个⼦View的位置以绝对坐标进⾏定义。
使⽤这个类，你可以为组件安排最精确的布局，但是有代价的。
与之前的管理器⽐较⽽⾔，以绝对的坐标来定义layout意味着你的layout不能为不同的屏幕分辨率和⽅向进⾏动态调整。
Android⽂档详细的描述了每个layout的特性和属性，所以不在这⾥重复说明，我建议你可以参见：在这章的后⾯，你会学习到如何通过扩展这些layout类来创建组合的控件（widget由⼀些互相联系的View组成）。
layout的用法
Layout是一种常见的布局方式，它使用XML文件来描述界面布局。
Layout布局可以用于Android应用程序的界面设计。
在Layout布局中，可以使用各种属性来控制界面元素的位置和大小。
例如，可以设置控件的宽度和高度、边距、背景色等。
以下是一些Layout布局的常用属性：
* `android:layout_width`和`android:layout_height`: 用于设置控件的宽度和高度。
* `android:layout_margin`、`android:layout_marginLeft`、`android:layout_marginTop`、`android:layout_marginRight`和`android:layout_marginBottom`: 用于设置控件的边距。
* `android:background`: 用于设置控件的背景色或背景图片。
* `android:layout_weight`: 用于设置控件在水平或垂直方向上所占的比例。
* `android:singleLine`: 用于控制文本是否自动换行。
除了以上常用属性外，Layout布局还支持其他许多属性，可以根据实际需要进行使用。
Android之界面布局
用户界面基础
用户界面（User Interface，UI)是系统和用户之间 进行信息交换的媒介，实现信息的内部形式与人类 可以接受形式之间的转换
在计算机出现早期，批处理界面（1946-1968）和命令行 界面（1969-1983）得到广泛的使用 目前，流行图像用户界面（Graphical User Interface， GUI），采用图形方式与用户进行交互的界面 未来的用户界面将更多的运用虚拟现实技术，使用户能 够摆脱键盘与鼠标的交互方式，而通过动作、语言，甚 至是脑电波来控制计算机
// 定义布局管理器的指定宽和高 youtParams params = new youtParams( youtParams.FILL_PARENT, youtParams.FILL_PARENT); layout.setOrientation(LinearLayout.VERTICAL);
<Button android:id="@+id/btn1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="gravity测试" android:gravity="right" /> <Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="layout_gravity测试" android:layout_gravity="right" />
android中线性布局linearlayout的使用场合及简要介绍标准版文档
如果垂直排列，则每行仅包含一个界面元素 如果水平排列，则每列仅包含一个界面元素 属性android:orientation
• horizontal • vertical
3
即使组件超出屏幕，也不会自动换行
五种常见布局的使用场合及简要介绍 | 动态创建LinearLayout
4
动态创建线性布局
在将每一个View加入到这个Layout里边的时候，会传传递一组值，这组值封装在LayoutParams这个类当 中。在显示这个View的时候，它的容器会根据传进来的LayoutParams进行计算，来确认这个View显示的 大小和位置
五种常见布局的使用场合及简要介绍 | LinearLayout的layout_gravity属性
6
layout_gravity属性
相对于包含该元素的父元素来说的，设置该元素在父元素的什么位置
android:gravity：是对view控件本身来说的，是用来设置view本身的内容应该显示在view的什么 位置,默认值是左侧 。 android:layout_gravity：是相对于包含该元素的父元素来说的，设置该元素在父元素的什么位置
五种常见布局的使用场合及简要介绍 | LinearLayout的属性gravity
android:gravity：是对view控件本身来说的，是用来设置view本身的内容应该显示在view的什么位置,默认值是左侧 。
LayoutParams params = new LinearLayout.
可以同时指定多种对齐方式，如left|center_vertical表示出 现在屏幕左边，并且垂直居中
• layout_width - 宽 • layout_height - 高
android ui界面设计参数讲解
android ui界面设计参数讲解android:layout_width 设置组件的宽度android:layout_height 设置组件的高度android:id 给组件定义一个id值，供后期使用android:background 设置组件的背景颜色或背景图片android:text 设置组件的显示文字android:textColor 设置组件的显示文字的颜色android:layout_below 组件在参考组件的下面android:alignTop 同指定组件的顶平行android:maxLength="6" 限制输入字数android:digits='012356789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'限制输入数字和大写小写字母1. 开发更简单，执行速度高效。
2. 输入法默认会根据情况变动，比如说设置为numeric后输入法会自动仅显示数字，不会出现Qwerty中的字母。
下面我们通过EditText的layout xml文件中的相关属性来实现:1. 密码框属性android:password='true' 这条可以让EditText显示的内容自动为星号，输入时内容会在1秒内变成*字样。
2. 纯数字android:numeric='true' 这条可以让输入法自动变为数字输入键盘，同时仅允许0-9的数字输入3. 仅允许android:capitalize='cwj1987' 这样仅允许接受输入cwj1987，一般用于密码验证下面是一些扩展的风格属性一起使用。
效果：效果如下：。
Android自适应屏幕大小和layout布局(横屏竖屏)
一：不同的layoutAndroid手机屏幕大小不一，有480x320, 640x360, 800x480.怎样才能让App自动适应不同的屏幕呢？其实很简单，只需要在res目录下创建不同的layout文件夹，比如layout-640x360,layout-800x480,所有的layout文件在编译之后都会写入R.java里，而系统会根据屏幕的大小自己选择合适的layout进行使用。
二：hdpi、mdpi、ldpi在之前的版本中，只有一个drawable，而2.1版本中有drawable-mdpi、drawable-ldpi、drawable-hdpi三个，这三个主要是为了支持多分辨率。
drawable- hdpi、drawable- mdpi、drawable-ldpi的区别：(1)drawable-hdpi里面存放高分辨率的图片,如WVGA (480x800),FWVGA (480x854)(2)drawable-mdpi里面存放中等分辨率的图片,如HVGA (320x480)(3)drawable-ldpi里面存放低分辨率的图片,如QVGA (240x320)系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。
更正：应该是对应不同density 的图片在开发程序时为了兼容不同平台不同屏幕，建议各自文件夹根据需求均存放不同版本图片。
[i]备注：三者的解析度不一样，就像你把电脑的分辨率调低，图片会变大一样，反之分辨率高，图片缩小。
[/i]屏幕方向：横屏竖屏自动切换：可以在res目录下建立layout-port-800x600和layout-land两个目录，里面分别放置竖屏和横屏两种布局文件，这样在手机屏幕方向变化的时候系统会自动调用相应的布局文件，避免一种布局文件无法满足两种屏幕显示的问题。
不同分辨率横屏竖屏自动切换：以800x600为例可以在res目录下建立layout-port-800x600和layout-land-800x600两个目录不切换：以下步骤是网上流传的，不过我自己之前是通过图形化界面实现这个配置，算是殊途同归，有空我会把图片贴上来。
Android界面设计简单讲解
Android界⾯设计简单讲解上⼀个教程我们已经讲了，怎么在Eclipse上搭建好编译Android应⽤软件的环境了，接下来我们这个教程，将简单讲解⼀下应⽤程序的界⾯设计！在Android平台上，⽤户界⾯（屏幕上的界⾯组件）都是通过“ViewGroup”或“View”类来显⽰。
“ViewGroup”和“View”是Android平台上最基本的⽤户界⾯表达单元。
我们可以通过程序直接调⽤的⽅法调⽤描绘⽤户界⾯。
将屏幕上显⽰的界⾯元素，与构成应⽤程序主体的程序逻辑混合在⼀起编写。
或是，也可以将界⾯显⽰与程序逻辑分离，照着Android平台所提供的这种优雅⽅式，即使⽤XML说明⽂档，来描述界⾯组件的组织与排列格式。
这也是⽬前⽐较流⾏的⽅案——即将界⾯描述程序的代码，抽取到程序外部的XML说明⽂件。
在此我们借⽤<<Android 开发⼊门指南>>（第2版）此书中的“BMI应⽤程序”来讲解界⾯设置。
该应⽤程序的主界⾯如下：为了输⼊“BMI应⽤程序”所需的⾝⾼体重值，⼤致上我们需要两个“TextView”组件⽤来提⽰输⼊⾝⾼、体重数字，另外也需要两个⽂字输⼊⽂本框⽤来填⼊⾝⾼、体重数字。
我们还需要⼀个按钮来开始计算，⽽计算完也需要⼀个“TextView”组件来显⽰计算结果，另⼀个“TextView”组件来显⽰建议。
于是初版的“BMI应⽤程序”的界⾯雏形就浮现出来了。
图11.1 查询⽂件我们从哪⼉得知各种可⽤的界⾯组件呢？图2输⼊TextView，按search按钮：图3通过在先⽂件，查看各个组件的使⽤。
（⽬前只提供英⽂⽂档）⽅法⼆：下载离线⽂档docs-2.2_r01-linux图4点击如下选项，即可下载先将docs-2.2_r01-linux解压，打开index.html图5离线功能的查询功能与在线⽂档⼀模⼀样的，建议读者下载下来，便于查询！图61.2 开始设计我们从实例出发，定义⼀个基本“BMI应⽤程序”所需的⾝⾼（Height）输⼊字段。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
–
<item name="android:background">#A6C60F</item>
–
<item name="android:textColor">#EC02C3</item>
–
</style>
– </resources>
Layout XML
说明：这里建立了两种样式，从字面意思上可以看出这两种样式分别都更改了背景颜色 和文字颜色，一个控件可以更改的属性有很多，这里只改了两个，要改其它的属性，我们要 知道属性的name才可以改。那所有的属性的名字在哪呢？找了一番终于找到了，所有的属性 的名字在一个attrs.xml文件里。这个文件存在于：<android sdk安装目录>\platforms\androidx\data\res\values 目录下，找到这个文件以后我们改某些属性时可以做为查看的资料了。
Android界面Layout介绍
资源文件的管理
首先介绍一下andorid的资源文件，认识这些资源文件对以后开发是必要的。 所有的Android应用程序都由两部分组成：功能代码和资源。功能代码决定应用程序的行 为，它包括让应用程序得以运行的所有算法。资源包括文本字符串、图像和图标、音频文件、 视频和其他应用程序使用的组件。 如果我们使用ADT开发的话，它为我们在后台自动调用AAPT编译资源，我们就可以省了 很多事。不然的话，我们得使用AAPT自己去编译资源了。本文使用的是eclipse + ADT开发环 境。资源目录截图如下图所示。
2
资源文件的管理
在res目录下的都是资源文件，用的多的是layout、values、drawable等。 资源目录的层级结构如下表所示，表中显示了Android SDK支持的资源类型以及它们在工 程中的存储方式。
资源类型 字符串 字符串数组 颜色值 尺寸 简单 Drawable 图形
所需的目录 /res/values/ /res/values/ /res/values/ /res/values/ /res/values/
Layout XML
Layout对于迅速的搭建界面和提高界面在不同分辨率的屏幕上的适应性具有很大的作用。 这里简要介绍Android的Layout和研究一下它的实现。
Android有五种Layout：FrameLayout、LinearLayout、TableLayout、RelativeLayout、 AbsoluteLayout。
第一步：建立一个新的工程，在main布局里面建立三个EditText控件。
第二步：在工程的res/values文件夹下新建一个xml文件内容如下：
– <?xml version="1.0" encoding="utf-8"?>
– <resources>
–
<style name="et1" parent="@android:style/Widget.EditText">
–
<item name="android:background">#1A4EA4</item>
–
<item name="android:textColor">#FFF111</item>
–
</style>
–
<style name="et2" parent="@android:style/Widget.EditText">
<set>、<alpha>、<scale>、<rotate>等 <menu> 由开发人员定义
<style>
AAPT贯穿所有在/res目录下正确格式化的文件，并且在目录/gen中生成类文件R.java，以 访问所有变量。
R.java这个文件很有用，界面文件（即layout下面的定义的界面）和实现代码就是通过 R.java联系的。
动画序列（补间） 菜单文件 XML 文件 原始文件 布局文件 样式和主题
/res/anim/ /res/menu/ /res/xml/ /res/raw/ /res/layout/ /res/values/
例：fancy_anim.xml 等等 例：my_menu.xml 例：some.xml 例：xx.mp3，yy.txt 等等 例：main.xml 等 例：themes.xml
位置，控件会放到左上 角。
2. LinearLayout:里面可以放多个控件，但是一行只能放一个控件。 3. TableLayout:这个要和TableRow配合使用，很像html里面的table。 4. RelativeLayout:里面可以放多个控件，不过控件的位置都是相对位置。 5. AbsoluteLayout:里面可以放多个控件，并且可以自己定义控件的x，y的位置。
Layout XML
style.xml简介：
有时候我们不满足于系统控件的外观要改变一些背景，文字颜色等，这些属性可以在代 码里更改，随便哪种控件，我们点.，后面会出来一大串set开头的方法。但是在代码里这样 改来改去还是比较麻烦的，如果同样的控件多了，重复的代码也比较多。控件的这些属性也 是可以在xml文件里改的，同样的控件多了，还是会带来代码的重复。这里我们就可以用设 置控件样式的方法了。下面以EditText控件为例来说明如何来设置一个控件的样式。
上面的两个样式中，都有一个parent属性。这就不难理解style是可以继承的。在这里我 们继承的是系统默认的EditText属性，只修改了背景和文字颜色而已。那系统的EditText样式 是在哪定义的呢？找了一番终于也找到了，所有系统控件的样式是在一个style.xml文件中， 这个文件也在上面说的那个目录下。里面我们可以找到Widget.EditText的样式定义。有了它 我们也可以查看某一种控件可以更改哪些样式了。
文件名 strings.xml（推荐） arrays.xml（推荐） colors.xml（推荐） dimens.xml（推荐） drawables.xml（推荐）
位图图像
/res/drawable/ 例：.png，.jpg，red_oval.xml 等等
适用的关键 XML 元素 <string> <string-array> <color> <dimen> <drawable> 支持的图形文件或 XML 文件定义的 Drawable 图形