title: Transparent overlay in imageview in a tablelayout
body: <p><img src="https://i.stack.imgur.com/W1gS8.png" alt="ImageView with a transparent overlay"></p>
  
  <p>I have a tablelayout with two rows each consisting of two imageview. I want to achieve result as below. I have tried few solutions mentioned in stackoverflow but somehow I have not found a way to achieve this. Each imageview is looks as below</p>
  
  <pre><code>&lt;ImageView
                  android:id="@+id/imageViewY"
                  android:layout_width="0dp"
                  android:layout_height="fill_parent"
                  android:layout_weight="1"
                  android:background="@drawable/cell_border"
                  android:clickable="true"
                  android:padding="2dp"
                  android:src="@drawable/letter_y" /&gt;
  </code></pre>
  
  <p>If you have any idea or solution to achieve this , i would like to request for your help. Thanks in advance. </p>