如何自定义微调框?

时间:2017-09-14 05:49:53

标签: android xml spinner xml-drawable xml-layout

我希望微调器像下面的图像一样下拉,

我在下面创建了

xml布局:

<Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="20dp"
        android:background="@drawable/edittext_shape"
        android:padding="10dp"
          android:paddingLeft="4dp"
        android:id="@+id/rol_type"
        android:layout_marginBottom="2dp">

旋转器形状

 <?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:startColor="@color/white" android:endColor="@color/appblue" />

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

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

               <!-- <padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />-->
            </shape></item>
            <item ><bitmap android:gravity="right|bottom|end" android:src="@drawable/drop_arrow"  android:tint="@color/red" />
            </item>
        </layer-list></item>

    </selector>

我的输出:

enter image description here

我想在下面这样请在这种情况下帮助我:

enter image description here

1 个答案:

答案 0 :(得分:4)

试试这个: 我把你的背景改成了风格。 您还可以扩展此样式并添加自己的元素https://developer.android.com/guide/topics/ui/look-and-feel/themes.html

<Spinner
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="20dp"
    style="@android:style/Widget.Holo.Light.Spinner"
    android:padding="10dp"
    android:paddingLeft="4dp"
    android:id="@+id/rol_type"
    android:layout_marginBottom="2dp">