前言
Android中的界面开发中常用到的五种布局方式:
1,LinearLayout(线性布局)。在xml文本中啥位置写它就按顺序一个个接在后面。
2,FrameLayout(框架布局),便于让控件一个个叠上去
3,TableLayout(表格布局),顾名思义就像表格那样一个表格容器,然后在里面添加控件
4,RelativeLayout(相对布局),固定参考系,然后相对于参考系的布局,好处的话就时可以容易调位置
5,AbsoluteLayout(绝对布局),顾名思义就是把界面变成一个二维坐标布,根据坐标给控件位置的布局
Android代码:
xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="top"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="cn.zhuangzhihuang.MainActivity" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/button1"
android:layout_centerHorizontal="true"
android:text="2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/button1"
android:text="3" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/button1"
android:layout_centerHorizontal="true"
android:text="4" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toLeftOf="@id/button1"
android:text="5" />
<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/button2"
android:layout_alignLeft="@id/button1"
android:layout_centerHorizontal="true"
android:text="6" />
<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button3"
android:layout_alignTop="@id/button6"
android:layout_toRightOf="@id/button6"
android:text="7" />
<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button9"
android:layout_alignRight="@+id/button9"
android:layout_alignTop="@id/button7"
android:layout_toRightOf="@id/button7"
android:text="8" />
<Button
android:id="@+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/button9"
android:layout_alignRight="@+id/button10"
android:layout_alignTop="@+id/button2"
android:text="9" />
<Button
android:id="@+id/button10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/button1"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/button3"
android:text="10" />
<Button
android:id="@+id/button11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button10"
android:layout_alignTop="@id/button4"
android:layout_below="@id/button10"
android:text="11" />
<Button
android:id="@+id/button12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button11"
android:layout_alignTop="@+id/button13"
android:layout_below="@+id/button11"
android:layout_toRightOf="@+id/button13"
android:text="12" />
<Button
android:id="@+id/button13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/button3"
android:layout_alignTop="@+id/button14"
android:layout_toLeftOf="@id/button13"
android:text="13" />
<Button
android:id="@+id/button14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button4"
android:layout_centerHorizontal="true"
android:text="14" />
<Button
android:id="@+id/button15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/button5"
android:layout_alignTop="@id/button14"
android:layout_toLeftOf="@id/button14"
android:text="15" />
<Button
android:id="@+id/button16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button17"
android:layout_alignTop="@+id/button15"
android:layout_below="@+id/button17"
android:layout_toLeftOf="@+id/button15"
android:text="16" />
<Button
android:id="@+id/button17"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button18"
android:layout_alignTop="@+id/button4"
android:layout_below="@+id/button18"
android:text="17" />
<Button
android:id="@+id/button18"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@id/button1"
android:layout_centerVertical="true"
android:layout_toLeftOf="@id/button5"
android:text="18" />
<Button
android:id="@+id/button19"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/button18"
android:layout_alignLeft="@id/button18"
android:layout_alignTop="@id/button2"
android:text="19" />
<Button
android:id="@+id/button20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/button19"
android:layout_alignLeft="@+id/button19"
android:layout_alignTop="@+id/button21"
android:layout_centerInParent="true"
android:layout_toLeftOf="@+id/button21"
android:text="20" />
<Button
android:id="@+id/button21"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/button5"
android:layout_alignTop="@id/button6"
android:layout_toLeftOf="@id/button6"
android:text="21" />
</RelativeLayout>
在MainActivity中记得添加:
setContentView(R.layout.activity_main); //设置界面
效果: