title: TextView with a background and Transparent Text
body: <p>I'm trying to do the following:</p>
  
  <p><img src="https://i.stack.imgur.com/ppYE8.png" alt="enter image description here"></p>
  
  <p>For now, I am trying to use NativeAndroid.</p>
  
  <p>However, I can do this with <strong>HTML and css.</strong></p>
  
  <p>As you can see, it's something like:</p>
  
  <ul>
  <li>Holder with blue (might be any other color or even an IMAGE) background</li>
  <li>TextView with (transparent??) color</li>
  <li>TextView with gray background</li>
  </ul>
  
  <p>However, if I set background to grey and the text to transparent, the text "disappears" and it's all shown as gray.</p>
  
  <p>This is my try (Native Android):</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="#ff000000" &gt;
  &lt;TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="#ffcecece"
      android:padding="5dp"
      android:text="@string/hello_world"
      android:textColor="#00ffffff" /&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>However, it's showing the following:</p>
  
  <p><img src="https://i.stack.imgur.com/kduak.png" alt="enter image description here"></p>
  
  <p>There's text, bu as it is transparent, it's not shown.</p>
  
  <p>So my question is:</p>
  
  <ul>
  <li>How can I achieve this?</li>
  <li>Canvas? Spans? I'm not used to those approach, so some directions would be appreciated.</li>
  </ul>
  
  <p>Thanks!!</p>
  
  <p>Edit:
  <strong>That blue background must be dynamic and it may be an IMAGE!</strong></p>