android基础学习<一>--->五大布局对象Framelayout，Linearlayout，Relativelayout，Tablelayout，AbsoluteLayout

今天学习android界面设计的layout，记下过程，相当于是做笔记了。

首先是Framelayout：

   Framelayout，字面意思上理解是“框架布局”。特点是 每个布局框架里头的元素都是在屏幕的左上角开始摆放，如果不止一个控件的话就相互重叠，后面的将前面的对象元素给覆盖掉。如果后面的对象是透明的话就可以看见前面的对象，不然后面的对象就会把前面的对象给覆盖。下面是例子：main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>

<Button
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:text="hello ,this is a Button!"
/>
<Button
android:layout_width="125sp"
android:layout_height="wrap_content"
android:text="this is the second button"
/>
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:textColor="#00aa00"
/>
</FrameLayout>

 

然后是Linearlayout：即相对布局。下面是main.xml文件根据xml布局文件就可以看出其用法。<!--     -->是xml文件的注释形式，这个比较重要，刚开始的时候还以为和.java文件里头的注释是一样的，闹了不少笑话。用//注释老是编译不过！悲剧了

<?xml version="1.0" encoding="utf-8"?>
<!--
<LinearLayout>
线性版面配置，在这个标签中，所有元件都是按由上到下的排队排成的
-->
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<!-- android:orientation="vertical" 表示竖直方式对齐
android:orientation="horizontal"表示水平方式对齐
android:layout_width="fill_parent"定义当前视图在屏幕上
可以消费的宽度，fill_parent即填充整个屏幕。
android:layout_height="wrap_content":随着文字栏位的不同
而改变这个视图的宽度或者高度。有点自动设置框度或者高度的意思

layout_weight 用于给一个线性布局中的诸多视图的重要度赋值。
所有的视图都有一个layout_weight值，默认为零，意思是需要显示
多大的视图就占据多大的屏幕空 间。若赋一个高于零的值，则将父视
图中的可用空间分割，分割大小具体取决于每一个视图的layout_weight
值以及该值在当前屏幕布局的整体 layout_weight值和在其它视图屏幕布
局的layout_weight值中所占的比率而定。
举个例子：比如说我们在 水平方向上有一个文本标签和两个文本编辑元素。
该文本标签并无指定layout_weight值，所以它将占据需要提供的最少空间。
如果两个文本编辑元素每一个的layout_weight值都设置为1，则两者平分
在父视图布局剩余的宽度(因为我们声明这两者的重要度相等)。如果两个
文本编辑元素其中第一个的layout_weight值设置为1，而第二个的设置为2，
则剩余空间的三分之二分给第一个，三分之一分给第二个(数值越小，重要
度越高)。
-->
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
<TextView
android:text="red"
android:gravity="center_horizontal"
android:background="#aa0000"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"/>

<TextView
android:text="green"
android:gravity="center_horizontal"
android:background="#00aa00"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"/>

<TextView
android:text="blue"
android:gravity="center_horizontal"
android:background="#0000aa"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"/>

<TextView
android:text="yellow"
android:gravity="center_horizontal"
android:background="#aaaa00"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"/>

</LinearLayout>

<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="2">

<TextView
android:text="row one"
android:textSize="15pt"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>

<TextView
android:text="row two"
android:textSize="15pt"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>

<TextView
android:text="row three"
android:textSize="15pt"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>

<TextView
android:text="row four"
android:textSize="15pt"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>

</LinearLayout>

</LinearLayout>



 

我是初学，在网上看到有大虾说在android开发中这个linearlayout是用得比较多的，拭目以待吧，看起来是要灵活一些哦。

 

下面是Relativelayout：相对布局。xml文件如下面所示。

main.xml文件代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:id="@+id/label"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Type here:"
android:textSize="15sp"
/>
<EditText
android:id="@+id/entry"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_below="@id/label"
android:layout_marginBottom="10dp"
android:text="在此输入文本..."
/>
<Button
android:id="@+id/ok"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="OK"
android:layout_alignParentRight="true"
android:layout_below="@id/entry"
android:layout_marginLeft="5dp"

/>
<Button
android:id="@+id/cancel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/ok"
android:layout_alignTop="@id/ok"
android:text="Cancel"
/>
</RelativeLayout>

 

在相对布局中用得比较多的就我感觉就是相对屏幕位置左边呀，或者右边，顶部，等的位置。先记下来，以后在一步一步的研究，感觉这个在应用中还是蛮灵活的！

 

下面一个就是TableLayout，话不多说。现将xml文件和运行结果贴出来再说。

下面是xml文件：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:shrinkColumns="0,1,2"
>
<TableRow>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello, i am button1"
android:layout_column="0"
/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello, i am button2"
android:layout_column="1"

b9c9
/>
</TableRow>
<TableRow>
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello, i am button3"
android:layout_column="1"
/>
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello, i am button4"
android:layout_column="2"
/>
</TableRow>
<TableRow>
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello, i am button5"
android:layout_column="2"
/>
</TableRow>
</TableLayout>

 

根据运行结果可以看出，每一个TableRow中的Button都是按照水平方向排列的，并且每个Button的位置可以用android:layout_column="2"来定义，其中参数表示位置，并且从0开始，如果是0就从屏幕的最左边开始排列，并且以此向后面排列。

 

最后就是AbsoluteLayout：绝对布局。此种布局形式是采用坐标的形式来排列activity中的对象。下面是xml文件：

 

main.xml:<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<EditText
android:text="input your name..."
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<Button
android:layout_x="370px"
android:layout_y="65px"
android:layout_width="100px"
android:layout_height="wrap_content"
android:text="OK"
/>
</AbsoluteLayout>

运行结果截图：



 

以上就是android界面设计的5大布局哦！android学习必经之路！呵呵