Android布局管理(4)

         Android布局管理(4),这几天进度还是挺快的,我们已经到了Android布局管理器了。接下来让我们认识最常见的布局方式,也是安卓默认的布局放方式:

  •    LinearLayout    线性布局方式

          分为:垂直和水平布局

  • FrameLayout      框架布局方式
  • TableLayout       表格布局方式

      这个需要重点讲一下:

TableLayout属性:

  android:collapseColumns:将TableLayout里面指定的列隐藏,若有多列需要隐藏,请用逗号将需要隐藏的列序号隔开。             

  android:stretchColumns:设置指定的列为可伸展的列,以填满剩下的多余空白空间,若有多列需要设置为可伸展,请用逗号将需要伸展的列序号隔开。                

  android:shrinkColumns:设置指定的列为可收缩的列。当可收缩的列太宽(内容过多)不会被挤出屏幕。当需要设置多列为可收缩时,将列序号用逗号隔开。

 列元素(Button)属性:(奇怪的是button 里面没有android:layout_column 和android:layout_span两个属性,写进去无反应,还不知道为什么)

  android:layout_colum:设置该控件在TableRow中指定的列

  android:layout_span:设置该控件所跨越的列数

<TableLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/TableLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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=".MainActivity" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <EditText
            android:id="@+id/editText1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:text="请选择学校" />

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="检索" />
    </TableRow>
    <View 
            android:layout_height="2px"
            android:background="#FF909090"
        
                   />

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="选择院校" />

        <RadioGroup
            android:id="@+id/radioGroup1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >
        </RadioGroup>

    </TableRow>

    <RadioButton
        android:id="@+id/radio0"
        android:checked="true"
        android:text="信息院" />

    <RadioButton
        android:id="@+id/radio1"
        android:text="电气院" />

</TableLayout>

演示效果如下:

其中view是定义了一条分割线


Android布局管理(4)

接下来我们用tablelayout做一个表格数据,处理表格上,通常我们都用Tablelayout

<TableRow
        android:id="@+id/tableRow1"
        >

        <TextView
            android:layout_column="0"
            android:gravity="center_horizontal"
            android:padding="8px"
            android:id="@+id/TextView1"
            
            android:text="学号" />

        <TextView
            android:id="@+id/TextView2"
            android:layout_column="1"
            android:gravity="center_horizontal"
            android:padding="8px"
           
            android:text="姓名" />

        <TextView
            android:id="@+id/textView3"
            android:layout_column="2"
            android:gravity="center_horizontal"
            android:padding="8px"
            android:text="班级" />

        <TextView
            android:id="@+id/textView4"
            android:layout_column="3"
            android:gravity="center_horizontal"
            android:padding="8px"
            android:text="地址" />

    </TableRow>
    <View 
            android:layout_height="2px"
            android:background="#FFF04334"
        
        />

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        
        
        <TextView
            android:layout_column="0"
            android:gravity="center_horizontal"
            android:padding="3px"
            android:id="@+id/TextView1"
            
            android:text="201208010427" />

        <TextView
            android:id="@+id/TextView2"
            android:layout_column="1"
            android:gravity="center_horizontal"
            android:padding="3px"
           
            android:text="张依依" />

        <TextView
            android:id="@+id/textView3"
            android:layout_column="2"
            android:gravity="center_horizontal"
            android:padding="3px"
            android:text="计科四班" />

        <TextView
            android:id="@+id/textView4"
            android:layout_column="3"
            android:gravity="center_horizontal"
            android:padding="3px"
            android:text="湖南长沙天马学生公寓" />
        
    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <TextView
            android:layout_column="0"
            android:gravity="center_horizontal"
            android:padding="3px"
            android:id="@+id/TextView1"
            
            android:text="201208010428" />

        <TextView
            android:id="@+id/TextView2"
            android:layout_column="1"
            android:gravity="center_horizontal"
            android:padding="3px"
           
            android:text="周婷婷" />

        <TextView
            android:id="@+id/textView3"
            android:layout_column="2"
            android:gravity="center_horizontal"
            android:padding="3px"
            android:text="计科三班" />

        <TextView
            android:id="@+id/textView4"
            android:layout_column="3"
            android:gravity="center_horizontal"
            android:padding="3px"
            android:text="湖南长沙天马学生公寓3区4栋435" />
    </TableRow>

显示效果如下:


Android布局管理(4)我们发现了一个很大的缺陷,就是多打出来的字都不见了,因为超过了屏幕显示长度,那么怎么办呢,别着急,tablelayout定义了很多方法,例如:

<TableLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="    android:layout_height="fill_parent"
    android:shrinkColumns="3"  //允许第4列收缩

    android:stretchColumns="2"  //允许第3列被拉伸
    tools:context=".MainActivity" >

运行效果:


Android布局管理(4)
 这样看起来是不是效果好了很多,Android布局管理(4),大家一起来试试吧。

还可以加上

 android:collapseColumns="0,3"   这一句的意思是第一列和第三列隐藏

效果:


Android布局管理(4)

还可以添加表格背景图:


Android布局管理(4)
 

 
 


 


 

相关推荐