美文网首页
Android 五布局

Android 五布局

作者: 百里漫步 | 来源:发表于2017-10-14 11:06 被阅读0次

    Android五大布局对象,它们分别是FrameLayout(框架布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局).

    FrameLayout: FrameLayout是最简单的一个布局对象。它被定制为你屏幕上的一个空白备用区域,之后你可以在其中填充一个单一对象 — 比如,一张你要发布的图片。所有的子元素将会固定在屏幕的左上角;你不能为FrameLayout中的一个子元素指定一个位置。后一个子元素将会直接在前一个子元素之上进行覆盖填充,把它们部份或全部挡住(除非后一个子元素是透明的)。

    LinearLayout(线性布局):
    这种布局比较常用,也比较简单,就是每个元素占一行,当然也可能声明为横向排放,也就是每个元素占一列。
    LinearLayout按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后。如果是垂直排列,那么将是一个N行单列的结构,每一行只会有一个元素,而不论这个元素的宽度为多少;如果是水平排列,那么将是一个单行N列的结构。如果搭建两行两列的结构,通常的方式是先垂直排列两个元素,每一个元素里再包含一个LinearLayout进行水平排列。
    LinearLayout中的子元素属性android:layout_weight生效,它用于描述该子元素在剩余空间中占有的大小比例。加入一行只有一个文本框,那么它的默认值就为0,如果一行中有两个等长的文本框,那么他们的android:layout_weight值可以是同为1。如果一行中有两个不等长的文本框,那么他们的android:layout_weight值分别为1和2,那么第一个文本框将占据剩余空间的三分之二,第二个文本框将占据剩余空间中的三分之一。android:layout_weight遵循数值越小,重要度越高的原则。

    FrameLayout(单帧布局):
    FrameLayout是五大布局中最简单的一个布局,可以说成是层布局方式。在这个布局中,整个界面被当成一块空白备用区域,所有的子元素都不能被指定放置的位置,它们统统放于这块区域的左上角,并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡。如下,第一个TextView被第二个TextView完全遮挡,第三个TextView遮挡了第二个TextView的部分位置。

    RelativeLayout(相对布局):
    RelativeLayout按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效。例如android:layout_below, android:layout_above, android:layout_centerVertical等。注意在指定位置关系时,引用的ID必须在引用之前,先被定义,否则将出现异常。
    RelativeLayout是Android五大布局结构中最灵活的一种布局结构,比较适合一些复杂界面的布局。
    子类控件相对父类容器的一个位置android:layout_alignParentLeft="true"子类控件相对当前父类容器靠左边android:layout_alignParentTop="true"子类控件相对父类容器靠上边android:layout_marginLeft="41dp"子类控件距离父类容器左边的距离android:layout_marginTop="33dp"子类控件距离父类容器上边的距离android:layout_centerInParent="true"子类控件相对父类容器即水平居中又垂直居中android:layout_centerHorizontal="true"子类控件相对父类容器水平居中android:layout_centerVertical="true"子类控件相对父类容器垂直居中子类控件相对子类控件的一个位置
    android:layout_below="@+id/"该控件位于给定id控件的底部android:layout_toRightOf="@+id/"该控件位于给定id控件的右边android:layout_above="@+id/"该控件位于给定id控件的上面android:layout_toLeftOf="@+id"该控件位于给定id控件的左边android:layout_alignBaseline="@+id"该控件的内容与给定id控件的内容在一条线上
    android:layout_alignBottom 该控件的底部边缘与给定ID控件的底部边缘对齐
    android:layout_alignLeft 该控件的左边缘与给定ID控件的左边缘对齐android:layout_alignRight 该控件的右边缘与给定ID控件的右边缘对齐android:layout_alignTop 该控件的顶部边缘与给定ID控件的顶部边缘对齐

    AbsoluteLayout(绝对布局):
    在此布局中的子元素的android:layout_x和android:layout_y属性将生效,用于描述该子元素的坐标位置。屏幕左上角为坐标原点(0,0),第一个0代表横坐标,向右移动此值增大,第二个0代表纵坐标,向下移动,此值增大。在此布局中的子元素可以相互重叠。在实际开发中,通常不采用此布局格式,因为它的界面代码过于刚性,以至于有可能不能很好的适配各种终端。

    TableLayout(表格布局):
    适用于N行N列的布局格式。一个TableLayout由许多TableRow组成,一个TableRow就代表TableLayout中的一行。
    TableRow是LinearLayout的子类,ablelLayout并不需要明确地声明包含多少行、多少列,而是通过TableRow,以及其他组件来控制表格的行数和列数, TableRow也是容器,因此可以向TableRow里面添加其他组件,没添加一个组件该表格就增加一列。如果想TableLayout里面添加组件,那么该组件就直接占用一行。在表格布局中,列的宽度由该列中最宽的单元格决定,整个表格布局的宽度取决于父容器的宽度(默认是占满父容器本身)。
    TableLayout继承了LinearLayout,因此他完全可以支持LinearLayout所支持的全部XML属性,除此之外TableLayout还支持以下属性:
    1、
    XML属性:andriod:collapseColumns
    相关用法:setColumnsCollapsed(int,boolean)
    说 明:设置需要隐藏的列的序列号,多个用逗号隔开
    2、
    XML属性:android:shrinkColumns
    相关用法:setShrinkAllColumns(boolean)
    说 明:设置被收缩的列的序列号,多个用逗号隔开
    3、
    XML属性:android:stretchColimns
    相关用法:setSretchAllColumnds(boolean)
    说 明:设置允许被拉伸的列的序列号,多个用逗号隔开

    相关文章

      网友评论

          本文标题:Android 五布局

          本文链接:https://www.haomeiwen.com/subject/assxuxtx.html