箭头和垂直线的自定义微调器用户界面

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和垂直线（像在问题）