android - Android：タイガーマシンのようなレイアウト

Question

下の 4 つのボタンを押すと、上の 3 つのボタンが 1 ボタン幅だけ左にシフトし続けるようなレイアウトを作成したいと思います (つまり、下の 1 つのボタンを押すと、中央に次の完全なボタン 3 が表示されます) ...ある種のアニメーションが必要ですか?)

簡単に言えば、タイガー ギャンブル マシンに似たレイアウトを作成したいのですが、各スロットが上または下に回転するのではなく、下のボタンを 1 回押すと、列全体が 1 つのスロットの左に移動します。

ただし、レイアウト コードが頭を悩ませます。2番目の写真に示すように、中央のボタンが中央を占め、左ボタンと右ボタンが半分だけ表示されるようにするにはどうすればよいですか?

現在のレイアウト

ご希望のレイアウト

<?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>