Как создать Gmail, подобный макету edittext

#android

#Android

Вопрос:

Нужен макет, подобный этому макету Мне нужен такой макет, есть ли какой-либо Google api для этого макета

Ответ №1:

Вы должны добавить стиль style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox" в TextInputLayout

Если вы отказались от библиотеки поддержки Android и в настоящее время используете компоненты Material Design.

 <com.google.android.material.textfield.TextInputLayout
    android:id="@ id/emailTextInputLayout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/edit_text_horizontal_margin"
    android:layout_marginEnd="@dimen/edit_text_horizontal_margin"
    android:layout_marginBottom="@dimen/edit_text_vertical_margin"
    android:hint="Username"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@ id/emailTextInputEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress" />

</com.google.android.material.textfield.TextInputLayout>
  

Если нет, я предлагаю вам прочитать статью, которую я написал о том, как перейти на компоненты Material Design.

Старый ответ:

Например:

 <android.support.design.widget.TextInputLayout
    android:id="@ id/emailTextInputLayout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/edit_text_horizontal_margin"
    android:layout_marginEnd="@dimen/edit_text_horizontal_margin"
    android:layout_marginBottom="@dimen/edit_text_vertical_margin"
    android:hint="Username"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <android.support.design.widget.TextInputEditText
        android:id="@ id/emailTextInputEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress" />

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

Комментарии:

1. Используйте com.google.android.material.textfield. TextInputLayout вместо Android.support.design.widget. TextInputLayout в androidx. Аналогичным образом используйте com.google.android.material.textfield. TextInputEditText вместо android.support.design.widget. TextInputEditText.

Ответ №2:

Поддержка новой библиотеки

 implementation 'com.google.android.material:material:1.1.0'