Следуйте инструкциям Google Material Guideline при создании поля EditText на Android - PullRequest
Новая
       46

Следуйте инструкциям Google Material Guideline при создании поля EditText на Android

0 голосов
/ 04 ноября 2018

Я пытаюсь следовать Google Material GuideLines и использую в моем приложении Android TextInputLayout с TextInputEditText внутри для ввода текста.

По Google я должен получить этот элемент выглядит так (на видео от Google по ссылке):

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

Но, наконец, я понял:

мое появление TextInputLayout с 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>
...