我如何在android中獲得微調器提示圖像？

Question

我是新來的android我想讓我的微調看起來像這樣。 哪裏有皮殼和添加物。但我無法將提示圖像放在微調器上。雖然我的微調器形狀與圖片中顯示的一樣好，唯一的問題是圖像提示，任何人都可以幫助...

這是我此佈局編輯XML： 這裏只有1與圖像微調是顯示得曲線都不甚理想

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/LinearLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#FFFFFF" 
    android:orientation="vertical"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" 
     android:padding="10dp"> 

     <ImageView 
      android:id="@+id/desimage" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_horizontal" 
      android:src="@drawable/logo" /> 

     <TextView 
      android:id="@+id/h1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="5dp" 
      android:text="Chicken Pizza Small" 
      android:textSize="21sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/h2" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="5dp" 
      android:text="Chicken Pizza Small Combo" 
      android:textColor="#8c8181" 
      android:textSize="16sp" /> 


     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="5dp" 
      android:layout_marginTop="10dp" 
      android:orientation="horizontal" 
      android:weightSum="10"> 

      <Button 
       android:id="@+id/quant" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_marginRight="10dp" 
       android:layout_weight="3" 
       android:background="@drawable/mybutton" 
       android:text="Quantity" 
       android:textAllCaps="false" 
       android:textColor="#ffffff" /> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="10dp" 
       android:layout_weight="7" 
       android:background="@drawable/stroke_button" 
       android:orientation="horizontal" 
       android:weightSum="3"> 

       <Button 
        android:id="@+id/incr" 
        android:layout_width="0dp" 
        android:layout_height="match_parent" 
        android:layout_weight="1" 
        android:background="@android:color/transparent" 
        android:text="-" 
        android:textColor="#FFA726" 
        android:textSize="25dp" /> 

       <View 
        android:layout_width="1dp" 
        android:layout_height="match_parent" 
        android:background="#c0c0c0" /> 

       <TextView 
        android:id="@+id/value" 
        android:layout_width="0dp" 
        android:layout_height="match_parent" 
        android:layout_weight="1" 
        android:gravity="center" 
        android:inputType="number" 
        android:text="1" /> 

       <View 
        android:layout_width="1dp" 
        android:layout_height="match_parent" 
        android:background="#c0c0c0" /> 

       <Button 
        android:id="@+id/decr" 
        android:layout_width="0dp" 
        android:layout_height="match_parent" 
        android:layout_weight="1" 
        android:background="@android:color/transparent" 
        android:text="+" 
        android:textColor="#FFA726" 
        android:textSize="25dp" /> 

      </LinearLayout> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="5dp"> 

      <CheckBox 
       android:id="@+id/sl" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:buttonTint="#c0c0c0" 
       android:text="SL" 
       android:textColor="#8c8181" 
       tools:targetApi="lollipop" /> 

      <CheckBox 
       android:id="@+id/s" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:buttonTint="#c0c0c0" 
       android:text="S" 
       android:textColor="#8c8181" 
       tools:targetApi="lollipop" /> 

      <CheckBox 
       android:id="@+id/m" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:buttonTint="#c0c0c0" 
       android:text="M" 
       android:textColor="#8c8181" 
       tools:targetApi="lollipop" /> 

      <CheckBox 
       android:id="@+id/L" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:buttonTint="#c0c0c0" 
       android:text="l" 
       android:textColor="#8c8181" 
       tools:targetApi="lollipop" /> 

      <CheckBox 
       android:id="@+id/f" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:buttonTint="#c0c0c0" 
       android:text="F" 
       android:textColor="#8c8181" 
       tools:targetApi="lollipop" /> 

     </LinearLayout> 

     <View 
      android:layout_width="match_parent" 
      android:layout_height="2dp" 
      android:layout_marginBottom="5dp" 
      android:layout_marginTop="5dp" 
      android:background="#c0c0c0" /> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="5dp" 
      android:layout_marginTop="5dp" 
      android:orientation="horizontal"> 

      <LinearLayout 
       android:layout_width="fill_parent" 
       android:layout_height="35dp" 
       android:layout_marginLeft="7dp" 
       android:layout_marginRight="15dp" 
       android:layout_marginTop="5dp" 
       android:background="@drawable/border_gray"> 

       <Spinner 
        android:id="@+id/spin_1" 
        android:layout_width="0dp" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:background="@android:color/transparent" 
        android:textAppearance="?android:attr/textAppearanceSmall" /> 

       <ImageView 
        android:id="@+id/img_1" 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_gravity="center_vertical" 
        android:layout_margin="5dp" 

        android:src="@drawable/spinpres" /> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_marginLeft="10dp" 
       android:layout_weight="1" 
       android:background="@drawable/stroke_button" 
       android:orientation="vertical" 
       android:paddingBottom="5dp" 
       android:paddingTop="5dp"> 

       <Spinner 
        android:id="@+id/spin_2" 
        android:layout_width="0dp" 
        android:layout_height="fill_parent" 
        android:layout_weight="1" 
        android:background="@android:color/transparent" 
        android:textAppearance="?android:attr/textAppearanceSmall" /> 

       <ImageView 
        android:id="@+id/img_2" 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_gravity="center_vertical" 
        android:layout_margin="5dp" 

        android:src="@drawable/spinpres" /> 
      </LinearLayout> 
     </LinearLayout> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="5dp" 
      android:text="SPECIAL INSTRUCTIONS" 
      android:textSize="16sp" /> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="150dp" 
      android:layout_marginBottom="5dp" 
      android:layout_marginTop="5dp" 
      android:background="@drawable/stroke_button" 
      android:padding="@dimen/fab_margin1"> 

      <EditText 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="@android:color/transparent" 
       android:gravity="top" 
       android:inputType="textCapSentences|textMultiLine" 
       android:lines="5" 
       android:maxLines="5" 
       android:padding="2dp" 
       android:textColor="#c0c0c0" /> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="5dp" 
      android:layout_marginTop="5dp"> 

      <Button 
       android:id="@+id/canc" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_marginRight="10dp" 
       android:layout_weight="1" 
       android:background="@drawable/mybutton2" 
       android:text="Cancel" 
       android:textColor="#ffffff" /> 

      <Button 
       android:id="@+id/ok" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="10dp" 
       android:layout_weight="1" 
       android:background="@drawable/mybutton" 
       android:text="Ok" 
       android:textColor="#ffffff" /> 


     </LinearLayout> 
    </LinearLayout> 
