android - 如何在不更改太多代码的情况下使相对布局应用程序具有响应性？

Question

我有一个相对布局的应用程序，里面有:

1) 具有一个开关和 2 个 editText 的垂直线性布局。

2) 垂直布局下方的水平线性布局，带有 2 个按钮。

它在 galaxy A8 手机上运行良好，但水平线性布局在小屏幕手机的底部 editText 上重叠。

我需要一些指导，了解如何在不更改太多代码的情况下使其具有响应性，因为我的界面设计技术很差。

感谢您的帮助。

我试图将它转换为 Constraint-Layout 但它让我的用户界面变得更糟。该应用程序停止响应。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    android:animateLayoutChanges="true"
    android:clipChildren="false">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="15dp">

        <Switch
            android:id="@+id/switch1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:text="French to English"
            android:textSize="18sp"
            android:checked="true"
            android:thumbTint="@color/colorPrimary"
            android:trackTint="@color/colorAccent" />

        <EditText
            android:id="@+id/pname"
            android:layout_width="match_parent"
            android:layout_height="225dp"
            android:layout_marginTop="15dp"
            android:maxLength="100"
            android:background="@drawable/rounded_border_edittext"
            android:ems="15"
            android:gravity="top"
            android:hint="Enter your text to translate here..."
            android:inputType="textMultiLine"
            android:padding="10dp" />

        <EditText
            android:id="@+id/target"
            android:layout_width="match_parent"
            android:layout_height="225dp"
            android:layout_marginTop="30dp"
            android:maxLength="100"
            android:background="@drawable/rounded_border_edittext1"
            android:ems="15"
            android:gravity="top"
            android:hint="Your translated text will appear here..."
            android:inputType="textMultiLine"
            android:padding="10dp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:padding="15dp">

        <Button
            android:id="@+id/btnsave"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Save" />

        <Button
            android:id="@+id/btntranslate"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Translate" />
    </LinearLayout>
</RelativeLayout>

Answer 1

尝试将垂直 LinearLayout 中的两个 EditText 的高度设置为 190dp

android:layout_height="190dp"

还有他们的 margingTop 值到 15dp

android:layout_marginTop="15dp"

这将适合 Android 设备的最小屏幕尺寸，即 426x320