列表类组件Spinner

介绍

在 Android 中提供了两种列表类组件，一种是下拉列表框，通常用于弹出一个下拉菜单供用

户选择，用 Spinner 表示；另一种是列表视图，通常用于实现在一个窗口中只显示一个列表，使用

ListView 表示。它们的继承关系如图 6.7 所示。

从图 6.7 中可以看出： Spinner 和 ListView 组件都间接继承自 ViewGroup ，所以它们都属于容

器类组件。而由于它们又间接继承自 AdapterView ，所以它们都可以采用合适的方式显示多个列表项。下面将对这两个组件分别进行介绍。

Spinner

 Android 中提供的下拉列表框（Spinner），通常用于提供一系列列表项供用户进行选择。它有两种实现方式

方式一 在XML中直接添加列表项

在res/layout 目录下新建布局文件 activity_spinner.xml（RelativeLayout），然后在布局文件中添加一个 <spinner> 标记，并为其指定android:entries 属性，其中：

1. android:entries 为可选属性，用于指定列表项，如果在布局文件中不指定该属性，可以在 Java 代码中通过为其指定适配器的方式指定；
2. android:prompt 属性也是可选属性，用于指定下拉列表框的标题。在Android 5.0中，当应用采用默认的主题（Theme.Holo）时，设置android:prompt属性看不到 具体的效果，如果采用Theme.Black，就可以在弹出的下拉框中显示该标题。

    <Spinner
        android:id="@+id/my_spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/character" />

编写用于指定列表项的数组资源文件，并将其保存在 res/values 目录中，这里将其命名为

“ arrays.xml ”，在该文件中添加一个字符串数组，名称为“ character ”，具体代码如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="character">

        <item>阿米娅</item>
        <item>赛爹</item>
        <item>小火龙</item>
        <item>白咕咕</item>
        <item>拉狗</item>
        <item>阿能</item>
        <item>德狗</item>
        <item>阿能</item>
        <item>kokodayo</item>

    </string-array>
</resources>

方式二 指定适配器Adapter

在布局文件activity_spinner.xml中再添加一个 <spinner> 标记

    <Spinner
        android:id="@+id/my_spinner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/my_spinner1" />

然后在Java代码中写下如下代码：（以下是ArrayAdapter的两种构造方法）

方式1：

spinner2=(Spinner)findViewById(R.id.my_spinner2);
//构造函数ArrayAdapter()
//参数1：context（当前context，不能为null）
//参数2：安卓系统的布局文件前要加android（布局资源文件）
//参数3：text1是dropdown_item中的id（要填充的布局资源中的TextView的id）
//参数4：字符串数组
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_spinner_dropdown_item,
android.R.id.text1,
new String[]{"普瑞赛斯","凯尔希","特蕾西娅"});
spinner2.setAdapter(adapter);

方式2：

String[] ctype=new String[]{"普瑞赛斯","凯尔希","特蕾西娅"};
//ArrayAdapter()构造方法
//参数1：当前context
//参数2：布局资源文件id,其实这里可以直接simple_spinner_dropdown_item
//改成simple_list_item_1也行，但样式和上面的有点不一样
//参数3：数组
ArrayAdapter<String> adapter=new ArrayAdapter<String>(this,
        android.R.layout.simple_spinner_item,
        ctype);
//为适配器设置列表框下拉时的选项样式，具体代码如下：
adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
//将适配器与下拉列表框关联
spinner2.setAdapter(adapter);

补充：在屏幕上添加下拉列表框后，可以使用下拉列表框的 getSelectedItem() 方法获取下拉列表框的选中值:

spinner.getSelectedItem(); //获取选中项的值

总代码

layout_spinner.xml

<?xml version="1.0" encoding="utf-8"?>
<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:padding="15dp"
    tools:context=".SpinnerActivity">

   <!--entries是数据源，先在value那添加arrays数据源(字符串资源)-->
    <Spinner
        android:id="@+id/my_spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/character" />

    <!--通过java构造ArrayAdapter作为Spinner的数据源-->
    <Spinner
        android:id="@+id/my_spinner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/my_spinner1" />

</RelativeLayout>

SpinnerActivity.java 

public class SpinnerActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {

    private Spinner spinner1;
    private Spinner spinner2;

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

        String[] ctype=new String[]{"普瑞赛斯","凯尔希","特蕾西娅"};
        ArrayAdapter<String> adapter=new ArrayAdapter<String>(this,
                android.R.layout.simple_spinner_item,
                ctype);
        //为适配器设置列表框下拉时的选项样式，具体代码如下：
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        //将适配器与下拉列表框关联
        spinner2.setAdapter(adapter);

    }
    private void initView(){

        spinner1=(Spinner)findViewById(R.id.my_spinner1);
        spinner2=(Spinner)findViewById(R.id.my_spinner2);
        spinner1.setOnItemSelectedListener(this);
        spinner2.setOnItemSelectedListener(this);

    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {

        String result = parent.getItemAtPosition(position).toString(); //获取选择项的值
        //显示被选中的值
        Toast.makeText(SpinnerActivity.this, result, Toast.LENGTH_SHORT).show();

    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {

    }
}

实际效果