Spinner实现下来菜单以及监听事件(图文模式)

此文,仅做为个人学习Android,记录成长以及方便复习!

首先是设置UI界面

纯文本模式,通过SimpleAdapter适配器实现!!!

1.activity_main.xml

定义一个Spinner 和一个 TextView,选用弹窗模式android:spinnerMode="dialog"




    

    

创建一个SimpleApadter使用的布局文件items.xml,布局如下图



    
    

Spinner实现下来菜单以及监听事件(图文模式)_第1张图片

创建一个Activity

package com.rui.spinnerdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.SimpleAdapter;
import android.widget.Spinner;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

//加载监听事件OnItemClickListener
public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener{
    private Spinner spinner;//定义Spinner
    private TextView tv1;//定义TextView
    private SimpleAdapter simp_adapter;//定义适配器
    private List> data;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //实例化Spinner,TextView
        spinner = findViewById(R.id.spinner);
        tv1 = findViewById(R.id.tv1);

        //添加ArrayAdapter适配器,参数二调用系统预设布局文件
        simp_adapter = new SimpleAdapter(this,getData(),R.layout.items,new String[]{"img","tv1"},new int[]{R.id.img,R.id.tv1});
        //Adapter设置一个下拉列表样式(上一步只是一个下拉列表框(不包括下拉菜单),这里要设置下拉菜单的样式)
        simp_adapter.setDropDownViewResource(R.layout.items);
        //设置tv1默认显示的语句!
        tv1.setText("你觉得最好看的动漫是:海贼王");
        //Spinner加载适配器
        spinner.setAdapter(simp_adapter);
        //Spinner加载监听事件
        spinner.setOnItemSelectedListener(this);

    }
    //数据源,添加3条数据
    public List> getData(){
        data = new ArrayList<>();
        Map map =  new HashMap<>();
        map.put("img",R.drawable.img7);
        map.put("tv1","海贼王");
        data.add(map);
        Map map2 =  new HashMap<>();
        map2.put("img",R.drawable.img7);
        map2.put("tv1","火影");
        data.add(map2);
        Map map3 =  new HashMap<>();
        map3.put("img",R.drawable.img7);
        map3.put("tv1","死神");
        data.add(map3);
        return data;
    }
    @Override
    public void onItemSelected(AdapterView adapterView, View view, int i, long l) {
        //从适配器里面获取选择的文本,当然也可以从list中获取 list.get[i]
        //以上方法中的int i,指的是选择了第几项
        String name =  simp_adapter.getItem(i).toString();
        tv1.setText("你觉得最好看的动漫是:"+name);
    }

    @Override
    public void onNothingSelected(AdapterView adapterView) {

    }
}

运行效果如图

Spinner实现下来菜单以及监听事件(图文模式)_第2张图片Spinner实现下来菜单以及监听事件(图文模式)_第3张图片Spinner实现下来菜单以及监听事件(图文模式)_第4张图片



你可能感兴趣的:(Spinner实现下来菜单以及监听事件(图文模式))