前言
Android中有六大布局,分别是: LinearLayout(线性布局),RelativeLayout(相对布局),TableLayout(表格布局) FrameLayout(帧布局),AbsoluteLayout(绝对布局),GridLayout(网格布局)
1. LinearLayout:线性布局
⑴ 线性布局的方向
水平(默认)
android:orientation="horizontal"
竖直
android:orientation="vertical
⑵ weight属性
根据LinearLayout水平或竖直方向,确定LinearLayout里的控件所占屏幕比例
wrap_content 直接按比例
match_parent 则需要通过公式计算
假设三个控件的weight分别是1,2,3
step 1:
个个都是match_parent,但是屏幕只有一个啦,那么1 - 3 = - 2 match_parent
step 2:依次比例是1/6,2/6,3/6
step 3:分给控件1,计算: 1 - 2 * (1/6) = 2/3 match_parent
step 4:分给控件2,计算: 1 - 2 * (2/6) = 1/3 match_parent
step 5:分给控件3,计算: 1 - 2 * (3/6) = 0 match_parent
⑶ gravity和layout_gravity属性
gravity: 控制组件所包含的子元素的对齐方式,可多个组合(left|top)
layout_gravity: 控制该组件在父容器中的对齐方式
当 android:orientation="vertical" 时, 只有水平方向的设置才起作用,垂直方向的设置不起作用。 即:left,right,center_horizontal 是生效的。
当 android:orientation="horizontal" 时, 只有垂直方向的设置才起作用,水平方向的设置不起作用。 即:top,bottom,center_vertical 是生效的。
⑷ divider属性
直接为LinearLayout设置分割线 这里就需要你自己准备一张线的图片了
1)android:divider设置作为分割线的图片
2)android:showDividers设置分割线的位置,none(无),begining(开始),end(结束),middle(每两个组件间)
3)dividerPadding设置分割线的Padding
2. RelativeLayout:相对布局
指定组件不受gravity属性影响
android:ignoreGravity="@+id/imageViewCenter"
子组件相对父容器开始位置对齐
android:layout_alignParentStart="true"子组件相对父容器结束位置对齐
android:layout_alignParentEnd="true"
子组件相对父容器左对齐
android:layout_alignParentLeft="true"
子组件相对父容器右对齐
android:layout_alignParentRight="true"子组件相对父容器顶部对齐
android:layout_alignParentTop="true"
子组件相对父容器底部对齐
android:layout_alignParentBottom="true"子组件相对父容器水平居中
android:layout_centerHorizontal="true"
子组件相对父容器垂直居中
android:layout_centerVertical="true"
子组件相对父容器居中
android:layout_centerInParent="true"参考兄弟组件左边
android:layout_toLeftOf="@+id/imageViewCenter"
参考兄弟组件右边
android:layout_toRightOf="@+id/imageViewCenter"
参考兄弟组件上方
android:layout_above="@+id/imageViewCenter"
参考兄弟组件下方
android:layout_below="@+id/imageViewCenter"
对齐兄弟组件左边界
android:layout_alignLeft="@+id/imageViewCenter"
对齐兄弟组件右边界
android:layout_alignRight="@+id/imageViewCenter"
对齐兄弟组件上边界
android:layout_alignTop="@+id/imageViewCenter"
对齐兄弟组件下边界
android:layout_alignBottom="@+id/imageViewCenter"