</ScrollView> 

這是spinner_selecter.xml哪裏像有：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true" 
     android:drawable="@drawable/spinpres" /> 
    <item android:drawable="@drawable/spinpres" /> 

</selector> 

Answer 1

您可以通過使用同樣的做自定義佈局

這裏是佈局

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="35dp" 
     android:layout_marginLeft="7dp" 
     android:layout_marginRight="15dp" 
     android:layout_marginTop="5dp" 
     android:layout_weight="1" 
     android:background="@drawable/border_gray"> 

     <Spinner 
      android:id="@+id/spin_1" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:background="@android:color/transparent" 
      android:textAppearance="?android:attr/textAppearanceSmall" /> 

     <ImageView 
      android:id="@+id/img_1" 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_gravity="center_vertical" 
      android:layout_margin="5dp" 
      android:contentDescription="@string/image" 
      android:src="@drawable/ic_arrow_drop_down_black" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="35dp" 
     android:layout_marginLeft="7dp" 
     android:layout_marginRight="15dp" 
     android:layout_marginTop="5dp" 
     android:layout_weight="1" 
     android:background="@drawable/border_gray"> 

     <Spinner 
      android:id="@+id/spin_2" 
      android:layout_width="0dp" 
      android:layout_height="fill_parent" 
      android:layout_weight="1" 
      android:background="@android:color/transparent" 
      android:textAppearance="?android:attr/textAppearanceSmall" /> 

     <ImageView 
      android:id="@+id/img_2" 
      android:layout_width="wrap_content" 
      android:layout_height="fill_parent" 
      android:layout_gravity="center_vertical" 
      android:layout_margin="5dp" 
      android:contentDescription="@string/image" 
      android:src="@drawable/ic_arrow_drop_down_black" /> 
    </LinearLayout> 
</LinearLayout> 

的微調代碼創建繪製文件夾名爲-border_gray.xml一個XML文件，這裏是代碼

<?xml version="1.0" encoding="utf-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" > 

<solid android:color="@color/white" /> 

<stroke 
    android:width="1dp" 
    android:color="@color/gray" /> 

<corners 
    android:radius="4dp"/> 

現在根據你的需要改變圖片來源。希望你瞭解它。 快樂幫

Answer 2

微調

<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（在繪製文件夾）

<?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 android:gravity="right|center_vertical" 
       android:drawable="@drawable/spinner_arrow"> 
      </item> 
     </layer-list> 
    </item> 
</selector> 

下載任何向下箭頭圖像，並使用它