Android Studio App开发中高级控件下拉列表Spinner的讲解及实战（附源码超详细必看）

我会带着你远行 2023-09-30 16:35 138阅读 0赞

> **运行有问题或需要源码请点赞关注收藏后评论区留言~~~**

## 一、下拉框Spinner ##

Spinner是下拉框控件，它用于从一串列表中选择某项，其功能类似于单选按钮的组合，下拉列表的展示方式有两种，一种是在当前下拉框的正下方弹出列表框，另一种是在页面中部弹出列表对话框。 此外 在Java代码中 Spinner还可以调用下列四个方法

> setPrompt 设置标题文字
> 
> setAdapter 设置列表项的数据适配器
> 
> setSelection 设置当前选中哪项
> 
> setOnItemSelectedListener 设置下拉列表的选择监听器

效果如下 点开后可实现选择功能 并且点击某项后，对话框消失 同时下拉框文字也变为刚选中的行星名称

![80d17cbd3ed649e3a2b2fd20b2877907.png][]

![98d5993aae9547ff83c35d9e5f0531b1.png][]

### java类代码 ###

package com.example.chapter08;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.AdapterView.OnItemSelectedListener;
    import android.widget.ArrayAdapter;
    import android.widget.Spinner;
    import android.widget.Toast;
    
    public class SpinnerDropdownActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_spinner_dropdown);
            initSpinnerForDropdown(); // 初始化下拉模式的列表框
        }
    
        // 初始化下拉模式的列表框
        private void initSpinnerForDropdown() {
            // 声明一个下拉列表的数组适配器
            ArrayAdapter<String> starAdapter = new ArrayAdapter<String>(this,
                    R.layout.item_select, starArray);
            // 从布局文件中获取名叫sp_dropdown的下拉框
            Spinner sp_dropdown = findViewById(R.id.sp_dropdown);
            // 设置下拉框的标题。对话框模式才显示标题，下拉模式不显示标题
            sp_dropdown.setPrompt("请选择行星");
            sp_dropdown.setAdapter(starAdapter); // 设置下拉框的数组适配器
            sp_dropdown.setSelection(0); // 设置下拉框默认显示第一项
            // 给下拉框设置选择监听器，一旦用户选中某一项，就触发监听器的onItemSelected方法
            sp_dropdown.setOnItemSelectedListener(new MySelectedListener());
        }
    
        // 定义下拉列表需要显示的文本数组
        private String[] starArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
        // 定义一个选择监听器，它实现了接口OnItemSelectedListener
        class MySelectedListener implements OnItemSelectedListener {
            // 选择事件的处理方法，其中arg2代表选择项的序号
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                Toast.makeText(SpinnerDropdownActivity.this, "您选择的是" + starArray[arg2],
                        Toast.LENGTH_LONG).show();
            }
    
            // 未选择时的处理方法，通常无需关注
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
    }

### XML文件 ###

## 二、数组适配器ArrayAdapter ##

ArrayAdapter主要用于每行列表只展示的文本的情况

## 三、简单适配器SimpleAdapter ##

ArrayAdapter只能显示文本列表，显然不够美观，有时还想给列表加上图标。SimpleAdapter的实现过程略微复杂，它能够同时显示文本和图形。下面是使用简单适配器的效果

可以看出有文字有对应的图标显示 比较美观

![706b516d42b34d0db9f4874a5e447baa.png][]

![05c3a2e542bb400aa853a2969bf5b15c.png][]

![a4db015272a54ad19a80f147019270af.png][]

### Java类代码 ###

package com.example.chapter08;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.AdapterView.OnItemSelectedListener;
    import android.widget.SimpleAdapter;
    import android.widget.Spinner;
    import android.widget.Toast;
    
    public class SpinnerIconActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_spinner_icon);
            initSpinnerForSimpleAdapter(); // 初始化下拉框，演示简单适配器
        }
    
        // 初始化下拉框，演示简单适配器
        private void initSpinnerForSimpleAdapter() {
            // 声明一个映射对象的列表，用于保存行星的图标与名称配对信息
            List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
            // iconArray是行星的图标数组，starArray是行星的名称数组
            for (int i = 0; i < iconArray.length; i++) {
                Map<String, Object> item = new HashMap<String, Object>();
                item.put("icon", iconArray[i]);
                item.put("name", starArray[i]);
                list.add(item); // 把行星图标与名称的配对映射添加到列表
            }
            // 声明一个下拉列表的简单适配器，其中指定了图标与文本两组数据
            SimpleAdapter starAdapter = new SimpleAdapter(this, list,
                    R.layout.item_simple, new String[]{"icon", "name"},
                    new int[]{R.id.iv_icon, R.id.tv_name});
            // 设置简单适配器的布局样式
            starAdapter.setDropDownViewResource(R.layout.item_simple);
            // 从布局文件中获取名叫sp_icon的下拉框
            Spinner sp_icon = findViewById(R.id.sp_icon);
            sp_icon.setPrompt("请选择行星"); // 设置下拉框的标题
            sp_icon.setAdapter(starAdapter); // 设置下拉框的简单适配器
            sp_icon.setSelection(0); // 设置下拉框默认显示第一项
            // 给下拉框设置选择监听器，一旦用户选中某一项，就触发监听器的onItemSelected方法
            sp_icon.setOnItemSelectedListener(new MySelectedListener());
        }
    
        // 定义下拉列表需要显示的行星图标数组
        private int[] iconArray = {R.drawable.shuixing, R.drawable.jinxing, R.drawable.diqiu,
                R.drawable.huoxing, R.drawable.muxing, R.drawable.tuxing};
        // 定义下拉列表需要显示的行星名称数组
        private String[] starArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
    
        // 定义一个选择监听器，它实现了接口OnItemSelectedListener
        class MySelectedListener implements OnItemSelectedListener {
            // 选择事件的处理方法，其中arg2代表选择项的序号
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                Toast.makeText(SpinnerIconActivity.this, "您选择的是" + starArray[arg2], Toast.LENGTH_LONG).show();
            }
    
            // 未选择时的处理方法，通常无需关注
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
    }

### XML文件代码 ###

**创作不易 觉得有帮助请点赞关注收藏~~~**

[80d17cbd3ed649e3a2b2fd20b2877907.png]: https://img-blog.csdnimg.cn/80d17cbd3ed649e3a2b2fd20b2877907.png
[98d5993aae9547ff83c35d9e5f0531b1.png]: https://img-blog.csdnimg.cn/98d5993aae9547ff83c35d9e5f0531b1.png
[706b516d42b34d0db9f4874a5e447baa.png]: https://img-blog.csdnimg.cn/706b516d42b34d0db9f4874a5e447baa.png
[05c3a2e542bb400aa853a2969bf5b15c.png]: https://img-blog.csdnimg.cn/05c3a2e542bb400aa853a2969bf5b15c.png
[a4db015272a54ad19a80f147019270af.png]: https://img-blog.csdnimg.cn/a4db015272a54ad19a80f147019270af.png