Android 常用布局
Android 常用布局
campanula 发表于2年前
Android 常用布局
  • 发表于 2年前
  • 阅读 36
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: Android开发

Android的布局有:

LinearLayout             线性布局

RelativeLayout            相对布局

FrameLayout             单桢布局

TableLayout             表格布局

GridLayout             网格布局Android4.0

AbsoluteLayout     绝对布局不常用(淘汰)


LinearLayout线性布局:

LinearLayout是一种线型的布局方式。LinearLayout布局容器内的组件一个挨着一个地排列起来:不仅可以控制个组件横向排列,也可控制各组件纵向排列。通过orientation属性设置线性排列的方向是垂直(vertical)还是纵向(horizontal)。

RelativeLayout相对布局:

RelativeLayout是一种相对布局,控件的位置是按照相对位置来计算的,后一个控件在什么位置依赖于前一个控件的基本位置,是布局最常用,也是最灵活的一种布局。

相对布局常用属性介绍,这里将这些属性分成组,便于理解和记忆。

 

a)、第一类:属性值为true或false

android:layout_centerHrizontal         水平居中

android:layout_centerVertical         垂直居中

android:layout_centerInparent         相对于父元素完全居中

android:layout_alignParentBottom 贴紧父元素的下边缘

android:layout_alignParentLeft         贴紧父元素的左边缘

android:layout_alignParentRight         贴紧父元素的右边缘

android:layout_alignParentTop         贴紧父元素的上边缘

b)、第二类:属性值必须为id的引用名“@id/id-name”

android:layout_below             在某元素的下方

android:layout_above              在某元素的的上方

android:layout_toLeftOf             在某元素的左边

android:layout_toRightOf      在某元素的右边

android:layout_alignTop      本元素的上边缘和某元素的的上边缘对齐

android:layout_alignLeft              本元素的左边缘和某元素的的左边缘对齐

android:layout_alignBottom      本元素的下边缘和某元素的的下边缘对齐

android:layout_alignRight      本元素的右边缘和某元素的的右边缘对齐

c)、第三类:属性值为具体的像素值,如30dip,40px

android:layout_marginBottom 离某元素底边缘的距离

android:layout_marginLeft         离某元素左边缘的距离

android:layout_marginRight         离某元素右边缘的距离

android:layout_marginTop         离某元素上边缘的距离


FrameLayout单桢布局:

FrameLayout对象好比一块在屏幕上提前预定好的空白区域,可以将一些元素填充在里面,如图片。所有元素都被放置在FrameLayout区域的最左上区域,而且无法为这些元素制指定一个确切的位置,若有多个元素,那么后面的元素会重叠显示在前一个元素上。


TableLayout表格布局:

TableLayout是指将子元素的位置分配到行或列中。Android的一个TableLayout有许多TableRow组成,每一个 TableRow都会定义一个Row。TableLayout容器不会显示Row,Column,及Cell的边框线,每个Row拥有0个或多个 Cell,每个Cell拥有一个View对象。

表格布局常见属性介绍:

a)TableLayout行列数的确定:

TableLayout的行数由开发人员直接指定,即有多少个TableRow对象(或View控件),就有多少行。

TableLayout的列数等于含有最多子控件的TableRow的列数。

如第一TableRow含2个子控件,第二个TableRow含3个,第三个TableRow含4个,那么该TableLayout的列数为4。

b)TableLayout可设置的属性详解:

TableLayout可设置的属性包括全局属性及单元格属性。

Ø 全局属性也即列属性,有以下3个参数:

android:stretchColumns   设置可伸展的列该列可以向行方向伸展,最多可占据一整行

android:shrinkColumns    设置可收缩的列当该列子控件的内容太多,已经挤满所在行,那么该子控件的内容将往列方向显示

android:collapseColumns设置要隐藏的列

 

示例:

android:stretchColumns="0"         第0列可伸展

android:shrinkColumns="1,2"        第1,2列皆可收缩

android:collapseColumns="*"        隐藏所有行

说明:列可以同时具备stretchColumns及shrinkColumns属性,若此,那么当该列的内容N多时,将“多行”显示其内容。(这里不是真正的多行,而是系统根据需要自动调节该行的layout_height)

Ø 单元格属性,有以下2个参数:

android:layout_column    指定该单元格在第几列显示

android:layout_span       指定该单元格占据的列数(未指定时,为1)

示例:

android:layout_column="1"    该控件显示在第1列

android:layout_span="2"       该控件占据2列

说明:一个控件也可以同时具备这两个特性。


GridLayout网格布局:

android4.0以上版本出现的GridLayout布局解决了以上问题。GridLayout布局使用虚细线将

布局划分为行、列和单元格,也 支持一个控件在行、列上都有交错排列。而GridLayout使用的其实是跟LinearLayout类似的API,只不过是修改了一下相关的标签而已, 所以对于开发者来说,掌握GridLayout还是很容易的事情。GridLayout的布局策略简单分为以下三个部分:

首先它与LinearLayout布局一样,也分为水平和垂直两种方式,默认是水平布局,一个控件挨着一个控件从左到右依次排列,但是通过指定 android:columnCount设置列数的属性后,控件会自动换行进行排列。另一方面,对于GridLayout布局中的子控件,默认按照 wrap_content的方式设置其显示,这只需要在GridLayout布局中显式声明即可。

其次,若要指定某控件显示在固定的行或列,只需设置该子控件的android:layout_row和android:layout_column属性即 可,但是需要注意:android:layout_row=”0”表示从第一行开始,android:layout_column=”0”表示从第一列开 始,这与编程语言中一维数组的赋值情况类似。

最后,如果需要设置某控件跨越多行或多列,只需将该子控件的android:layout_rowSpan或者 layout_columnSpan属性设置为数值,再设置其layout_gravity属性为fill即可,前一个设置表明该控件跨越的行数或列数, 后一个设置表明该控件填满所跨越的整行或整列。

AbsoluteLayout绝对布局:

AbsoluteLayout绝对布局犹如div指定了absolute属性,用X,Y坐标来指定元素的位置!该布局目前已经淘汰!  


标签: Android 布局
共有 人打赏支持
粉丝 0
博文 1
码字总数 1538
评论 (0)
×
campanula
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: