键盘打开时背景图像被压缩答案

【问题标题】：Background Image gone compressed when keyboard is open键盘打开时背景图像被压缩
【发布时间】：2020-01-08 17:46:09
【问题描述】：

我正在使用此图像背景制作注册页面。

背景图片

看起来像：注册页面

但是当我专注于 EditText 并且打开键盘时，背景图像会被压缩。我该如何解决这个问题。

压缩后：

这里是 XML 代码：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/log_sign_bg">

    </RelativeLayout>


    <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="260dp">

            <EditText
                android:id="@+id/editText"
                style="@android:style/TextAppearance.Material.Medium"
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginStart="16dp"
                android:layout_marginTop="16dp"
                android:layout_marginEnd="16dp"
                android:background="@drawable/edittext_background"
                android:hint="Username"
                android:inputType="textPersonName"
                android:paddingLeft="8dp"
                android:textAppearance="@android:style/TextAppearance.Material.Medium"
                android:textSize="22dp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.0"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <EditText
                android:id="@+id/editText3"
                style="@android:style/TextAppearance.Material.Medium"
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginTop="16dp"
                android:background="@drawable/edittext_background"
                android:hint="Email"
                android:inputType="textEmailAddress"
                android:paddingLeft="8dp"
                android:textAppearance="@android:style/TextAppearance.Material.Medium"
                android:textSize="22dp"
                app:layout_constraintEnd_toEndOf="@+id/editText"
                app:layout_constraintStart_toStartOf="@+id/editText"
                app:layout_constraintTop_toBottomOf="@+id/editText" />

            <EditText
                android:id="@+id/editText2"
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginTop="16dp"
                android:background="@drawable/edittext_background"
                android:hint="Password"
                android:inputType="textPassword"
                android:paddingLeft="8dp"
                android:textAppearance="@android:style/TextAppearance.Material.Medium"
                android:textSize="22dp"
                app:layout_constraintEnd_toEndOf="@+id/editText3"
                app:layout_constraintStart_toStartOf="@+id/editText3"
                app:layout_constraintTop_toBottomOf="@+id/editText3" />

            <EditText
                android:id="@+id/editText4"
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginTop="16dp"
                android:background="@drawable/edittext_background"
                android:hint="Re-enter Password"
                android:inputType="textPassword"
                android:paddingLeft="8dp"
                android:textAppearance="@android:style/TextAppearance.Material.Medium"
                android:textSize="22dp"
                app:layout_constraintEnd_toEndOf="@+id/editText2"
                app:layout_constraintStart_toStartOf="@+id/editText2"
                app:layout_constraintTop_toBottomOf="@+id/editText2" />

            <Button
                android:id="@+id/button"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginStart="64dp"
                android:layout_marginTop="48dp"
                android:layout_marginEnd="64dp"
                android:background="@drawable/button_background"
                android:text="Register"
                android:textAppearance="@android:style/TextAppearance.Material.Large"
                android:textColor="#FFF"
                android:textStyle="bold"
                app:layout_constraintEnd_toEndOf="@+id/editText4"
                app:layout_constraintStart_toStartOf="@+id/editText4"
                app:layout_constraintTop_toBottomOf="@+id/editText4" />

            <TextView
                android:id="@+id/textView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginTop="24dp"
                android:text="Already a member?"
                android:textColor="#A6A6A6"
                android:textSize="22dp"
                app:layout_constraintEnd_toStartOf="@+id/textView2"
                app:layout_constraintStart_toStartOf="@+id/button"
                app:layout_constraintTop_toBottomOf="@+id/button" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginTop="24dp"
                android:text="Login"
                android:textColor="#EF3646"
                android:textSize="22dp"
                app:layout_constraintEnd_toEndOf="@+id/button"
                app:layout_constraintStart_toEndOf="@+id/textView"
                app:layout_constraintTop_toBottomOf="@+id/button" />


        </androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

我尝试了很多方法，但我认为我必须将 bakgrounf 图像和徽标分开，一个可能会修复它。

【问题讨论】：

键盘打开时的样子？并添加您的布局 xml
@HemantCTD，您的布局不正确。 ScrollView 不能承载多个直接子节点
Editetxt 提示问题是否已解决？你检查我更新的答案了吗？

标签： android android-layout android-softkeyboard

【解决方案1】：

在您的 AndroidManifest.xml 文件中添加以下行到您的活动

android:windowSoftInputMode="stateVisible|adjustPan"

像下面的sn-p寄存器中的

