Layout 界面布局
LinearLayout 线性布局
简而言之就是像一条线一样排练,可以水平排练,也可以纵向排练。 控制控件排练方式的代码:
android:orientation="vertical"
vertical 为垂直排列。 horizontal 为横向排列
weightSum按比重布局
重点代码:
android:weightSum="10"
这个写总布局中。
android:layout_weight="5"
这个写在控件中,即表示这个控件占总比重的5/10;
也可以不写weightSum。 在每个控件中写layout_weight 也可以。
RelativeLayout 相对布局
相对布局即控件间的布局是相对的,某个控件是相对于某个控件的布局。先上总代码:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent">
<Button
android:id="@+id/button_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:text="Button"/>
<Button
android:id="@+id/button_second"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button_first"
android:text="Hello"/>
<Button
android:id="@+id/button_third"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button_first"
android:layout_alignParentRight="true"
android:text="BUTTON"/>
<Button
android:id="@+id/button_forth"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="100dp"
android:layout_marginTop="60dp"/>
<Button
android:id="@+id/button_five"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="26dp"
android:text="字边距"/>
</RelativeLayout>
效果图:
代码讲解:
1.
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
alignParent____ 相对于父类容器的位置,左、右、顶、底
2.
android:layout_above="@+id/button_first"
android:layout_below="@+id/button_first"
即相对某个控件在上面或下面。
3.
android:layout_marginLeft="100dp"
android:layout_marginTop="60dp"
android:layout_marginRight="60dp"
android:layout_marginBottom="60dp"
layout_margin___ 相对于某一边布局,可以用距离来表示。android:layout_marginLeft=“100dp” 就是相对于左边的距离是100dp
margin还有几种布局,可以尝试。
4.
android:paddingLeft="26dp"
android:paddingBottom="30dp"
padding__ 是控件内部内容相对于控件边上的距离。
相对布局还有各种方式,以上几种是最常用的布局方式。
FrameLayout 帧布局
像帧一样,一帧一帧的叠加。可以在其他布局里面添加帧布局。
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent">
<Button
android:id="@+id/button_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:text="Button"/>
<Button
android:id="@+id/button_second"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button_first"
android:text="Hello"/>
<FrameLayout
android:layout_width="300dp"
android:layout_height="300dp">
<Button
android:id="@+id/button_six"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="26dp"
android:paddingBottom="30dp"
android:text="字边距"/>
<Button
android:id="@+id/button_forth"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="100dp"
android:layout_marginTop="60dp"
/>
</FrameLayout>
</RelativeLayout>
AbsoluteLayout 绝对布局
绝对布局即绝对坐标,布局内部控件的坐标都是固定锁死的,不会改变。现在已经废弃。
TableLayout 表格布局
<TableLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TableRow>
</TableRow>
</TableLayout>
表格布局就是用来做表格的,一个Row就是一行,可以加入控件。