windowSoftInputMode 不挤压布局

Posted

技术标签:

【中文标题】windowSoftInputMode 不挤压布局【英文标题】:windowSoftInputMode without squeezing layout 【发布时间】:2020-01-30 03:05:11 【问题描述】:

我在布局中做了一个标志,如下所示:

xml如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.core.widget.NestedScrollView 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_
    android:layout_
    android:background="@color/colorWhite"
    android:fillViewport="true"
    tools:context=".SignInActivity">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_
        android:layout_
        app:layout_constraintHeight_percent="1">

    <ImageView
        android:id="@+id/image_signin"
        android:layout_
        android:layout_
        android:layout_marginStart="8dp"
        android:layout_marginTop="64dp"
        android:layout_marginEnd="8dp"
        android:adjustViewBounds="true"
        android:scaleType="fitXY"
        android:src="@drawable/img_signin"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHeight_percent="0.2"
        app:layout_constraintHorizontal_bias="0.55"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_percent="0.48"/>

    <TextView
        android:id="@+id/text_sign_in"
        android:layout_
        android:layout_
        android:layout_marginStart="40dp"
        android:layout_marginTop="60dp"
        android:fontFamily="@font/assistant_semibold"
        android:text="Sign In"
        android:textColor="@color/colorLightPurple"
        android:textSize="24dp"
        app:layout_constraintHeight_percent="0.05"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/image_signin"
        app:layout_constraintWidth_percent="0.3" />

    <EditText
        android:id="@+id/et_sign_in_email"
        android:layout_
        android:layout_
        android:layout_marginStart="40dp"
        android:layout_marginEnd="40dp"
        android:layout_marginTop="36dp"
        android:drawablePadding="10dp"
        android:textColor="@color/colorBlackText"
        android:background="@drawable/btn_underline"
        android:drawableStart="@drawable/ic_mail_outline_black_24dp"
        android:drawableLeft="@drawable/ic_mail_outline_black_24dp"
        android:fontFamily="@font/assistant_semibold"
        android:hint="E-mail"
        app:layout_constraintHeight_percent="0.06"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/text_sign_in"/>

    <EditText
        android:id="@+id/et_sign_in_password"
        android:layout_
        android:layout_
        android:layout_marginStart="40dp"
        android:layout_marginEnd="40dp"
        android:layout_marginTop="20dp"
        android:drawablePadding="10dp"
        android:textColor="@color/colorBlackText"
        android:background="@drawable/btn_underline"
        android:drawableStart="@drawable/ic_lock_outline_black_24dp"
        android:drawableLeft="@drawable/ic_lock_outline_black_24dp"
        android:fontFamily="@font/assistant_semibold"
        android:hint="Password"
        android:inputType="textPassword"
        app:layout_constraintHeight_percent="0.06"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/et_sign_in_email"/>

    <Button
        android:id="@+id/button_sign_in"
        android:layout_
        android:layout_
        android:layout_marginStart="40dp"
        android:layout_marginEnd="40dp"
        android:layout_marginTop="40dp"
        app:layout_constraintHeight_percent="0.08"
        app:layout_constraintTop_toBottomOf="@+id/et_sign_in_password"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:background="@drawable/btn_rounded_purple"
        android:fontFamily="@font/assistant"
        android:text="Sign In"
        android:textAllCaps="false"
        android:textColor="@color/colorWhite"
        android:textSize="20dp"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.core.widget.NestedScrollView>

当我输入电子邮件/密码时,键盘会隐藏登录按钮,因此我将 android:windowSoftInputMode="adjustResize" 添加到我的清单中。

结果如下:

有没有办法让我的布局中的对象始终保持相同的大小,并且只是将整个布局推到键盘上方?

我专门在ScrollView 内制作了整个布局,所以它可以移动,但问题是键盘不是“屏幕的一部分”,据我了解它更像是一个浮动,所以它不会移动布局.

谢谢

【问题讨论】:

【参考方案1】:

您可以使用 ConstraintLayout:

    <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:id="@+id/constraint_layout"
     android:layout_
     android:layout_
     android:fitsSystemWindows="true">

        <ImageView
        android:layout_
        android:layout_
        android:scaleType="centerInside"
        android:src="@drawable/image"
        app:layout_constraintBottom_toTopOf="@+id/username"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

        <EditText
        android:id="@+id/username"
        android:layout_
        android:layout_
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
        ...
    </androidx.constraintlayout.widget.ConstraintLayout>

【讨论】:

这是我使用的,我将它全部插入到滚动视图中,以便在显示键盘后可以选择移动视图。 为了确认本所说的确切内容,我们实际上是在大约一个小时前因为类似的问题在登录屏幕上这样做的。 @JohnLord 好吧,希望我们都能在这里得到答案 =] 实际上我们在相对布局中嵌套约束时遇到了问题。您的里程可能会有所不同。

以上是关于windowSoftInputMode 不挤压布局的主要内容,如果未能解决你的问题,请参考以下文章

在 facebook 应用程序中创建登录布局,如 android

滚动条出现挤压页面宽度,影响布局

Flex弹性布局 部分元素被挤压的解决方法

android - windowSoftInputMode 问题

android:windowSoftInputMode="adjustResize" 没有任何区别?

Android 键盘将布局顶上去