title: Ripple effect inside of a selector
body: <p>I would like to achieve a ripple effect when someone presses my ImageView, but also have different drawables for other states. </p>
  
  <p>I have a very simple <code>ImageView</code>:</p>
  
  <pre><code>&lt;ImageView
      android:id="@+id/image"
      android:layout_width="120dp"
      android:layout_height="120dp"
      android:clickable="true"
      /&gt;
  </code></pre>
  
  <p>I add my background to it:     </p>
  
  <pre><code>mImage.setBackgroundResource(R.drawable.background_resource);
  </code></pre>
  
  <p>My drawable looks like this:</p>
  
  <pre><code>&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item android:state_selected="false"&gt;
          &lt;shape
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:shape="oval"&gt;
  
              &lt;solid
                  android:color="@android:color/darker_gray"/&gt;
  
              &lt;size
                  android:width="80dp"
                  android:height="80dp"/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item android:state_selected="true" android:state_pressed="false"&gt;
          &lt;shape
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:shape="oval"&gt;
  
              &lt;solid
                  android:color="@android:color/holo_blue_bright"/&gt;
  
              &lt;size
                  android:width="120dp"
                  android:height="120dp"/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item android:state_pressed="true"&gt;
          &lt;ripple android:color="@android:color/holo_blue_dark"&gt;
              &lt;item android:id="@android:id/mask"&gt;
                  &lt;shape android:shape="oval"&gt;
  
                      &lt;solid android:color="@android:color/holo_blue_dark"/&gt;
  
                      &lt;size
                          android:width="120dp"
                          android:height="120dp"/&gt;
                  &lt;/shape&gt;
              &lt;/item&gt;
          &lt;/ripple&gt;
      &lt;/item&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>When I click, the background disappears instead of showing the ripple effect. The other states work fine. Any idea what I am doing wrong here?</p>