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" 
            />
   </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学习必经之路！呵呵