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"
xmlns:app="http://schemas.android.com/apk/res-auto"
    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="@dimen/sw_3dp"
        android:layout_height="@dimen/sw_50dp"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:paddingStart="@dimen/sw_10dp"
            android:paddingEnd="@dimen/sw_10dp"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:orientation="horizontal">
        <TextView
            android:id="@+id/key_ai"
            android:layout_width="@dimen/sw_34dp"
            android:layout_height="@dimen/sw_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="@dimen/sw_83dp"
                android:layout_height="@dimen/sw_25dp"
                android:paddingEnd="@dimen/sw_10dp"
                android:clickable="true"/>

            <!-- 收起键盘 -->
            <LinearLayout
                android:id="@+id/collapse_button"
                android:layout_width="@dimen/sw_50dp"
                android:layout_height="@dimen/sw_50dp"
                android:gravity="center">
                <TextView
                    android:id="@+id/Key_collapse"
                    android:layout_width="@dimen/sw_19dp"
                    android:layout_height="@dimen/sw_10dp"
                />
            </LinearLayout>
        </LinearLayout>

    </LinearLayout>


<!-- 补全建议区域（可横向滑动） -->
<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/completion_scroll"
    android:layout_width="match_parent"
    android:layout_height="@dimen/sw_50dp"
    android:layout_marginTop="@dimen/sw_3dp"
    android:background="@drawable/complete_bg">
<HorizontalScrollView
    android:layout_width="@dimen/sw_0dp"
    android:layout_height="@dimen/sw_50dp"
    android:layout_weight="1"
    android:scrollbars="none"    
    android:overScrollMode="never"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    android:id="@+id/completion_HorizontalScrollView">
    
    <LinearLayout
        android:id="@+id/completion_suggestions"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:paddingStart="@dimen/sw_4dp"
        android:paddingEnd="@dimen/sw_4dp" />
</HorizontalScrollView>

<LinearLayout
    android:id="@+id/associate_close"
    android:layout_width="@dimen/sw_40dp"
    android:layout_height="@dimen/sw_50dp"
    android:background="@drawable/complete_close_bg"
    android:gravity="center"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent">
    <ImageView
        android:layout_width="@dimen/sw_10dp"
        android:layout_height="@dimen/sw_10dp"
        android:src="@drawable/associate_close"/>
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>


    <!-- 第一行字母键 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/sw_3dp"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:orientation="horizontal">
        
        <TextView
            android:id="@+id/key_q"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_w"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_e"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_r"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_t"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_y"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_u"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_i"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_o"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
        <TextView
            android:id="@+id/key_p"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            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="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_s"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_d"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_f"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_g"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_h"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_j"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_k"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>
            
        <TextView
            android:id="@+id/key_l"
            android:layout_width="@dimen/sw_32dp"
            android:layout_height="@dimen/sw_41dp"
            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="@dimen/sw_42dp"
            android:layout_height="@dimen/sw_41dp"
            android:layout_marginEnd="@dimen/sw_10dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>    

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

        <TextView
            android:id="@+id/key_del"
            android:layout_width="@dimen/sw_42dp"
            android:layout_height="@dimen/sw_41dp"
            android:layout_marginStart="@dimen/sw_10dp"
            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="@dimen/sw_42dp"
            android:layout_height="@dimen/sw_41dp"
            android:textSize="12sp"
            android:textColor="#A9A9A9"
            android:clickable="true"
            android:gravity="center"/>

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

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

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

    </LinearLayout>
</LinearLayout>