使用Spinner实现下拉列表

第一步:添加一个下拉列表项的list,这里添加的项就是下拉列表的菜单项:

private List<String> list = new ArrayList<String>();

list.add("北京");

list.add("上海");

list.add("广州");

list.add("深圳");

(数据源)


第二步:为下拉列表定义一个数组适配器(ArrayAdapter),这里就用到前面定义的list

adapter = new ArrayAdapter<String>(this, R.layout.simple_spinner_item, list);

(定义适配器,添加数据源)


第三步:为适配器设置下拉列表下拉时的菜单样式

adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);


第四步:将适配器添加到下拉列表上

mySpinner.setAdapter(adapter);

(Spinner加载适配器)


第五步:为下拉列表设置各种事件的响应,这个事件响应菜单被选中

mySpinner.setOnItemSelectedListener(new Spinner.OnItemSelectedListener()

(为Spinner设定监听器)


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#ff0000"
        android:textSize="25sp" />

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {

    private TextView textView;

    private Spinner spinner;

    private List<String> list;

    private ArrayAdapter<String> adapter;

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

        textView = (TextView) findViewById(R.id.textView);
        spinner = (Spinner) findViewById(R.id.spinner);
        textView.setText("您选择的是北京");
        //1.设置数据源
        list = new ArrayList<String>();
        list.add("北京");
        list.add("上海");
        list.add("广州");
        list.add("深圳");

        //2.新建ArrayAdapter(数组适配器)
        adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, list);

        //3.adapter设置一个下拉列表样式
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        //4.spinner加载适配器
        spinner.setAdapter(adapter);

        //5.spinner设置监听器
        spinner.setOnItemSelectedListener(this);
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        String cityName = adapter.getItem(position);
//        list.get(position);
        textView.setText("您选择的是" + cityName);
    }

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

    }
}


自定义Spinner

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="你选择的是"
        android:textColor="#ff0000"
        android:textSize="25sp" />

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </Spinner>

</LinearLayout>


item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_toRightOf="@id/image"
        android:text="None" />

</RelativeLayout>


MainActivity

public class MainActivity extends AppCompatActivity {

    private TextView myTextView;

    private Spinner mySpinner;

    private SimpleAdapter adapter;

    private List<Map<String, Object>> dataList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //第一步:添加一个下拉列表项的list,这里添加的项就是下拉列表的菜单项
        dataList = new ArrayList<Map<String, Object>>();
        getData();
        myTextView = (TextView) findViewById(R.id.textView);
        mySpinner = (Spinner) findViewById(R.id.spinner);

        //第二步:为下拉列表定义一个适配器,这里就用到前面定义的list
        //SimpleAdapter()
        /**
         * context:上下文
         * data:数据源  List<? extends Map<String, ?>> data 一个Map所组成的List集合
         *       每一个Map都会去对应ListView列表中的一行
         *      每一个Map(键-值对)中的键必须包含所有在from中所指定的键
         * resource:列表项的布局文件ID
         * from:Map中的键名
         * to:绑定数据视图中的ID,与from成对应关系
         */
        adapter = new SimpleAdapter(this, dataList, R.layout.item,
                new String[]{"image", "text"}, new int[]{R.id.image, R.id.text});

        //第三步:为适配器设置下拉列表下拉时的菜单样式
        adapter.setDropDownViewResource(R.layout.item);

        //第四步:将适配器添加到下拉列表上
        mySpinner.setAdapter(adapter);

        //第五步:为下拉列表设置各种事件的响应,这个事件响应菜单被选中
        mySpinner.setOnItemSelectedListener(new Spinner.OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                myTextView.setText("您选择的是:" + adapter.getItem(position));
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {
                myTextView.setText("NONE");
            }
        });
    }

    private void getData() {
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("image", R.mipmap.ic_launcher);
        map.put("text", "北京");
        Map<String, Object> map2 = new HashMap<String, Object>();
        map2.put("image", R.mipmap.ic_launcher);
        map2.put("text", "上海");
        Map<String, Object> map3 = new HashMap<String, Object>();
        map3.put("image", R.mipmap.ic_launcher);
        map3.put("text", "广州");
        Map<String, Object> map4 = new HashMap<String, Object>();
        map4.put("image", R.mipmap.ic_launcher);
        map4.put("text", "深圳");
        dataList.add(map);
        dataList.add(map2);
        dataList.add(map3);
        dataList.add(map4);
    }
}




源码地址:https://github.com/LiuchangDuan/demo


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值