Проблема нестандартного стиля TextInputEditText (когда содержит текст)

Question

Мне нужен цвет нижней строки TextInputEditText, как показано ниже.

• Цвет по умолчанию => Серый
• Если пользователь вводит текст, цвет линии должен оставаться синим. В настоящее время, если я введите ввод в первый текст редактирования и перейдите к другому тексту редактирования, первый снова становится серым.

• Правка текста пуста => Серый

  Мне также требуется анимация подсказки по умолчанию TextInputLayout, поэтому я не могу использовать EditText. Я реализовал это, используя TextWatcher как здесь , но не работает.

Вот мой код

<android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/EditScreenTextInputLayoutStyle"
        app:hintTextAppearance="@style/etHintText">

        <android.support.design.widget.TextInputEditText
            android:id="@+id/etAddress"
            style="@style/et_14_blk_sngl"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:inputType="text"
            android:singleLine="true" />
    </android.support.design.widget.TextInputLayout>

Стиль:

<style name="EditScreenTextInputLayoutStyle">
<item name="colorControlNormal">@color/gray</item>
<item name="colorControlActivated">@color/blue</item>
<item name="colorControlHighlight">@color/blue</item></style>

И

private void UpdateLineColor()
    {
        if (!TextUtils.IsEmpty(this.Text))
        {
            DrawableCompat.SetTint(this.Background, ContextCompat.GetColor(this.Context, Resource.Color.blue));

            if (Build.VERSION.SdkInt >= Build.VERSION_CODES.Lollipop)
            {
                ColorStateList colorStateList = ColorStateList.ValueOf(Resources.GetColor(Resource.Color.blue));
                this.BackgroundTintList = colorStateList;
                ViewCompat.SetBackgroundTintList(this, colorStateList);
            }

            this.Background.SetColorFilter(Resources.GetColor(Resource.Color.blue), PorterDuff.Mode.SrcAtop);
        }
        else
        {
            DrawableCompat.SetTint(this.Background, ContextCompat.GetColor(this.Context, Resource.Color.gray));

            if (Build.VERSION.SdkInt >= Build.VERSION_CODES.Lollipop)
            {
                ColorStateList colorStateList = ColorStateList.ValueOf(Resources.GetColor(Resource.Color.gray));
                this.BackgroundTintList = colorStateList;
                ViewCompat.SetBackgroundTintList(this, colorStateList);
            }

            this.Background.SetColorFilter(Resources.GetColor(Resource.Color.gray), PorterDuff.Mode.SrcAtop);
        }
    }

Answer 1

Вы можете настроить фон TextInputEditText , например:

Пользовательский et_underline_selected.axml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
  android:bottom="0dp"
  android:left="-2dp"
  android:right="-2dp"
  android:top="-2dp">
  <shape>
    <solid android:color="@android:color/transparent" />
    <stroke
      android:width="1dp"
      android:color="#00f" />  // color blue
      <padding android:bottom="4dp" />
   </shape>
 </item>
</layer-list>   

et_underline_unselected.axml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item
    android:bottom="0dp"
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
     <shape>
     <solid android:color="@android:color/transparent" />
     <stroke
       android:color="#0f0"
       android:width="1dp" />
      <padding android:bottom="4dp" />
    </shape>
  </item>
</layer-list>

edittext_bg_selector.axml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_focused="true" 
    android:drawable="@drawable/et_underline_unselected"/>
  <item android:state_focused="false" 
    android:drawable="@drawable/et_underline_selected"/>
</selector>

эти три файла помещены в Ресурсы / Drawable

тогда в вашем layout.axml:

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:hintTextAppearance="@style/etHintText">
    <android.support.design.widget.TextInputEditText
        android:id="@+id/etAddress"
        style="@style/et_14_blk_sngl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:inputType="text"
        android:background="@drawable/edittext_bg_selector"
        android:singleLine="true" />
</android.support.design.widget.TextInputLayout>

наконец в вашем activity.cs:

TextInputEditText etAddress = FindViewById<TextInputEditText>(Resource.Id.etAddress);

etAddress.FocusChange += (s, e) =>
        {
            if (e.HasFocus)
            {
                etAddress.SetBackgroundResource(Resource.Drawable.et_underline_selected);
            }
            else
            {
                if (etAddress.Text.Length > 0)
                {
                    etAddress.SetBackgroundResource(Resource.Drawable.et_underline_selected);
                }
                else
                {
                    etAddress.SetBackgroundResource(Resource.Drawable.et_underline_unselected);
                }
            }
        };

Вам нужен этот эффект?

Answer 2

Замените ваш style на:

<style name="EditScreenTextInputLayoutStyle" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorControlNormal">@color/gray</item>
    <item name="colorControlActivated">@color/blue</item>
    <item name="colorControlHighlight">@color/blue</item>
</style>