安卓：需要更改下拉框的背景颜色

Question

我正在使用XML文件中的三个下拉框。希望在按下下一个下拉框之前更改下拉框颜色。

这是我使用的XML代码：

<Spinner
    android:id="@+id/spinner13"
    android:drawSelectorOnTop="true"
    android:background="@drawable/mybg"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:textColor="#0000FF" />

<Spinner
    android:id="@+id/spinner23"
    android:drawSelectorOnTop="true"
    android:background="@drawable/mybg"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:textColor="#0000FF" />
<Spinner
    android:id="@+id/spinner33"
    android:drawSelectorOnTop="true"
    android:background="@drawable/mybg"
    android:layout_width="80dp"
    android:layout_height="wrap_content"
    android:textColor="#0000FF"/>

这是我的bg.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="@style/AppBaseTheme.Yellow"/>
    <item android:state_selected="true" android:drawable="@style/AppBaseTheme.Yellow" />
</selector>

样式：

<resources>
    <style name="AppBaseTheme" parent="android:Theme.Light">
    </style>
    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
    </style>
    <style name="AppBaseTheme.Yellow">
    <item name="android:background">#FFAA00</item>
</style> 
</resources>

- Crishnan Kandada

---

你需要覆盖 Android Spinner 背景的样式，并在你的应用程序中使用这个新主题。请查看 https://dev59.com/T2w15IYBdhLWcg3wT51c#6705973。 - sromku

Answer 1

您可以将mybg.xml更改如下。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#FFAA00"/>
        </shape>
    </item>
    <item 
        android:state_selected="true">
        <shape android:shape="rectangle">
            <solid android:color="#FFAA00"/>
        </shape>
    </item>
</selector>

如果想要显示箭头（">"），您可以按以下方式更改文件mybg.xml。

九宫格文件可以在/Android/android-sdks/plataforms//data/res/spinner_default_holo_light.9.png中找到。将其复制到您的drawable文件夹中。

文件res/drawable/mybg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:opacity="transparent">
    <item
        android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#AAFFAA00"/>
        </shape>
    </item>
    <item 
        android:state_selected="true">
        <shape android:shape="rectangle">
            <solid android:color="#AAFFAA00"/>
        </shape>
    </item>
    <item android:drawable="@drawable/spinner_default_holo_light"></item>
</layer-list>

文件 res/layout/activity_main

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world" />

<Spinner
    android:id="@+id/spinner1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView1"
    android:layout_marginTop="38dp"
    android:layout_toRightOf="@+id/textView1"
    android:entries="@array/listX"/>

<Spinner
    android:id="@+id/spinner2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView1"
    android:layout_marginTop="119dp"
    android:layout_toRightOf="@+id/textView1"
    android:entries="@array/listX"/>

<Spinner
    android:id="@+id/spinner3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="151dp"
    android:layout_toRightOf="@+id/textView1"
    android:entries="@array/listX"/>

文件 MainActivity.java

import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.Spinner;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final Spinner sp1, sp2, sp3;


        sp1 = (Spinner)findViewById(R.id.spinner1);
        sp2 = (Spinner)findViewById(R.id.spinner2);
        sp3 = (Spinner)findViewById(R.id.spinner3);

        Drawable d = sp1.getBackground();

        sp1.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                sp1.setBackgroundResource(R.drawable.mybg);
                sp2.setBackgroundResource(R.drawable.spinner_default_holo_light);
                sp3.setBackgroundResource(R.drawable.spinner_default_holo_light);
                return false;
            }
        });

        sp2.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                sp1.setBackgroundResource(R.drawable.spinner_default_holo_light);
                sp2.setBackgroundResource(R.drawable.mybg);
                sp3.setBackgroundResource(R.drawable.spinner_default_holo_light);
                return false;
            }
        });

        sp3.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                sp1.setBackgroundResource(R.drawable.spinner_default_holo_light);
                sp2.setBackgroundResource(R.drawable.spinner_default_holo_light);
                sp3.setBackgroundResource(R.drawable.mybg);
                return false;
            }
        });

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

- Gustavo

---

我只想保留颜色，直到选择其他的下拉框。实际上，我正在使用3个下拉框。如果我应用此背景下拉框，形状会完全改变（不显示“>”符号@GBFSoft）。 - Crishnan Kandada

Answer 2

受Gustavo的答案启发，这是我关于Spinner的带下拉箭头的背景的版本。仅限完整背景，不仅仅是箭头。

它是这个样子的

应用于Spinner如下：

<Spinner
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:background="@drawable/spinner_bg" />

spinner_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<color android:color="@color/InputBg" />
</item>
<item android:gravity="center_vertical|right" android:right="8dp">
<layer-list>
<item android:width="12dp" android:height="12dp" android:gravity="center" android:bottom="10dp">
<rotate
    android:fromDegrees="45"
    android:toDegrees="45">
    <shape android:shape="rectangle">
        <solid android:color="#666666" />
        <stroke android:color="#aaaaaa" android:width="1dp"/>
    </shape>
</rotate>
</item>
<item android:width="30dp" android:height="10dp" android:bottom="21dp" android:gravity="center">
<shape android:shape="rectangle">
    <solid android:color="@color/InputBg"/>
</shape>
</item>
</layer-list>
</item>
</layer-list>

@color/InputBg应该替换为您想要的背景颜色。

首先，它使用所需的颜色填充背景。然后，子图层列表创建一个正方形，并将其旋转45度，然后第二个带有背景颜色的矩形覆盖了旋转正方形的顶部，使其看起来像向下箭头。（旋转的矩形中有一个额外的描边，实际上并不需要）

- EMalik

---

谢谢，它起作用了！有没有办法使旋转器的角变圆？ - Parag Kadam