title: left drawable alignment with text in android
body: <p>I am new to custom view and didn't know much about canvas in android, 
  I wanted to align a left drawable to right side of layout along with the text(whether multiline or not) of same textview as in this image <a href="https://i.stack.imgur.com/XcXCX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XcXCX.png" alt="enter image description here"></a></p>
  
  <p>In the above image, i wanted to align $ image along with text($20.0 -$90.0 /hour) and must be in center if text is multiline and i don't want to use any extra layouts. Thanks in advance</p>
  
  <p>This is my basic xml,</p>
  
  <pre><code> &lt;RelativeLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="center""&gt;
  
          &lt;TextView
              android:id="@+id/ad_post_tv_noDays"
              style="@style/textView"
              android:text="20 days"
              android:layout_width="wrap_content"
              android:layout_alignParentLeft="true"
              android:drawablePadding="5dp"
              android:textColor="@color/color60"
              android:drawableLeft="@drawable/icon_calender"
              android:layout_gravity="left|center"
              android:gravity="left|center"
              android:layout_centerVertical="true"
              /&gt;
  
          &lt;TextView
              style="@style/textView"
               android:layout_alignParentRight="true"
              android:id="@+id/ad_post_tv_wage"
              android:layout_marginLeft="5dp"
              android:text="$8 - $12/hour"
              android:textSize="10dp"
              android:layout_toRightOf="@id/ad_post_tv_noDays"
              android:drawablePadding="5dp"
              android:layout_width="wrap_content"
              android:textStyle="bold"
              android:layout_gravity="right|center"
              android:gravity="right|center"
              android:drawableLeft="@drawable/icon_dollar"
              /&gt;
      &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>I had tried to implement it with custom views, it works for small text but when the text got bigger,it gets weird, my code image is as follows,<a href="https://i.stack.imgur.com/dGvEY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dGvEY.png" alt="enter image description here"></a></p>