Android-key-of-love/app/src/main/res/layout/keyboard.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/background"
    android:orientation="vertical">
    <!-- 控制 -->
    <LinearLayout
        android:id="@+id/control_layout"
        android:layout_width="match_parent"
        android:layout_marginTop="3dp"
        android:layout_height="50dp"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:paddingStart="10dp"
            android:paddingEnd="10dp"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:orientation="horizontal">
        <TextView
            android:id="@+id/key_ai"
            android:layout_width="34dp"
            android:layout_height="34dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:orientation="horizontal">
            <TextView
                android:id="@+id/key_revoke"
                android:layout_width="83dp"
                android:layout_height="25dp"
                android:paddingEnd="10dp"
                android:clickable="true"/>


            <!-- 收起键盘 -->
            <LinearLayout
                android:id="@+id/collapse_button"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:gravity="center">
                <TextView
                    android:id="@+id/Key_collapse"
                    android:layout_width="19dp"
                    android:layout_height="10dp"
                />
            </LinearLayout>
        </LinearLayout>

    </LinearLayout>


<!-- 补全建议区域（可横向滑动） -->
<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_marginTop="3dp"
    android:scrollbars="none"    
    android:overScrollMode="never"  
    android:background="@drawable/complete_bg"
    android:id="@+id/completion_scroll">
    
    <LinearLayout
        android:id="@+id/completion_suggestions"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:paddingStart="4dp"
        android:paddingEnd="4dp">

        <TextView
            android:id="@+id/suggestion_0"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_3"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_4"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_5"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_6"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_7"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_8"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_9"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_10"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_11"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_12"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_13"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_14"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_15"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_16"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_17"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>   

        <TextView
            android:id="@+id/suggestion_18"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_19"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

        <TextView
            android:id="@+id/suggestion_20"
            android:layout_width="wrap_content"  
            android:layout_height="match_parent"
            android:textSize="16sp"
            android:paddingHorizontal="12dp"
            android:gravity="center"
            android:clickable="true"
            android:background="@drawable/btn_keyboard"
            android:textColor="#FFFFFF"/>

    </LinearLayout>
</HorizontalScrollView>


    <!-- 第一行字母键 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:orientation="horizontal">
        
        <TextView
            android:id="@+id/key_q"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_w"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_e"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_r"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_t"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_y"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_u"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_i"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_o"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_p"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
    </LinearLayout>

    <!-- 第二行字母键 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:orientation="horizontal">
        
        <TextView
            android:id="@+id/key_a"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_s"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_d"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_f"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_g"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_h"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_j"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_k"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_l"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

    </LinearLayout>
    <!-- 第三行字母键 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:orientation="horizontal">
        
        <TextView
            android:id="@+id/key_up"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginEnd="16dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>    

        <TextView
            android:id="@+id/key_z"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>            
            
        <TextView
            android:id="@+id/key_x"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_c"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_v"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_b"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_n"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_m"
            android:layout_width="33dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

        <TextView
            android:id="@+id/key_del"
            android:layout_width="42dp"
            android:layout_height="40dp"
            android:layout_marginStart="12dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

    </LinearLayout>

    <!-- 功能键行 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/key_123"
            android:layout_width="42dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

        <TextView
            android:id="@+id/key_emoji"
            android:layout_width="42dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

        <TextView
            android:id="@+id/key_space"
            android:layout_width="181dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

        <TextView
            android:id="@+id/key_send"
            android:layout_width="88dp"
            android:layout_height="40dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

    </LinearLayout>
</LinearLayout>