<activity
            android:name=".MainActivity"
            android:screenOrientation="portrait"
            android:theme="@style/AppTheme.NoActionBar"
            android:windowSoftInputMode="stateVisible|adjustPan|adjustResize" />

您在评论部分提到了问题，所以解决方案就在这里，运行时设置 Edittext 提示：

EditText etName;
etName= (EditText) findViewById(R.id.etName);
etName.setHint("Your Hint");

【讨论】：

它修复了我的调整大小问题，但edittext被键盘隐藏如何向上滚动
啊啊太棒了！！你需要在键盘打开时滚动它。！ @HemantCTD
@InsaneCat..你能帮帮我吗--> stackoverflow.com/questions/59532667/…
@Wini 好的，让我检查一下！！
@InsaneCat..你检查了吗？？我还没有找到任何解决我的问题的方法...没有人给出适当的解决方案...

【解决方案2】：

您的 xml 文件不正确 ScrollView 不能包含多个孩子，我已经解决了您的问题。所以请按照我的回答。

如果您只想滚动视图而不是顶部图像，请使用这个

    <?xml version="1.0" encoding="utf-8"?>
<ScrollView 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:fillViewport="true"
    android:orientation="vertical">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/signup_bg"
        >


        <EditText
            android:id="@+id/editText"
            android:layout_width="0dp"
            android:layout_height="48dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginStart="16dp"
            android:layout_marginTop="260dp"
            android:layout_marginEnd="16dp"
            android:hint="Username"
            android:inputType="textPersonName"
            android:paddingLeft="8dp"
            android:textSize="22dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <EditText
            android:id="@+id/editText3"

            android:layout_width="0dp"
            android:layout_height="48dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="16dp"

            android:hint="Email"
            android:inputType="textEmailAddress"
            android:paddingLeft="8dp"
            android:textSize="22dp"
            app:layout_constraintEnd_toEndOf="@+id/editText"
            app:layout_constraintStart_toStartOf="@+id/editText"
            app:layout_constraintTop_toBottomOf="@+id/editText" />

        <EditText
            android:id="@+id/editText2"
            android:layout_width="0dp"
            android:layout_height="48dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="16dp"

            android:hint="Password"
            android:inputType="textPassword"
            android:paddingLeft="8dp"

            android:textSize="22dp"
            app:layout_constraintEnd_toEndOf="@+id/editText3"
            app:layout_constraintStart_toStartOf="@+id/editText3"
            app:layout_constraintTop_toBottomOf="@+id/editText3" />

        <EditText
            android:id="@+id/editText4"
            android:layout_width="0dp"
            android:layout_height="48dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="16dp"

            android:hint="Re-enter Password"
            android:inputType="textPassword"
            android:paddingLeft="8dp"

            android:textSize="22dp"
            app:layout_constraintEnd_toEndOf="@+id/editText2"
            app:layout_constraintStart_toStartOf="@+id/editText2"
            app:layout_constraintTop_toBottomOf="@+id/editText2" />

        <Button
            android:id="@+id/button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginStart="64dp"
            android:layout_marginTop="48dp"
            android:layout_marginEnd="64dp"
            android:background="#EF3646"
            android:text="Register"

            android:textColor="#FFF"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="@+id/editText4"
            app:layout_constraintStart_toStartOf="@+id/editText4"
            app:layout_constraintTop_toBottomOf="@+id/editText4" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="24dp"
            android:text="Already a member?"
            android:textColor="#A6A6A6"
            android:textSize="22dp"
            app:layout_constraintEnd_toStartOf="@+id/textView2"
            app:layout_constraintStart_toStartOf="@+id/button"
            app:layout_constraintTop_toBottomOf="@+id/button" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="24dp"
            android:text="Login"
            android:textColor="#EF3646"
            android:textSize="22dp"
            app:layout_constraintEnd_toEndOf="@+id/button"
            app:layout_constraintStart_toEndOf="@+id/textView"
            app:layout_constraintTop_toBottomOf="@+id/button" />


    </androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

【讨论】：

从清单文件中删除这一行 android:windowSoftInputMode="stateVisible|adjustPan|adjustResize"
看看我用于全屏的相对布局兄弟图像，但你只需要 150
对于像edittext这样的约束布局视图的滚动视图问题我想滚动它们
InsaneCat 请仔细检查我的评论，使用多个子而不是单个约束布局
我明白了，我从您的代码中删除了相关布局，并为约束布局添加了背景，并在 260dp 的第一个编辑文本中添加了边距顶部