Android固定DP高度的Material TextInputLayout文字垂直居中问题
解决TextInputLayout固定高度后内部文字垂直居中问题
直接给你可行的修改方案,针对你的布局问题:
- 删掉
TextInputEditText里的android:layout_marginTop="10dp",这个额外的上边距是导致文字偏移的核心原因之一 - 把
TextInputEditText的android:layout_height从wrap_content改成match_parent,让它填满TextInputLayout的垂直空间 - 移除
TextInputLayout的android:padding="5dp",避免自定义padding和组件默认布局逻辑冲突 - 给
TextInputLayout加上android:gravity="center_vertical",确保内部整体垂直居中
修改后的完整布局代码:
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="200dp" android:orientation="vertical"> <com.google.android.material.textfield.TextInputLayout android:id="@+id/TextInputLayoutPassword" style="@style/CustomInputLayout" android:layout_width="match_parent" android:layout_height="60dp" android:layout_marginStart="32dp" android:layout_marginTop="30dp" android:layout_marginEnd="32dp" android:layout_below="@+id/textViewMainTitle" android:layout_centerHorizontal="true" android:textAlignment="viewStart" android:gravity="center_vertical" app:hintTextAppearance="@style/TextLabel" android:textColorHint="@color/text_input_layout_stroke_color" app:hintTextColor="@color/text_input_layout_hint_color" android:hint="@string/userPassword" app:endIconMode="clear_text" app:boxStrokeWidth="2dp" app:boxCornerRadiusBottomEnd="18dp" app:boxCornerRadiusTopEnd="18dp" app:boxCornerRadiusBottomStart="18dp" app:boxCornerRadiusTopStart="18dp"> <!--this is the actual edit text which takes the input--> <com.google.android.material.textfield.TextInputEditText android:id="@+id/textInputEditTextPassword" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:inputType="textPassword" android:textSize="20sp" android:layout_width="match_parent" android:cursorVisible="false" android:layout_height="match_parent" /> </com.google.android.material.textfield.TextInputLayout> </LinearLayout>
原理说明:
原来的wrap_content高度让EditText只占自身文字高度的空间,即使设置了center_vertical也只是在小范围内居中;改成match_parent后,EditText会填充TextInputLayout的整个垂直高度,此时center_vertical才能让文字在60dp的高度内真正垂直居中。同时移除多余的margin和padding,避免和组件内部布局逻辑冲突。
内容的提问来源于stack exchange,提问作者VSB
相关产品推荐
相关产品推荐

