title: How to float left drawable with (hint) label in TextInputLayout?
body: <p>I am using TextInputLayout and in which i set a drawableLeft and when i click on edittext the label is already floating up but i want to float the left drawable too with the label. How can i achieve , see the attached image...</p>
  
  <p>Right now when i click on "Title" only leble is floating up but i want both should be floating "leftdrawable" and "label" when focused. And before to click it will look a normal line like "Service Date".</p>
  
  <p><a href="https://i.stack.imgur.com/bYtjF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bYtjF.png" alt="enter image description here"></a></p>
  
  <p>My code is below..</p>
  
  <pre><code>&lt;FrameLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_below="@+id/input_layout_cardnum"
      &gt;
      &lt;ImageView
          android:id="@+id/imgLeft"
          android:layout_width="30dp"
          android:layout_height="30dp"
          android:layout_gravity="bottom"
          android:src="@mipmap/ic_launcher"
          android:layout_marginBottom="10dp"
          /&gt;
      &lt;android.support.design.widget.TextInputLayout
          android:id="@+id/input_layout_cardnums"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          &gt;
          &lt;EditText
              android:id="@+id/cardnumEditTexst"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:maxLength="255"
              android:singleLine="true"
              android:hint="hello"
              android:drawableLeft="@null"
              android:paddingLeft="35dp"
              /&gt;
      &lt;/android.support.design.widget.TextInputLayout&gt;
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p>And in my code i'm setting an animation on onFocus so it goes on top with label</p>
  
  <pre><code>  final Animation animation = AnimationUtils.loadAnimation(this,R.anim.anims);
    final ImageView imgLeft = (ImageView) findViewById(R.id.imgLeft);
  
    final EditText et = (EditText) findViewById(R.id.cardnumEditTexst);
      et.setOnFocusChangeListener(new View.OnFocusChangeListener()
      {
          @Override
          public void onFocusChange(View v, boolean hasFocus)
          {
              if (hasFocus)
              {
                  if (et.getText().length() == 0)
                  {
                      imgLeft.startAnimation(animation);
                  }
              } else
              {
                  if (et.getText().length() == 0)
                      imgLeft.clearAnimation();
              }
          }
      });
  </code></pre>
  
  <p>And my animation will throw the image view on top</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;set xmlns:android="http://schemas.android.com/apk/res/android"
       android:fillAfter="true"
       android:duration="200"
       android:interpolator="@android:interpolator/linear"
      &gt;
      &lt;scale
          android:fromXScale="0%"
          android:fromYScale="0%"
          android:toXScale="60%"
          android:toYScale="60%"
          android:pivotX="50%"
          android:pivotY="50%"
          /&gt;
      &lt;translate
          xmlns:android="http://schemas.android.com/apk/res/android"
          android:startOffset="100"
          android:fromYDelta="0%"
          android:toYDelta="-80%"/&gt;
  
  &lt;/set&gt;
  </code></pre>
  
  <p>And by setting this i got, now floating is okay but see the <strong>paddingLeft="35dp"</strong>, i want to start it from 0th position see in the first image where "Title" is showing, i mean there should not be padding but if i will <strong>remove</strong> the paddingLeft the floating functionality loss.</p>
  
  <p><a href="https://i.stack.imgur.com/Uw4Kk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uw4Kk.png" alt="enter image description here"></a></p>