箭頭和垂直線的自定義微調器用戶界面

Question

我想用自定義佈局（不是微調項目佈局），外部佈局實現微調。我希望它看起來像這樣： http://imgur.com/a/U6RzU

我搜索計算器和谷歌，但無法弄清楚如何想出這個

感謝很多（將整個畫面作爲背景旁）推進

編輯 這是我的嘗試：

styles.xml

<style name="spinner"> 
    <item name="android:layout_marginTop">6dp</item> 
    <item name="android:layout_marginBottom">6dp</item> 
    <item name="android:layout_marginLeft">0dp</item> 
    <item name="android:layout_marginRight">0dp</item> 
    <item name="android:padding">10dp</item> 
    <item name="android:background">@drawable/spinner_bg</item> 
    <item name="android:popupBackground">@color/red</item> 
    <item name="android:textSize">15sp</item> 
</style> 

spinner_bg.xml

<?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="#ff0000" 
         android:startColor="#ff0000" android:type="linear" /> 
        <stroke android:width="0.33dp" android:color="#0fb1fa" /> 
        <corners android:radius="0dp" />  
        <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" /> 
       </shape> 
      </item> 
      <item android:right="5dp"> 
       <bitmap android:gravity="center_vertical|right" android:src="@drawable/arrow_white_down" /> 
      </item> 
     </layer-list> 
    </item> 
</selector> 

其中arrow_white_down是一個很小的白色箭頭的PNG（像在鏈接）

Answer 1

我解決它通過使用RelativeLayout的與所述旋轉器和圖像（箭頭）旁邊，它看起來並不在spinnerMode="dropdown"確實不錯，但這個是最好的，我可以做

佈局

<RelativeLayout 
    android:id="@+id/spinner_container" 
    style="@style/spinner_container"> 

    <Spinner 
     android:id="@+id/spinner" 
     style="@style/spinner" 
     android:layout_toLeftOf="@+id/spinner_image" 
     android:layout_toStartOf="@+id/spinner_image" /> 

    <ImageView 
     android:id="@+id/spinner_image" 
     style="@style/spinner_image" /> 

</RelativeLayout> 

styles.xml

<style name="spinner_container"> 
    <item name="android:layout_width">match_parent</item> 
    <item name="android:layout_height">35dp</item> 
    <item name="android:orientation">horizontal</item> 

    <item name="android:layout_marginTop">6dp</item> 
    <item name="android:layout_marginBottom">6dp</item> 
    <item name="android:layout_marginLeft">0dp</item> 
    <item name="android:layout_marginRight">0dp</item> 

    <item name="android:background">@color/red</item> 
</style> 

<style name="spinner"> 
    <item name="android:layout_width">match_parent</item> 
    <item name="android:layout_height">wrap_content</item> 

    <item name="android:layout_margin">0dp</item> 

    <item name="android:layout_alignParentLeft">true</item> 
    <item name="android:layout_alignParentStart">true</item> 

    <item name="android:padding">5dp</item> 

    <item name="android:textColor">@color/white</item> 
    <item name="android:background">@color/red</item> 
    <item name="android:popupBackground">@color/red</item> 

    <item name="android:textSize">15sp</item> 
</style> 

<style name="spinner_image"> 
    <item name="android:layout_width">wrap_content</item> 
    <item name="android:layout_height">match_parent</item> 

    <item name="android:layout_margin">5dp</item> 
    <item name="android:padding">0dp</item> 

    <item name="android:layout_alignParentRight">true</item> 
    <item name="android:layout_alignParentEnd">true</item> 
    <item name="android:adjustViewBounds">true</item> 
    <item name="android:src">@drawable/bc_spinner_arrow</item> 
</style> 

其中bc_spinner_arrow是白色箭頭的透明PIC和垂直線（像在問題）