A018-布局之TableLayout

作者: IT_xiao小巫 | 来源:发表于2015-10-04 21:18 被阅读195次

    TableLayout

    表格布局,顾名思义像表格一样进行布局。我们通常配合TableRow一起使用,TableRow代表一行,有多少个TableRow就有多少行。

    eg:三行三列的布局

    <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
        <TableRow>
            <Button android:text="Button1"/>
            <Button android:text="Button2"/>
            <Button android:text="Button3"/>
        </TableRow>
        <TableRow>
            <Button android:text="Button4"/>
            <Button android:text="Button5"/>
            <Button android:text="Button6"/>
        </TableRow>
        <TableRow>
            <Button android:text="Button7"/>
            <Button android:text="Button8"/>
            <Button android:text="Button9"/>
        </TableRow>
    </TableLayout>
    

    XML Attribute

    shrinkColumns属性,以0为序,当控件布满布局时,指定列自动填充可用部分。


    shrinkColumns属性shrinkColumns属性

    strechColumns属性,以第0行为序,指定列对空白部分进行填充。


    strechColumns属性strechColumns属性

    collapseColumns属性:以0行为序,隐藏指定的列。


    collapseColumns属性collapseColumns属性

    layout_column属性:以0行为序,设置组件显示指定列。
    layout_span属性:以第0行为序,设置组件显示占用的列数。

    layout_column和layout_span属性layout_column和layout_span属性

    示例代码:

    <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
    
        >
        <!-- android:shrinkColumns="2"
        以0为序,当控件布满布局时,指定列自动填充可用部分。
        strechColumns属性,以第0行为序,指定列对空白部分进行填充
        collapseColumns属性:以0行为序,隐藏指定的列
        -->
        <TableRow>
            <Button android:text="Button1"
                android:layout_span="3"/>
            <Button android:text="Button2"/>
            <Button android:text="Button3"/>
        </TableRow>
        <TableRow>
            <Button android:text="Button4"
                android:layout_column="1"/>
            <Button android:text="Button5"
                />
            <Button android:text="Button6"/>
        </TableRow>
        <TableRow>
            <Button android:text="Button7"/>
            <Button android:text="Button8"
                android:layout_column="2"/>
            <Button android:text="Button9"/>
        </TableRow>
    </TableLayout>
    

    转载请注明:IT_xiao小巫 http://blog.csdn.net/wwj_748

    相关文章

      网友评论

        本文标题:A018-布局之TableLayout

        本文链接:https://www.haomeiwen.com/subject/rrvgcttx.html