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
android - windowSoftInputMode 问题