如何在ConstraintLayout中用GuideLine实现软键盘弹出时仅按钮上移
问题:ConstraintLayout引入GuideLine后软键盘弹出导致所有控件上移
我在应用中使用了ConstraintLayout,此前通过ScrollView实现了软键盘弹出时仅按钮上移、其他控件不移动的效果。为适配全屏幕尺寸引入GuideLine后,软键盘弹出时所有控件又会向上移动,请问该如何正确使用GuideLine来实现需求?
Manifest配置
<activity android:name=".RegisterActivity" android:exported="false" android:windowSoftInputMode="adjustResize" />
原布局XML
<androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ScrollView app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintBottom_toTopOf="@id/button_register_sendVerification" android:layout_width="0dp" android:layout_height="0dp" android:fillViewport="true"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_parent"> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_topParent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_percent="0.04" /> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_bottomParent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_percent="0.96" /> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_leftParent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.08" /> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_rightParent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.92" /> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_topMobileNumber" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_percent="0.4"/> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_bottomMobileNumber" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:layout_constraintGuide_percent="0.49"/> <com.google.android.material.textfield.TextInputLayout android:id="@+id/textInputLayout_register_mobileNumber" style="@style/TextInputLayout.All" android:layout_width="0dp" android:layout_height="0dp" app:layout_constraintLeft_toRightOf="@id/guideline_register_leftParent" app:layout_constraintRight_toLeftOf="@id/guideline_register_rightParent" app:layout_constraintTop_toTopOf="@+id/guideline_register_topMobileNumber" app:layout_constraintBottom_toBottomOf="@id/guideline_register_bottomMobileNumber"> <com.google.android.material.textfield.TextInputEditText android:id="@+id/textInputEditText_register_mobileNumber" style="@style/TextInputEditText.All" android:hint="@string/text_all_enterPhoneNumber" android:inputType="phone" android:maxLength="11" android:textAlignment="center" /> </com.google.android.material.textfield.TextInputLayout> </androidx.constraintlayout.widget.ConstraintLayout> </ScrollView> <Button android:id="@+id/button_register_sendVerification" style="@style/Button.all" android:layout_width="0dp" android:layout_height="48dp" android:text="@string/text_button_registerActivity_sendVerification" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout>
解决方案
核心问题是:ScrollView内部的ConstraintLayout设置了match_parent高度,且垂直方向的Guideline用了百分比定位。当软键盘弹出时,ScrollView的可用高度被压缩,百分比Guideline会重新计算位置,导致内部控件跟着上移。
修改步骤:
调整内部ConstraintLayout的高度
将ScrollView内部的ConstraintLayout的android:layout_height从match_parent改为wrap_content,同时保留ScrollView的android:fillViewport="true"——这样内容不足时ScrollView仍能占满屏幕,内容足够时可滚动,且控件位置不会随ScrollView高度变化而偏移。优化垂直定位方式
移除垂直方向的百分比Guideline,改用layout_constraintVertical_bias直接给控件设置垂直偏移,这样控件的相对位置会固定在屏幕的对应比例,不会随布局高度变化而移动。
修改后的核心布局代码:
<ScrollView app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintBottom_toTopOf="@id/button_register_sendVerification" android:layout_width="0dp" android:layout_height="0dp" android:fillViewport="true"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <!-- 保留水平百分比Guideline,宽度不受软键盘影响 --> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_leftParent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.08" /> <androidx.constraintlayout.widget.Guideline android:id="@+id/guideline_register_rightParent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_percent="0.92" /> <!-- 用bias替代垂直百分比Guideline,固定控件垂直位置 --> <com.google.android.material.textfield.TextInputLayout android:id="@+id/textInputLayout_register_mobileNumber" style="@style/TextInputLayout.All" android:layout_width="0dp" android:layout_height="wrap_content" app:layout_constraintLeft_toRightOf="@id/guideline_register_leftParent" app:layout_constraintRight_toLeftOf="@id/guideline_register_rightParent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintVertical_bias="0.4"> <com.google.android.material.textfield.TextInputEditText android:id="@+id/textInputEditText_register_mobileNumber" style="@style/TextInputEditText.All" android:hint="@string/text_all_enterPhoneNumber" android:inputType="phone" android:maxLength="11" android:textAlignment="center" /> </com.google.android.material.textfield.TextInputLayout> </androidx.constraintlayout.widget.ConstraintLayout> </ScrollView>
Manifest中的adjustResize配置无需修改,它会保证底部按钮在软键盘弹出时自动上移,不被遮挡。
内容的提问来源于stack exchange,提问作者Nima Khalili
相关产品推荐
相关产品推荐

