How to create custom spinner like border around the spinner with down triangle on the right side?

Question

I want to develop custom spinner like line around spinner with triangle at right bottom corner.
like following image

For above fig I wrote my custom spinner like a

spinner.xml

 <Spinner android:background="@drawable/spinner_background"/> 

spinner_background.xml

<?xml version="1.0" encoding="UTF-8"?> 

<item android:state_pressed="true"       android:drawable="@drawable/spinner_ab_pressed_new_theme_bs">     <shape>          <solid              android:color="@color/White" />          <corners android:radius="3dp" />          <padding              android:bottom="10dp"              android:left="10dp"              android:right="10dp"              android:top="10dp" />           <stroke              android:width="2dp"              android:color="@color/skyblue" />     </shape>  </item>  <!-- spinner_ab_default_new_theme_bs -> this image for corner triangle --> <item      android:drawable="@drawable/spinner_ab_default_new_theme_bs" >     <shape>         <solid             android:color="@color/White">         </solid>          <corners android:radius="3dp" />          <padding             android:bottom="10dp"              android:left="10dp"              android:right="10dp"              android:top="10dp" />          <stroke              android:width="2dp"              android:color="@color/gray"/>     </shape> </item> 

And I got output like following image

I tried lot but not achieve my goal please anybody have solution to develop spinner.
like above first one image.

Answer 1

Spinner

<Spinner     android:id="@+id/To_Units"     style="@style/spinner_style" /> 

style.xml

    <style name="spinner_style">           <item name="android:layout_width">match_parent</item>           <item name="android:layout_height">wrap_content</item>           <item name="android:background">@drawable/gradient_spinner</item>           <item name="android:layout_margin">10dp</item>           <item name="android:paddingLeft">8dp</item>           <item name="android:paddingRight">20dp</item>           <item name="android:paddingTop">5dp</item>           <item name="android:paddingBottom">5dp</item>           <item name="android:popupBackground">#DFFFFFFF</item>      </style> 

gradient_spinner.xml (in drawable folder)

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">      <item><layer-list>             <item><shape>                     <gradient android:angle="90" android:endColor="#B3BBCC" android:startColor="#E8EBEF" android:type="linear" />                      <stroke android:width="1dp" android:color="#000000" />                      <corners android:radius="4dp" />                      <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />                 </shape></item>             <item ><bitmap android:gravity="bottom|right" android:src="@drawable/spinner_arrow" />             </item>         </layer-list></item>  </selector>   

@drawable/spinner_arrow is your bottom right corner image