笔记2 布局

－－－－－－－－－Linelayout 常用属性－－－－－－－

• android:gravity
• 设定框架的内容的放置方向
• center 水平垂直皆置中
• center_vertical 垂直置中
• center_horizontal 水平置中
• top 置顶
• left 置左
• bottom 置底
• right 置右

• android:layout_weight
• 子元件或子框架的比重。
• LinearLayout 下的子元件或子框架，才能设定这项属性。

比例分配

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal">

  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1"

    android:layout_weight="1"/>

</LinearLayout>

• android:layout_weight
• 子元件或子框架的比重。
• LinearLayout 下的子元件或子框架，才能设定这项属性。

等比例分配

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 1"
android:layout_weight="1"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 2"
android:layout_weight="1"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 3"
android:layout_weight="1"/>
</LinearLayout>

比重都是 1，所以大小相同。

非等比例分配

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal">

  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1"
    android:layout_weight=".10"/>

  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 2"
    android:layout_weight=".20"/>
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 3"
    android:layout_weight=".70"/>

</LinearLayout>

.10 代表 0.10
.20 代表 0.20
.70 代表 0.70
合起来刚好是 1 ，作 100% 分配。 

一个orientation为horizontal的LinearLayout中有一个TextView，则设置TextView的layout_gravity属性为right是否有作用?

答：水平的LinearLayout要从左边开始依次放置布局，所以设置TextView的layout_gravity属性为right不起作用

－－－－－－－－－Linelayout 常用属性－－－－－－－

－－－－－－－－－Layout_weight－－－－－－－

小技巧 

这里，高度设置成math_parent则会覆盖foot布局，怎么办呢？如下图

最后效果如图如下成功显示出foot布局

这里使用的小技巧是 下边着两行代码。

这样就可以填充剩下的位置，而不会覆盖foot布局。就是占用剩下的全部位置。

android:layout_height="0dp"
android:layout_weight="1"

－－－－－－－－－Layout_weight－－－－－－－

－－－－－－－－－RelativeLayout 常用属性－－－－－－－

下面介绍一下RelativeLayout用到的一些重要的属性：

    第一类:属性值为true或false
    android:layout_centerHrizontal                                           水平居中
    android:layout_centerVertical                                            垂直居中
    android:layout_centerInparent                                           相对于父元素完全居中
    android:layout_alignParentBottom                                     贴紧父元素的下边缘
    android:layout_alignParentLeft                                          贴紧父元素的左边缘
    android:layout_alignParentRight                                        贴紧父元素的右边缘
    android:layout_alignParentTop                                          贴紧父元素的上边缘
    android:layout_alignWithParentIfMissing                            如果对应的兄弟元素找不到的话就以父元素做参照物

    第二类：属性值必须为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                    本元素的右边缘和某元素的的右边缘对齐

    第三类：属性值为具体的像素值，如30dip，40px
    android:layout_marginBottom              离某元素底边缘的距离
    android:layout_marginLeft                   离某元素左边缘的距离
    android:layout_marginRight                 离某元素右边缘的距离
    android:layout_marginTop                   离某元素上边缘的距离

－－－－－－－－－RelativeLayout 常用属性－－－－－－－