1.LinearLayout
线性布局:LinearLayout
通过android:orientation设置线性布局的方向(水平、垂直)
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="warp_content"
android:orientation="vertical" //垂直
//horizontal 水平
>
<EditText
android:layout_width="fill_parent"
android:layout_height="warp_content"
/>
</LinearLayout>
android:gravity 用于控制布局中控件的布局位置
多个属性 如: 底部居中 则为:botton|center
android:layout_weight:用于控制控件在布局中的相对大小 非负整数值
2.AbsluteLayout
指定子控件的xy精确坐标的布局(因为绝对的定位,缺乏灵活性)
android:layout_x="10px"
android:layout_y="10px"
3.FrameLayout:框架布局
所有添加到这个布局中的视图都以层叠的方式显示。
第一个添加的组件放到最底层,最后添加到框架中的视图显示在最上面。
上一层会覆盖下一层的控件。
android:layout_gravity="" //控件在容器中的位置
4.RelativeLayout
在这个容器内部的子元素们可以使用彼此之间的相对位置或者和容器间的相对位置进行定位。
android:layout_above 将该控件置于给定ID的控件之上
android:layout_below 将该控件的置于给定ID控件之下
android:layout_toLeftOf 将该控件置于给定ID的控件之左
android:layout_toRightOf 将该控件置于给定ID的控件之右
//控件和控件的对齐
android:layout_alignBaseline 该控件基线对齐给定ID的基线
android:layout_alignBottom 该控件于给定ID的控件底部对齐
android:layout_alignLeft 该控件于给定ID的控件左对齐
android:layout_alignRight 该控件于给定ID的控件右对齐
android:layout_alignTop 该控件于给定ID的控件顶对齐
//控件和容器的对齐
android:layout_alignParentLeft 如果为True,该控件位于父控件的左部
android:layout_alignParentRight 如果为True,该控件位于父控件的右部
android:layout_alignParentTop 如果为True,该控件位于父控件的顶部
android:layout_alignParentBottom 如果为True,该控件位于父控件的底部
android:layout_centerHorizontal 如果为True,该控件将被置于水平方向的中央
android:layout_centerInParent 如为Ture,该控件将被置于父控件水平方向和垂直方向
android:layout_centerVertical 如果为True,该控件将被置于垂直方向的中央
使用例子:
<TextView
android:id="@+id/text01"
android:layout_width="warp_content"
android:layout_height="warp_content"
/>
<TextView
android:id="@+id/text02"
android:layout_width="warp_content"
android:layout_height="warp_content"
android:layout_below="@id/text01" //在id为text01的控件之下
/>
5.TableLayout
TableLayout:表格布局
通过行和列定位子元素
<TableLayout
...
android:collapseColumns:隐藏指定的列
android:shrinkColumns:收缩指定的列以适合屏幕,不会挤出屏幕
android:stretchColumns:尽量把指定的列填充空白部分
....
>
<TableRow>
<Button
....
第一行第一列
android:layout_column:控件放在指定的列
android:layout_span:该控件所跨越的列数
/>
<Button
....
第一行第二列
/>
.....
</TableRow>
<TableRow>
....
第二行
</TableRow>
</TableLayout>
分享到:
相关推荐
本源代码将研究学习微信小程序的FlexLayout布局实例,微信小程序界面设计实例,是一种流布局的实现例子,而不是大家熟悉的盒子式布局,据说即使需要深层的嵌套,FlexLayout布局的响应速度也不会超过1ms,可谓是非常...
微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小...
小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 Flex...
微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip ...
微信小程序——FlexLayout布局(截图+源码).zip 微信小程序——FlexLayout布局(截图+源码).zip 微信小程序——FlexLayout布局(截图+源码).zip 微信小程序——FlexLayout布局(截图+源码).zip 微信小程序——...
微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 ...
`jQuery.layout`是一款强大的前端布局工具,它基于流行的JavaScript库jQuery构建,旨在简化网页和应用程序的页面布局工作。这个精简版是针对原版`jQuery.layout`进行了优化,去除了部分非核心功能,特别是去除了对`...
本篇文章将深入探讨如何在Android中进行自定义Layout布局的开发。 首先,创建自定义Layout首先要创建一个新的Java类,继承自`ViewGroup`或`LinearLayout`等现有布局。选择`ViewGroup`是因为它是所有布局的基础类,...
Zend Framework教程之Zend_Layout布局助手详解重点介绍了Zend Framework中Zend_Layout组件的使用方法。Zend_Layout是一个用于管理布局的组件,它允许开发者定义应用程序的布局结构,使得可以在不同的页面中复用相同...
标题中提到的"安卓界面布局工具(layout布局)"就是这样一个帮助开发者快速创建、编辑和预览Android应用界面的工具。 Android Layout主要包含以下几种常见的布局类型: 1. **线性布局(LinearLayout)**:这是最...
ExtJs4 layout 布局 这是鄙人之前自学Ext时收集的文档,详细讲诉了各种布局,并附源码与界面展示,希望能给你带来帮助
本话题聚焦于“小程序源码FlexLayout布局”,这是一份关于如何在小程序开发中运用Flex布局的源码资源。Flex布局是现代前端开发中的重要布局模式,尤其在移动端应用设计中广泛使用,因为它能灵活地处理不同屏幕尺寸和...
在微信小程序开发中,FlexLayout布局是一种非常重要的布局方式,它允许开发者在有限的空间内灵活地安排组件的位置,实现各种复杂的界面设计。本示例主要探讨了如何在微信小程序中运用FlexLayout,以及其源码背后的...
V3Layout布局软件是一款专为显示屏箱体设计的工具,其主要功能是帮助用户生成用于控制显示屏显示数据流的XML文件。在LED显示屏领域,精确的布局设计对于保证画面的清晰度和同步性至关重要,V3Layout正是为了解决这个...
FlexLayout布局小程序源码是专为小程序开发设计的一种布局解决方案,它基于CSS的Flexbox模型,使得在小程序中实现复杂的动态布局变得更为简单。本文将深入探讨FlexLayout布局的原理、使用方法以及如何在小程序中应用...
FlexLayout布局是现代网页设计中常用的一种布局方式,它基于CSS3中的 Flexible Box 模块,简称 Flexbox。这种布局模式极大地提高了网页设计的灵活性,能够轻松处理元素的对齐、排列以及尺寸调整,尤其在响应式设计和...
本项目“iOS声明式Layout布局”是一个开源项目,旨在提供一个易于理解和使用的声明式布局框架,帮助开发者更高效地构建iOS应用的用户界面。 在iOS中,传统的布局方式是通过AutoLayout,这是一个强大的系统,但它的...
在Android开发中,布局(Layout)是构建用户界面的基础元素,它定义了屏幕上各个组件的排列方式和相互关系。本文将深入探讨Android的五种主要布局:LinearLayout、RelativeLayout、FrameLayout、GridLayout以及...
【标题】"高仿FlexLayout布局小程序源码.zip" 提供的是一个针对微信小程序的布局解决方案,灵感来源于FlexLayout布局模式。FlexLayout是一种强大的CSS布局模式,它允许开发者在不同屏幕尺寸和方向上灵活地组织元素,...
FlexLayout布局是微信小程序开发中常用的一种布局方式,主要用于实现复杂的界面设计,让元素在不同尺寸的屏幕中自适应展示。微信小程序的FlexLayout基于CSS3的Flexbox模型,允许开发者更加灵活地控制组件的排列、...