Android - 更改Custom Spinner的DropDownItem样式

时间:2014-07-22 03:11:11

标签: android android-layout android-spinner android-styles

我有一个自定义微调器,我试图替换DropDownSelector中的9补丁背景/三角形。

我无法让它正常工作。我最终(白盒子是测试资产):

enter image description here

显示了新的9补丁,但它弄乱了填充,看起来像Spinner内的Spinner。

这里没有添加9补丁的样子:

enter image description here

这就是我想要它的样子,但是后来使用了新的9patch而不是旧的9patch,而不是Spinner效果中的Spinner。

这是我的代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

   <Spinner xmlns:android="http://schemas.android.com/apk/res/android"
             android:id="@+id/spinner2"
             android:layout_width="wrap_content"
             android:layout_height="fill_parent"
             android:layout_alignParentRight="true"
             android:gravity="center_horizontal"/>

</RelativeLayout>

我将此RelativeLayout添加到Actionbar,并设置自定义微调器适配器:

    SpinnerAdapter mSpinnerAdapter = (new SpinnerCustomAdapterDark(this, R.layout.customSpinnerTitleLayout, categoryNames ));

    spinner = findViewById(R.id.spinner2);

    categorySpinnerMenuitem = (Spinner) spinner;

    categorySpinnerMenuitem.setAdapter(mSpinnerAdapter);

这是设置为适配器的CustomSpinnerTitleLayout:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                style="?android:attr/spinnerDropDownItemStyle"
                android:paddingRight="0dp"   >
    <ImageView

            android:id="@+id/spinner_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/icon"
            android:layout_gravity="center"
            android:paddingRight="0dp"
            />

</LinearLayout>

这是我添加9补丁的主题

<resources>
    <style name="CustomTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="android:spinnerDropDownItemStyle">@style/customActionBarDropDownStyle</item>
    </style>


    <style name="customActionBarDropDownStyle" parent="@android:style/Widget.Holo.Light.ListView" >
           <item name="android:background">@drawable/spinner9patch</item>
    </style>
</resources>

我显然做错了什么,但是什么?我试图在第一个布局文件中的Spinner中设置spinnerDropDownItemStyle和spinnerStyle,它没有做任何事情。我在这里做错了什么?

提前致谢!!

2 个答案:

答案 0 :(得分:8)

在drawable文件夹中创建一个XML,其中包含任何名称,例如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="#ffffff" android:startColor="#ffffff" android:type="linear" />

                <stroke android:width="1dp" android:color="#504a4b" />

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

                <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_ab_default_holo_dark_am" />   // you can use any other image here, instead of default_holo_dark_am
        </item>
      </layer-list></item>

 </selector>  

将以下行添加到styles.xml内部值文件夹

  <style name="spinner_style" >
        <item name="android:background">@drawable/spinner_bg</item>
        <item name="android:layout_marginLeft">10dp</item>
        <item name="android:layout_marginRight">10dp</item>
        <item name="android:layout_marginBottom">10dp</item>
        <item name="android:paddingLeft">8dp</item>
        <item name="android:paddingTop">5dp</item>
        <item name="android:paddingBottom">5dp</item>

现在将此样式添加到您的微调器

<Spinner
            android:id="@+id/spinner1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/spinner_style"
            android:popupBackground="#cccccc" />

答案 1 :(得分:3)

我真的建议你在网上查看这个,只需自定义微调器然后下载文件http://jgilfelt.github.io/android-actionbarstylegenerator/