在编辑文本视图中输入文字时,如何避免多行文本视图向上移动并阻碍上述编辑文本视图?

问题描述

我最近正在学习Android应用开发。在添加多行可滚动文本视图以显示输出(基于用户从EditText的输入)之后,此文本视图将向上移动并阻碍我上方的编辑文本视图在编辑文本视图中输入内容

有什么方法可以阻止这种多行文本视图的上移?

在输入之前:

enter image description here

在编辑文本视图中输入时...

enter image description here

以下是我的布局XML代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="174dp"
        android:layout_height="42dp"
        android:layout_marginTop="45dp"
        android:text="My New App"
        android:textAlignment="center"
        android:textColor="@color/colorPrimary"
        android:textSize="25sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.50"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button"
        android:layout_width="135dp"
        android:layout_height="72dp"
        android:layout_marginTop="42dp"
        android:layout_marginEnd="25dp"
        android:background="@android:color/holo_green_light"
        android:onClick="doPress"
        android:text="Press me"
        android:textAlignment="center"
        android:textColor="@android:color/background_light"
        android:textSize="24sp"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="45dp"
        android:layout_marginEnd="16dp"
        android:text="Student ID: "
        android:textSize="23sp"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintTop_toBottomOf="@+id/button" />

    <EditText
        android:id="@+id/inputText"
        android:layout_width="163dp"
        android:layout_height="38dp"
        android:layout_marginStart="16dp"
        android:background="@android:color/holo_orange_light"
        android:ems="10"
        android:inputType="text"
        android:textSize="23sp"
        app:layout_constraintBaseline_toBaselineOf="@+id/textView2"
        app:layout_constraintStart_toStartOf="@+id/guideline2" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5" />

    
    <TextView
        android:id="@+id/outputContent"
        android:layout_width="312dp"
        android:layout_height="236dp"
        android:background="#99C369"
        android:textAlignment="center"
        android:textColor="@color/colorPrimary"
        android:textSize="26sp"
        android:textStyle="bold|italic"
        android:scrollbars="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/inputText" />

    <Button
        android:id="@+id/button2"
        android:layout_width="150dp"
        android:layout_height="71dp"
        android:layout_marginStart="25dp"
        android:background="#F3BABA"
        android:onClick="doClear"
        android:text="Clear"
        android:textColor="#DD6363"
        android:textSize="24sp"
        app:layout_constraintBaseline_toBaselineOf="@+id/button"
        app:layout_constraintStart_toStartOf="@+id/guideline2" />
</androidx.constraintlayout.widget.ConstraintLayout>

解决方法

这样做:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity"
    >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="45dp"
        android:text="My New App"
        android:textAlignment="center"
        android:textColor="@color/colorPrimary"
        android:textSize="25sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />


    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.5"
        />


    <Button
        android:id="@+id/button"
        android:layout_width="135dp"
        android:layout_height="72dp"
        android:layout_marginTop="24dp"
        android:background="@android:color/holo_green_light"
        android:text="Press me"
        android:textAlignment="center"
        android:textColor="@android:color/background_light"
        android:textSize="24sp"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        />


    <Button
        android:id="@+id/button2"
        android:layout_width="150dp"
        android:layout_height="71dp"
        android:layout_marginTop="24dp"
        android:background="#F3BABA"
        android:text="Clear"
        android:textColor="#DD6363"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline2"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:layout_marginEnd="24dp"
        android:text="Student ID: "
        android:textSize="23sp"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintTop_toBottomOf="@+id/button"
        />

    <EditText
        android:id="@+id/inputText"
        android:layout_width="163dp"
        android:layout_height="38dp"
        android:background="@android:color/holo_orange_light"
        android:ems="10"
        android:inputType="text"
        android:textSize="23sp"
        app:layout_constraintBottom_toBottomOf="@+id/textView2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline2"
        app:layout_constraintTop_toTopOf="@+id/textView2"
        />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="64dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/inputText"
        >

        <TextView
            android:id="@+id/outputContent"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:background="#99C369"
            android:scrollbars="vertical"
            android:text="@string/long_string"
            android:textAlignment="center"
            android:textColor="@color/colorPrimary"
            android:textSize="26sp"
            android:textStyle="bold|italic"
            />

    </FrameLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

使您的布局像这样的是android:scrollbars="vertical"。因此,我在框架中向上移动,现在它不会中断您的视图。

结果(单击EditText之前和之后):

enter image description here

别忘了添加:

((TextView) findViewById(R.id.outputContent)).setMovementMethod(new ScrollingMovementMethod());

在您的活动类中,以允许在输出TextView中滚动。


您甚至不需要FrameLayout,只需添加此TextView:

<TextView
    android:id="@+id/outputContent"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_gravity="center"
    android:layout_margin="64dp"
    android:background="#99C369"
    android:scrollbars="vertical"
    android:text="@string/long_string"
    android:textAlignment="center"
    android:textColor="@color/colorPrimary"
    android:textSize="26sp"
    android:textStyle="bold|italic"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/inputText"
    />

您唯一需要设置的就是高度。它必须为0dp,并限制在底部和顶部。然后,您可以应用所需的边距