【问题标题】:How to avoid the multi-line text view shift up and obstacle the above edit text view while typing in the edit text view?在编辑文本视图中键入时,如何避免多行文本视图向上移动并阻碍上述编辑文本视图?
【发布时间】:2020-09-25 20:24:43
【问题描述】:

我最近在学习 Android 应用开发。在我添加了一个多行可滚动文本视图来显示输出(基于来自 EditText 的用户的输入)之后,这个文本视图将向上移动并阻碍它上面的编辑文本视图,而我正在尝试在编辑文本视图中输入内容。

有没有办法阻止这个多行文本视图的上移?

输入前:

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

以下是我的布局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 代码吗?
  • 嗨,我刚刚为这个布局添加了我的 XML 代码。请检查一下。非常感谢!

标签: android android-layout mobile-application


【解决方案1】:

这样做:

<?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 前后):

别忘了补充:

((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 并限制在底部和顶部。然后你可以应用你想要的边距

【讨论】:

  • 感谢您的回答。我实际上发现每次当最后一个视图项的底部链接到父视图的底部时,它都会在打字时向上移动。但是,非常感谢,我会在我这边测试您建议的解决方案。
猜你喜欢
  • 1970-01-01
  • 2014-08-21
  • 1970-01-01
  • 1970-01-01
  • 2013-07-16
  • 2012-10-29
  • 2016-04-14
  • 2014-08-17
  • 1970-01-01
相关资源
最近更新 更多