TextInputLayout disable animation

I am using the TextInputLayout to implement the floating label pattern. However, when I set the text programmatically on the EditText, I still get the animation of the label moving from the control to the label – the same as if the user had clicked it.

I don’t want this animation though if I set it programmatically, is this possible? Here is my code:

  • Unable to execute dex: Multiple dex files define Lbolts/AggregateException
  • Can I detect the presence/absence of 'LED notification' on an Android device?
  • How to unpair bluetooth device using android 2.1 sdk
  • Is it possible to change the style of an Android L TimePickerDialog?
  • write c# implementation of abstract class inline?
  • using serial port RS-232 in android?
  • <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/root">
    
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/editText1" />
    
    </android.support.design.widget.TextInputLayout>
    

    And in the onResume I do:

        TextInputLayout root = (TextInputLayout)findViewById(R.id.root);
        EditText et = (EditText)root.findViewById(R.id.editText1);
        et.setText("Actual text");
        root.setHint("Hint");
    

    Related posts:

    Import project in Android Studio from Eclipse
    RxJava: chaining observables
    Android Studio - IBus prior to 1.5.11 may cause input problems. See IDEA-78860 for details
    RecyclerView GridLayoutManager: how to auto-detect span count?
    What is android:layout_marginStart
    What is the reason for the error &ldquo;Device supports x86, but APK only supports armeabi-v7a&a...
  • Close Android popup window with back press
  • Recycle view - java.lang.NullPointerException
  • NoClassDefFoundError: Failed resolution of: Lokhttp3/internal/Platform
  • Audio keeps playing after force close
  • How can I get an Android TableLayout to fill the parent in landscape mode?
  • recreating camera object after error 100 (camera server died)
  • 4 Solutions collect form web for “TextInputLayout disable animation”

    I have found an (unwieldy) way to do that. Looking into the source code of the TextInputLayout, I’ve discovered that the only occasion when the class doesn’t update it’s hint with animation is when the EditText is added to it. The only obstacle is that you can only add it once to the layout, once it is there, it will permanently be tied to it, and there’s no way to remove it.

    So here’s the solution:

    1. Create a TextInputLayout without the EditText. Programmatically or via XML inflation – doesn’t matter, but it has to be empty.
    2. Create the EditText and set its text to whatever you need.
    3. Add the EditText to the TextInputLayout.

    Here’s an example:

    TextInputLayout hintView = (TextInputLayout) findViewById(R.id.hint_view);
    hintView.setHint(R.string.hint);
    
    EditText fieldView = new EditText(hintView.getContext());
    fieldView.setText(value);
    
    hintView.addView(fieldView);
    

    Unfortunately, if you want to set the text to something else without the animation, you will have to repeat all these steps, except for the creation of a new EditText (the last one can be reused). I hope Google can fix this, because it is really inconvenient, but for now that’s what we have.

    Update: this is, thankfully, fixed in the design library 23.0.0, so just update to that version, and you won’t have to do all this crazy stuff.

    As of v23 of the support libs, a setHintAnimationEnabled method has been added. Here are the docs. So you can set this new attribute to false in the XML and then programmatically set it to true after you’ve finished populating the editText. OR simply handle it all programmatically, as needed.

    So in your example, that would become something like:

    TextInputLayout root = (TextInputLayout)findViewById(R.id.root);
    root.setHintAnimationEnabled(false);
    root.setHint("Hint");
    
    EditText et = (EditText)root.findViewById(R.id.editText1);
    et.setText("Actual text");
    
    // later...
    root.setHintAnimationEnabled(true);
    

    Of course, be sure to open your Android SDK Manager and update your Android Support Library to rev. 23 and Android Support Repository to rev. 17 first and then add that to build.gradle via:

    compile 'com.android.support:design:23.0.0'
    

    Note that as the Design library depends on the Support v4 and AppCompat Support Libraries, those will be included automatically when you add the Design library dependency.

    I check out ideas about support library v23 – it’s does not work yet 🙁 Programmatically inserting of EditText is unusable if you wish to use databinding labrary

    In result of research I found solution without full disabling of animation:

    layout.xml

    <android.support.design.widget.TextInputLayout
         android:id="@+id/text_til"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="@string/product_title_placeholder">
         <android.support.design.widget.TextInputEditText
              android:id="@+id/text_tiet"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="@={bindingText}"/>
     </android.support.design.widget.TextInputLayout>
    

    Activity.java

    final TextInputLayout textLayout = (TextInputLayout) findViewById(R.id.text_til);
    if(binding.getText() != null) {
       // disable animation
       textLayout.setHintAnimationEnabled(false);
       final TextInputEditText editText = (TextInputEditText) titleLayout.findViewById(R.id.text_tiet);
       editText.setOnFocusChangeListener(new View.OnFocusChangeListener() {
           @Override
           public void onFocusChange(View view, boolean b) {
               // enable animation after layout inflated
               textLayout.setHintAnimationEnabled(true);
               editText.setOnFocusChangeListener(null);
           }
       });
    }
    // manage focus for new binding object
    ((View)textLayout .getParent()).setFocusableInTouchMode(binding.getText() == null);
    

    It’s looks not prettily, but it works 🙂

    I will give you simple code and you don’t have to make all programmatically just add xlm attribute and that’s all.

    <android.support.design.widget.TextInputLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:hintAnimationEnabled="true"
                    app:passwordToggleEnabled="true">
    
                    <EditText
                        android:id="@+id/password_field_activity_login"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@android:color/transparent"
                        android:hint="@string/password"
                        android:inputType="textPassword"
                        android:padding="10dp"
                        android:textColor="@color/color_holo_light_gray"
                        android:textColorHint="@color/color_holo_light_gray"
                        android:textCursorDrawable="@drawable/cursor_drawable" />
    
    </android.support.design.widget.TextInputLayout>
    

    Hope it will help

    Android Babe is a Google Android Fan, All about Android Phones, Android Wear, Android Dev and Android Games Apps and so on.