title: Android custom IcsSpinner (from ActionBarSherlock)
body: <p>Currently I'm using IcsSpinner since I want a dropdown spinner across all devices.
  This is what I want to achieve (showing closed spinner and expanded): </p>
  
  <p><img src="https://i.stack.imgur.com/uDrEd.png" alt="enter image description here"></p>
  
  <p>however I'm not able to do so. I have tried this code:</p>
  
  <pre><code>&lt;com.actionbarsherlock.internal.widget.IcsSpinner
       android:id="@+id/myspinner"
       style="@style/SpinnerStyle"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:drawSelectorOnTop="true"
       android:minHeight="@dimen/spinner_min_height"
       android:prompt="@string/pick_one" /&gt;
  </code></pre>
  
  <p>with the style:</p>
  
  <pre><code>&lt;style name="SpinnerStyle" parent="Sherlock.__Widget.Holo.Spinner"&gt;
      &lt;item name="android:popupBackground"&gt;@drawable/spinner_selector&lt;/item&gt;
      &lt;item name="android:dropDownSelector"&gt;@color/white_text&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>and drawable <strong>spinner_selector.xml</strong>:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android" &gt;
     &lt;item android:state_pressed="true" android:drawable="@color/red" /&gt;
     &lt;item android:state_focused="true" android:drawable="@color/red"/&gt;
     &lt;item android:state_selected="true" android:drawable="@color/red"/&gt;
     &lt;item android:drawable="@color/spinner_grey_bg"/&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>however the output is something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/ZNJfX.png" alt="enter image description here"></p>
  
  <p>I attempted another way by customizing the views in the adapter by doing this:</p>
  
  <pre><code>ArrayAdapter&lt;String&gt; myAdapter= new ArrayAdapter&lt;String&gt;(mContext,
                          R.layout.spinner_entry_textview, adapterArray);
  mySpinner.setAdapter(myAdapter);
  </code></pre>
  
  <p>with <strong>spinner_entry.textview.xml</strong>: </p>
  
  <pre><code>&lt;TextView xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/tv_spinner_entry"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:minHeight="@dimen/min_height_touch"
  android:background="@drawable/spinner_selector"
  android:textColor="@drawable/spinner_text_selector"
  android:gravity="right|center_vertical"
  /&gt;
  </code></pre>
  
  <p>and the <strong>spinner_text_selector.xml</strong></p>
  
  <pre><code>&lt;selector xmlns:android="http://schemas.android.com/apk/res/android" &gt;
  &lt;item android:state_pressed="true" android:color="@color/white_text" /&gt;
  &lt;item android:state_focused="true" android:color="@color/white_text"/&gt;
  &lt;item android:state_selected="true" android:color="@color/white_text"/&gt;
  &lt;item android:color="@color/red_text"/&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>but im getting this output wich is almost what I want but it also paints gray and red text when closed. (the first element where the arrow points should be dark gray background with white text)<img src="https://i.stack.imgur.com/1qa42.png" alt="enter image description here"></p>
  
  <p>also tried applying styles to default listview since the spinner seems to have an internal listView but didn't do anything:</p>
  
  <pre><code> &lt;style name="AppTheme" parent="Theme.Sherlock.Light"&gt;
      &lt;item name="android:listViewStyle"&gt;@style/MyListView&lt;/item&gt;
      &lt;item name="android:spinnerItemStyle"&gt;@style/SpinnerItem&lt;/item&gt;
      &lt;item name="android:spinnerDropDownItemStyle"&gt;@style/SpinnerDropDownItem&lt;/item&gt;
      &lt;item name="spinnerItemStyle"&gt;@style/SpinnerItem&lt;/item&gt;
      &lt;item name="spinnerDropDownItemStyle"&gt;@style/SpinnerDropDownItem&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="MyListView" parent="@android:style/Widget.ListView"&gt;
      &lt;item name="android:textColor"&gt;@drawable/spinner_text_selector&lt;/item&gt;
      &lt;item name="android:background"&gt;@drawable/spinner_selector&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="SpinnerDropDownItem"&gt;
      &lt;item name="android:textColor"&gt;@drawable/spinner_text_selector&lt;/item&gt;
      &lt;item name="android:background"&gt;@drawable/spinner_selector&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="SpinnerStyle" parent="Sherlock.__Widget.Holo.Spinner"&gt;
      &lt;item name="android:popupBackground"&gt;@drawable/spinner_selector&lt;/item&gt;
      &lt;item name="android:dropDownSelector"&gt;@color/white_text&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p><em>Any ideas on how to achieve this? It would be much appreciated.</em></p>