欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

spinner的实现及样式改变的方法

程序员文章站 2022-03-05 09:27:29
...

1.最简单的spinner

    <Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="50dp" />
public class MainActivity extends ActionBarActivity {
    private static final String[] name={"AA","BB","CC","DD","EE"};
    private TextView text ;
    private Spinner spinner;
    private ArrayAdapter<String> adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        text = (TextView) findViewById(R.id.textView);
        spinner = (Spinner) findViewById(R.id.spinner);

        //将可选内容与ArrayAdapter连接起来,simple_spinner_item是android系统自带样式
        adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,name);
        //设置下拉列表的风格,simple_spinner_dropdown_item是android系统自带的样式,等会自定义修改
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        //将adapter 添加到spinner中
        spinner.setAdapter(adapter);
        //添加事件Spinner事件监听
        spinner.setOnItemSelectedListener(new SpinnerSelectedListener());
    }

    //使用数组形式操作
    class SpinnerSelectedListener implements AdapterView.OnItemSelectedListener {

        public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,
                                   long arg3) {
            text.setText("我的名字是:"+name[arg2]);
        }

        public void onNothingSelected(AdapterView<?> arg0) {
        }
    }

2.自定义spinner样式

修改Spinner的显示及下拉样式,先可以分为Spinner控件被加载前的静态设置和加载后的动态设置两类。

所谓加载前的静态设置也可以分成两种:

一种(后文称A方法)就是最简单、最直接地在Layout的xml文件中设置属性值;

另外一种(后文称B方法)就是先设计好Spinner将要使用的显示和下拉样式(XML文件),在生成Spinner将要加载的Adapter后,将XML文件指定给Adapter使用(如果不指定,Adapter将自动使用系统默认样式)。

所谓加载后的动态设置也可以分成两种:

一种(后文称C方法)是自己编写Spinner将要加载的Adapter类,在自己的Adapter类方法中动态修改显示和下拉样式;

另外一种(后文称D方法)就是直接在Spinner的事件中修改显示和下拉样式。

A方法:

直接构建Array,然后与adapter关联

public class FixDataProvider {
public static List<String> GetTenNumberList() {
// Create a List<String> for 0,1,2...9
List<String> list = new ArrayList<String>();
list.add("");
list.add("0");
list.add("1");
list.add("2");
list.add("3");
list.add("4");
list.add("5");
list.add("6");
list.add("7");
list.add("8");
list.add("9");
return list;
}
}
private void loadDataForSpinnerA() {
List<String> spinnerList = FixDataProvider.GetTenNumberList();
ArrayAdapter<String> myAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, spinnerList);
this.mSpinnerA.setAdapter(myAdapter);
}

B方法:

改变字体颜色、大小和背景: 
新建一个xml布局文件,命名为spinner_item.xml:

<?xml version="1.0" encoding="utf-8"?>

    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingRight="5dp"
        android:textColor="#f77718"
        android:gravity="left"
        android:textSize="15sp"
        android:padding="10dp"
        android:singleLine="true"
        android:text="New Text"
        android:id="@+id/textView32" />

再创建一个下拉框样式布局的xml文件,命名为dropdown_stytle.xml:

<?xml version="1.0" encoding="utf-8"?>
    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="New Text"
        android:padding="10dp"
        android:singleLine="true"
        android:textSize="15sp"
        android:textColor="#f77718"
        android:gravity="left"
        android:background="#aa33ac"
        android:id="@+id/textView3333" />

修改之前.java中

        spinner = (Spinner) findViewById(R.id.hotspot_spinner);
        //text = (TextView) findViewById(R.id.textView);

        String hottype[] = getResources().getStringArray(R.array.hotspot_type);
        //将可选内容与ArrayAdapter连接起来
        //adapter = ArrayAdapter.createFromResource(this, R.array.hotspot_type, android.R.layout.simple_spinner_item);
        adapter = new ArrayAdapter<String>(this, R.layout.spinner_item, hottype);

        //设置下拉列表的风格
        //adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        adapter.setDropDownViewResource(R.layout.dropdown_style);

        //将adapter2 添加到spinner中
        spinner.setAdapter(adapter);

如果下拉框有黑边,可以在spinner中加上属性android:popupBackground=”#f0000000”,可以去除spinner的默认黑边。

C方法:

构建自己的adapter,继承ArrayAdapter直接实现,不介绍了

D方法:

MainActivity类:

1)在onCreate函数中加以下语句以获取需要的Spinner控件并执行加载数据函数,另外,指定Spinner的onItemSelectedListener监听器

mSpinnerD = (Spinner) this.findViewById(R.id.mySpinnerD);
this.loadDataForSpinnerD();
mSpinnerD.setOnItemSelectedListener(new MySpinnerItemSelectedListener());

注意: MySpinnerItemSelectedListener是一个内部类,包含Spinner的onItemSelectedListener的实现函数


2)生成loadDataForSpinnerD函数如下

private void loadDataForSpinnerD() {
    List<String> spinnerList = FixDataProvider.GetTenNumberList();
    ArrayAdapter<String> myAdapter = new ArrayAdapter<String>(this,             
    R.layout.spinner_display_style, R.id.txtvwSpinner, spinnerList);
    myAdapter.setDropDownViewResource(R.layout.spinner_dropdown_style);
    this.mSpinnerD.setAdapter(myAdapter);
}

注意: 此处使用了B方法来设置Spinner的显示和下拉样式
3)生成内部类以实现Spinner的onItemSelectedListener监听函数如下

private class MySpinnerItemSelectedListener implements OnItemSelectedListener {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
    TextView txtvwSpinner = (TextView) view.findViewById(R.id.txtvwSpinner);
    // 根据选择项来设置显示的字体颜色
    if ((position - 1) % 2 == 0) {
        txtvwSpinner.setTextColor(Color.RED);
    } else {
        txtvwSpinner.setTextColor(Color.WHITE);
    }
}

@Override
public void onNothingSelected(AdapterView<?> parent) {
    // TODO Auto-generated method stub
    }
}

注意:因为使用了B方法来设置Spinner的显示和下拉样式,所以此处使用findViewById时参数为R.id.txtvwSpinner,如果使用A方法,则应该用android.R.id.text1来做参数。另外,获取TextView也可以用下面的方法:TextView txtvwSpinner=(TextView) parent.getChildAt(0)
 

相关标签: spinner style