Question

我尝试遵循Google Material GuideLines，并在我的Android应用程序TextInputLayout中使用TextInputEditText进行文本输入。

通过Google，我应该获得该元素，如下所示（在Google视频中通过链接显示）：

https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F1V4TTJr8n_fpZkdk4qQIqXB9vJhMegre3%2Ftextfields-filled-motion2.mp4

但最后我明白了：

my appearance of TextInputLayout with TextInputEditText

如您所见，提示文本和TextInputEditText中的文本未在背景中间对齐。除此之外，底线和背景之间还有一个空白。

我如何使其尽可能接近呈现Google的外观？

这是我的代码：

<android.support.design.widget.TextInputLayout
        android:id="@+id/tilFirstName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/Widget.MaterialComponents.TextInputLayout.FilledBox"
        android:layout_marginStart="@dimen/standart_margin"
        android:layout_marginEnd="@dimen/standart_margin"
        android:layout_marginTop="26dp"
        android:textColorHint="@color/colorPayneGrey"
        android:textSize="@dimen/top_bar_header_font_size"
        app:hintTextAppearance="@style/MyHintText"
        app:boxBackgroundColor="@color/colorGlitterBackground"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/flUserPhoto">

    <android.support.design.widget.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/first_name"/>

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

在Android上制作EditText字段时，遵循Google Material GuideLines

0 个答案: