<TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

当然预览不了了，这其实不是我要的控件。

而实际需要的是TabLayout

                 不是TableLayout ！！！

<com.google.android.material.tabs.TabLayout>

写成这个才能预览框里边直接看到效果

另：TableLayout是个什么东西？

在Android中提供了几个常用布局：

1. LinearLayout线性布局
2. RelativeLayout相对布局
3. FrameLayout帧布局
4. AbsoluteLayout绝对布局
5. TableLayout表格布局
6. GridLayout网格布局

<TableLayout
  android:id="@+id/TableLayout"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:collapseColumns="0,2" >
 <TableRow>

  <Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="one" />

  <Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="two" />

  <Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="three" />

  <Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="four" />

  <Button
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="five" />
  </TableRow>
</TableLayout>