赤いアリスマークでTextInputLayoutを作成する方法

Question

TextInputLayoutを使用して必須フィールドを作成しようとしています。 Spannableクラスを使用しましたが、TextInputLayoutのヒントを単一のcolor.Iで表示しました。私のビューは、下のリンクのように見えます。

https://material.io/guidelines/components/text-fields.html#text-fields-search-filter

Answer 1

私はマテリアルデザインのテキストフィールドにできるだけ似ているために、次のTextInputEditTextを作成しました。

XMLレイアウト

  <android.support.design.widget.TextInputLayout 
      android:id="@+id/etlayout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:counterEnabled="true" 
      app:counterMaxLength="25"> 

      <android.support.design.widget.TextInputEditText 
       android:id="@+id/et" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:paddingTop="16dp" 
       android:layout_marginLeft="-4dp" 
       android:layout_marginStart="-4dp" 
       android:layout_marginTop="8dp" 
       android:textSize="16sp" 
       android:inputType="text|textCapSentences" 
       android:singleLine="true" 
       android:hint="@string/title" 
       android:textColorHint="@color/transparent38"/> 

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

色

<color name="transparent38">#66000000</color> 

のJava

etlayout = (TextInputLayout)findviewbyid(R.id.etlayout); 

     TextWatcher twTitle = new TextWatcher() { //Analyzes when the view changes 
      @Override 
      public void beforeTextChanged(CharSequence s, int start, int count, int after) { 

      } 

      @Override 
      public void onTextChanged(CharSequence s, int start, int before, int count) { 
       if (true) { //Replace condition with validity test 
       etlayout.setErrorEnabled(false); //Removes the extra space 
       etlayout.setError(null); //Removes the error message 
      } else { //If the text is not valid 
       etlayout.setErrorEnabled(true); //Makes the space for the error appear 
       etlayout.setError("Invalid input"); //Shows a message 
      } 
      } 

      @Override 
      public void afterTextChanged(Editable s) { 

      } 
     }; 
     etTitle.addTextChangedListener(twTitle);