表格布局

表格布局

1、总结

 
将页面划分成由行和列构成的单元格，由根元素TableLayout来标识，表格的行由<TableRow> </TableRow>定义，组件放置时候，由android：layout_column指定列序号
 
android:collapseColumns:设置需要被隐藏的序列号

android:shrinkColumns:设置允许被收缩的序列号

android:stretchColumns:设置允许被拉伸的序列号

2、案例

运行结果：
 
 

 
 

 
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".MainActivity">

    <TableRow>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/y"/>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/y"/>
    <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/y"/>
    </TableRow>


    <TableRow>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/y"
            android:layout_column="1"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/y"
            android:layout_column="2"/>
    </TableRow>


    <TableRow>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/y"
            android:layout_column="3"/>
    </TableRow>

</TableLayout>

 
 
  

MainActivity.java

package com.example.mediaplayerzjs;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;

public class MainActivity extends AppCompatActivity {

    private static String TAG="MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


    }
}