Как удалить плавающую метку из TextInputLayout в стиле OutlinedBox? - PullRequest
Новая
       19

Как удалить плавающую метку из TextInputLayout в стиле OutlinedBox?

0 голосов
/ 30 января 2019

Есть ли способ удалить плавающую метку (подсказку), когда TextInputLayout находится в режиме фокусировки?

Когда я пытаюсь установить app:hintEnabled="false" и подсказку внутри TextInputeEditText, TextInputLayout ведет себя странно, скрывая верхний ход.

<com.google.android.material.textfield.TextInputLayout
      style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:hint="Text">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

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

Важно то, что я использую компоненты материалов в версии 1.1.0-alpha01.

Редактировать

Вот как это выглядит (при вводене сфокусировано):

Screenshot

Верхний ход обрезан.

Ответы [ 3 ]

0 голосов
/ 30 января 2019

Сначала вы должны использовать этот стиль: 

<style name="TextInputLayoutOutlinedBoxStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <item name="android:textColorHint">#F5F5F5</item>
    <item name="hintTextAppearance">@style/HintTextAppearance</item>
    <item name="boxCornerRadiusBottomEnd">20dp</item>
    <item name="boxCornerRadiusBottomStart">20dp</item>
    <item name="boxCornerRadiusTopEnd">20dp</item>
    <item name="boxCornerRadiusTopStart">20dp</item>
</style>

И вы должны иметь textinputlayout, который содержит этот стиль следующим образом: 

  <com.google.android.material.textfield.TextInputLayout
        style="@style/TextInputLayoutOutlinedBoxStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/relativelayout_activatetoken_main"
        android:layout_marginStart="20dp"
        android:layout_marginTop="30dp"
        android:layout_marginEnd="20dp"
        android:hint="@string/activatetoken_passwordhint"
        android:textColorHint="@color/colorText"
        app:helperText="@string/activatetoken_passwordhelpertext"
        app:helperTextTextAppearance="@style/TextAppearanceHelper"
        app:hintTextAppearance="@style/TextAppearanceBase"
        app:passwordToggleTint="@color/text_50">

И для цвета границы используйте это в цветах: 

 <color name="mtrl_textinput_default_box_stroke_color" tools:override="true">#F5F5F5</color>
0 голосов
/ 21 июня 2019

Просто установите подсказку для EditText программно и удалите app:hintEnabled="false" из вашего TextInputLayout, если у вас есть, в моем случае сработало:)

0 голосов
/ 30 января 2019

Попробуйте установить пустую подсказку как для макета текста, так и для редактирования текста: - 

<com.google.android.material.textfield.TextInputLayout
      app:boxBackgroundMode="outline"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:hint="">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:hint=""
            android:layout_height="wrap_content" />

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

Если вы хотите использовать подсказку, тогда вы можете использовать пользовательские элементы рисования в качестве фона EditText : - 

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="10dp"/>
    <solid android:color="#ffffff"/>
    <stroke android:color="#000000"
    android:width="2dp"/>

</shape>
...