android - android：布局就像老虎机

Question

我想做一个布局，这样当按下下面的 4 个按钮时，上面的 3 个按钮将继续向左移动 1 个按钮宽度（即，当按下底部的一个按钮时，它会在中间显示下一个完整的按钮 3 ...需要某种动画吗？）

简单来说，我想做一个类似于老虎赌博机的布局，但不是每个插槽向上或向下旋转，如果按一下底部的任何按钮，整排向左移动一个插槽会很棒。

但是，布局代码让我头疼。我怎样才能使它成为占据中间的中间按钮，并且左键和右键只显示一半，如第二张图片所示？

当前布局

所需布局

<?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:stretchColumns="*"  
    android:background="@drawable/blackboard2">

<TableRow
    android:id="@+id/tableRow0"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="0dp"
    android:layout_weight="0.2"
    android:background="@android:color/transparent" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_span="6"
        android:gravity="center"
        android:text="Abc"
        android:textSize="30sp" />

</TableRow>


<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="0dp"
    android:layout_weight="0.45"
    android:background="@android:color/transparent"
    android:gravity="center" >

    <Button
        android:id="@+id/button_Q1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="2dp"          
        android:background="@drawable/grey_sq_btn"
        android:text="1"
        android:textSize="15dp" />

    <Button
        android:id="@+id/button_Q2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="2dp"         
        android:background="@drawable/grey_sq_btn"            
        android:text="2"
        android:textSize="15dp" />

    <Button
        android:id="@+id/button_Q3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="2dp""            
        android:background="@drawable/grey_sq_btn"
        android:text="3"
        android:textSize="15dp" />           

</TableRow>     

<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp"
    android:layout_weight="0.1"
    android:background="@android:color/transparent" >

</TableRow>

<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="0dp"
    android:layout_weight="0.1"
    android:background="@android:color/transparent"
    android:gravity="center" >

    <Button
        android:id="@+id/button_1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:layout_span="2"
        android:background="@drawable/grey_sq_btn"
        android:text="1"
        android:textSize="15dp" />

    <Button
        android:id="@+id/button_2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:layout_span="2"
        android:background="@drawable/grey_sq_btn"
        android:text="2"
        android:textSize="15dp" />

</TableRow>

<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="0dp"
    android:layout_weight="0.1"
    android:background="@android:color/transparent"
    android:gravity="center" >

    <Button
        android:id="@+id/button_3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:layout_span="2"
        android:background="@drawable/grey_sq_btn"
        android:text="3"
        android:textSize="15dp" />

    <Button
        android:id="@+id/button_4"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="5dp"
        android:layout_span="2"
        android:background="@drawable/grey_sq_btn"
        android:text="4"
        android:textSize="15dp" />

</TableRow>

<TableRow
    android:id="@+id/tableRow3"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp"
    android:layout_weight="0.15"
    android:background="@android:color/transparent" >

</TableRow>