天天看点

TableLayout布局常用属性案例代码

在TableLayout布局布局中加入按钮,会占据一行,想要多按钮在同一行就需要TableRow,但是超出的部分不会换行,不会显示。

TableLayout布局常用属性案例代码
TableLayout布局常用属性案例代码

常用属性

android:collapseColumns 设置需要被隐藏的列的序号,从0开始

android:stretchColumns 设置允许被拉伸的列的列序号,从0开始

android:shrinkColumns 设置允许被收缩的列的列序号,从0开始

子控件设置属性

android:layout_column 显示在第几列(默认第0列)

android:layout_span 横向跨几列

隐藏

TableLayout布局常用属性案例代码

常用属性中的拉伸,占用的是剩余空间,没有空间就不会被拉伸,这有4个按钮(包括隐藏的那个),5个按钮的话就不会拉伸

TableLayout布局常用属性案例代码
TableLayout布局常用属性案例代码

常用属性中的收缩,需要有按钮超出屏幕, 如果没超出屏幕,不会收缩,由于之前按钮长度正好在边缘,收缩的话相当于隐藏了,所以我更改的按钮的text,让按钮在边界超出一半

收缩前

TableLayout布局常用属性案例代码

收缩后

TableLayout布局常用属性案例代码
TableLayout布局常用属性案例代码

案例代码

activity_main.xml

<?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="1"
    android:layout_column="2"
    >

    <Button
        android:text="第1个按钮"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <Button
        android:text="第2个按钮"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <TableRow>
        <Button
            android:text="第1个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <Button
            android:text="第2个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <Button
            android:text="第3个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <Button
            android:text="第4个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <Button
            android:text="第5个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

    </TableRow>

    <TableRow>
        <Button
            android:text="第1个按钮"
            android:layout_column="1"
            android:layout_span="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        <Button
            android:text="第2个按钮"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </TableRow>

</TableLayout>
           
TableLayout布局常用属性案例代码