Activity-TableLayout和ScrollView

TableLayout

在某些UI设计中,也称为GridLayout。我们根据行和列的排列来对 widget进行布局。整个逻辑和我们在HTML中写table的方式相似,定义表格然后以行为单位,然后在定制单元表格,即每一个widget,如果 widget需占用多个单元采用android:layout_span="num"的方式。

第一个表格单元为(0,0)。widget是按顺序放入表格的,如果我们希望中间 跳过几个表格单元,可以指定widget具体在哪一列,例如android:layout_column="2",即放在第3列,那么下一个widget 将是第4列或者下一行。需要注意的是,和Table一样,这些表格的大小并不一定是一样的,将根据widget的natrual大小。这可能和我们的期望 不一样。下面是一个例子:

    <?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:stretchColumns的值为一个column的列号,注意列号是从0还是,如果有多个列号,用逗号作为分割。这些列将尽可能填满 剩余的空间,这对于小于有效空间的情况非常有用。如果不设置,则采用widget的natrual的大小,将不会填满横排剩余的空间。在程序中可以是 setColumnStretchable()—>
      android:stretchColumns="1" >
        <TableRow>
            <TextView android:text="URL:" />
    <!--如果我们不设置 android:stretchColumns="1",EditText这里是没有内容,因此它的natrual的width为0,即看不到。当我们设 置row 1的两个button填入 column2和3,那么column 2和3将为适配为button的大小,而column1为1,这会导致如图所示的画面 -->
            <EditText android:id="@+id/entry"
              android:layout_span="3" />
        </TableRow>
        <TableRow>
             <Button android:id="@+id/cancel"
                     android:layout_column="2"
                     android:text="Cancel" />
             <Button android:id="@+id/ok"
                     android:text="Ok" />
        </TableRow>
    </TableLayout>

android:stretchColumns:如同将上面例子。

android:shrinkColumns,将尽可能压缩column空间,例如在上面的例子在Row0中我们加入:

    <TextView android:text="1234567899" />
    <TextView android:text="hello my friend!" android:textColor="#0000ff" />
    <TextView android:text="1234567899" />

运行时如上左图,最后一列看不到完整,我们可以在TableLayout中加入属性:android:shrinkColumns="4,5",这样就可以如第二个图。在java code中可以使用setColumnShrinkable()。

android:collapseColumns: 可以将某些列invisible,可用于向用户显示他们需要的或者重要的内容,而隐藏次要的,在java code中可以使用setColumnCollapsed()。我们将android:collapseColumns="4,5"替换了 shrinkColumns的属性,效果如右图。

在TableRow之间可以放入widget,这时TableLayout就如同数值排放的LinearLayout的行为,并自动的将width设置为fill_parent。

ScrollView

顾名思义就是可以滚屏。ScrollView的处理很简单:

    <ScrollView xmlns:android...  android:layout_width...  android:layout_height...>
    //里面可以是其他Layout的布局,例如TableLayout,但是我们尝试了在一个ScrollView中又两个TableLayout出现错误,目前不太清楚为什么。
    </ScrollView>

需要注意的是ScrollView不提供双向(横+竖)的scroll,只提供单向的。

猜你喜欢

转载自weizilong1989.iteye.com/blog/1917737