输入布局中 Edittext 下划线和提示之间的差距

Question

我正在使用 EditText 输入布局。

下面是我的 xml 代码：

<android.support.design.widget.TextInputLayout
        android:id="@+id/TextInputLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/et_edittext"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Enter Password"
            android:imeOptions="actionNext"
            android:maxLines="1"
            android:inputType="text" />

</android.support.design.widget.TextInputLayout>

我想在 editText 下划线和 hint text（输入密码）之间留出更多空隙。我想减小 hint text.

的大小

任何人都可以帮助我如何得到这个。

Answer 1

试试这个！！

对于Space

给 padding EditText 想多少就给多少

对于文字大小

在style.xml

<style name="TextLabel" parent="TextAppearance.Design.Hint">
    <item name="android:textSize">16sp</item>
</style>

在您的布局中

<android.support.design.widget.TextInputLayout
     android:id="@+id/TextInputLayout1"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginEnd="8dp"
     android:layout_marginStart="16dp"
     android:layout_marginTop="8dp"
     android:clipChildren="false"
     app:hintTextAppearance="@style/TextLabel">

    <android.support.design.widget.TextInputEditText
        android:id="@+id/password_et"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="3dp"
        android:hint="Password"
        android:padding="5dp"
        android:translationY="3dp" />

</android.support.design.widget.TextInputLayout>

Answer 2

尝试使用以下代码：在底线和 editText 之间使用 android:padding="any value in sp/dp"。

 <android.support.design.widget.TextInputLayout
    android:id="@+id/TextInputLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:layout_marginStart="16dp"
    android:layout_marginTop="8dp"
    android:clipChildren="false">

    <android.support.design.widget.TextInputEditText
        android:id="@+id/password_et"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="3dp"
        android:hint="Password"
        android:padding="5dp"
        android:translationY="3dp" />
</android.support.design.widget.TextInputLayout>

Answer 3

您可以为编辑文本下划线和提示文本之间的间隙设置填充，并使用它来更改提示大小：

<string name="hint"><font size="20">Hint!</font></string>

示例：

<android.support.design.widget.TextInputLayout
    android:id="@+id/TextInputLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/et_edittext"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/hint"
        android:imeOptions="actionNext"
        android:padding="5dp"
        android:maxLines="1"
        android:inputType="text" />

</android.support.design.widget.TextInputLayout>

Answer 4

尝试将 paddingTop 与 EditText 的 translationY 属性结合使用。例如

<android.support.design.widget.TextInputLayout
            android:id="@+id/TextInputLayout1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/et_edittext"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Enter Password"
                android:imeOptions="actionNext"
                android:translationY="@dimen/dimen_10dp"
                android:inputType="text"
                android:maxLines="1" />

        </android.support.design.widget.TextInputLayout>

输入布局中 Edittext 下划线和提示之间的差距

Gap between Edittext underline and Hint in Input Layout

android

android-edittext

textinputlayout