A018-布局之TableLayout

谁践踏了优雅 2022-08-09 01:59 163阅读 0赞

# 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" >
        
        <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][http_blog.csdn.net_wwj_748]

[shrinkColumns]: /images/20220731/fafd119d956247109b316e134d931412.png
[strechColumns]: /images/20220731/008be5deebbf4344b4e6b3d9140fd8f2.png
[collapseColumns]: /images/20220731/46a6ce2000d644ecac484306eb197f8c.png
[layout_column_layout_span]: /images/20220731/7a77a57c9ffd41c8aa0ecc4c02e762e7.png
[http_blog.csdn.net_wwj_748]: http://blog.csdn.net/wwj_748