Android Spinner实现下拉框几种方式及配合BaseAdapter实现自定义布局

Posted 2021-06-17 Ang_qq_252390816

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Android Spinner实现下拉框几种方式及配合BaseAdapter实现自定义布局相关的知识，希望对你有一定的参考价值。

前言

本文以一个Activity中显示XML布局中引入的Spinner控件为基础，实现下拉框；

一，常规方式

这里的常规使用在Xml布局文件中为Spanner提供静态数据；

引入Spinner控件的Activity布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一种用法："
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/data"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        android:prompt="@string/select_info"/>


</androidx.constraintlayout.widget.ConstraintLayout>

strings.xml中定义department数组的数据

<string name="select_info">请选择</string>
<string-array name="data" >
        <item>Android</item>
        <item>Java </item>
        <item>ios </item>
        <item>H5 </item>
        <item>python </item>
 </string-array>

上面用到Spinner属性

android:entries="@array/department" //为Spinner提供下拉显示的数据

android:prompt //设置提示信息类似于标题，如果没有设置默认显示第一个item的数据；

注意：prompt属性只在dialog状态才有用，Spinner有两种状态：dropdown（默认）和dialog，给Spinner设置状态可以通过spinnerMode属性设置；prompt属性值不能直接输入字符串，必须使用在strings.xml资源文件种自定义的属性，不然会报错，AAPT检查不通过；

android:spinnerMode="dialog"

设置spinner状态还可以通过style设置

//dialog状态 style="@android:style/Widget.Spinner"

//dropdown状态 style="@android:style/Widget.Spinner.DropDown"

直接运行就可以显示下拉框了

二，和ArrayAdapter配合

通过ArrayAdapter适配器为Spinner提供数据，这里要用到Java代码设置数据，不像第一种方式完全都是xml提供并设置数据；

xml布局（熟悉了第一种使用方式这里就不作过多的解释了）

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一种用法："
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/data"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        android:prompt="@string/select_info"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第二种用法："
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/spinner" />

    <Spinner
        android:id="@+id/spinner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@android:style/Widget.Spinner.DropDown"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2"
        android:prompt="@string/select_info"/>


</androidx.constraintlayout.widget.ConstraintLayout>

strings.xml资源文件新增

<string-array name="data2">
        <item>一年级</item>
        <item>二年级 </item>
        <item>三年级 </item>
        <item>四年级 </item>
        <item>五年级 </item>
</string-array>

Activity种使用ArrayAdapter为Spinner设置数据代码入下

public class MainActivity extends AppCompatActivity {

private Spinner spinner;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    spinner = findViewById(R.id.spinner2);
    String [] strings = getResources().getStringArray(R.array.data2);
    ArrayAdapter arrayAdapter = new ArrayAdapter<>(this,    android.R.layout.simple_spinner_item, strings);

    //或者
    //ArrayAdapter arrayAdapter = ArrayAdapter.createFromResource(this, R.array.data2, android.R.layout.simple_spinner_item);
    spinner.setAdapter(arrayAdapter);
    }

}

监听Item点击事件

spinner2.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(MainActivity.this, adapterView.getItemAtPosition(i).toString(), Toast.LENGTH_SHORT).show();
            }

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

            }
 });

三，和BaseAdapter配合使用

使用自定义的Base Adapter为Spinner提供显示的数据；这种方式能实现Spinner显示自定义的布局；

xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一种用法："
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/data"
        android:spinnerMode="dialog"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView"
        android:prompt="@string/select_info"/>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第二种用法："
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/spinner" />

    <Spinner
        android:id="@+id/spinner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@android:style/Widget.Spinner"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2"
        android:prompt="@string/select_info"/>

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第三种用法："
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/spinner2" />

    <Spinner
        android:id="@+id/spinner3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@android:style/Widget.Spinner"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView3"
        android:prompt="@string/select_info"/>

</androidx.constraintlayout.widget.ConstraintLayout>

自定义BaseAdapter

class MyBaseAdapter extends BaseAdapter {

    private List list = new ArrayList<>();
    public MyBaseAdapter(List list) {
        this.list = list;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int i) {
        return null;
    }

    @Override
    public long getItemId(int i) {
        return 0;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        LayoutInflater layoutInflater = LayoutInflater.from(viewGroup.getContext());
        ViewHolder holder;
        if (view == null) {
        holder = new ViewHolder();
        view = layoutInflater.inflate(R.layout.adapter_item, null);
        view.setTag(holder);
        holder.imageView = view.findViewById(R.id.imageView);
        holder.textView = view.findViewById(R.id.textView);
    }else {
        holder = (ViewHolder) view.getTag();
    }
        holder.imageView.setImageResource(list.get(i).getUrlInt());
        holder.textView.setText(list.get(i).getName());
    return view;

}

    static class ViewHolder {
        ImageView imageView;
        TextView textView;

    }

}

MyBaseApdater中使用到的自定义对象

class MyData {

    private String url;
    private Integer urlInt;
    private String name;

    public MyData(Integer urlInt, String name) {
        this.urlInt = urlInt;
        this.name = name;
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }

    public Integer getUrlInt() {
        return urlInt;
    }

    public void setUrlInt(Integer urlInt) {
        this.urlInt = urlInt;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

}

使用过BaseAdapter都知道，需要为BaseAdapter提供自定义布局，

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@android:drawable/btn_star" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        app:layout_constraintBottom_toBottomOf="@+id/imageView"
        app:layout_constraintStart_toEndOf="@+id/imageView"
        app:layout_constraintTop_toTopOf="@+id/imageView" />
</androidx.constraintlayout.widget.ConstraintLayout>

设置spinner点击事件

spinner3.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
                TextView textView = view.findViewById(R.id.textView);
                Toast.makeText(MainActivity.this, textView.getText(), Toast.LENGTH_SHORT).show();;
            }

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

            }
});

Activity种最终代码

public class MainActivity extends AppCompatActivity {

    private Spinner spinner2;
    private Spinner spinner3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        spinner2 = findViewById(R.id.spinner2);
        String [] strings = getResources().getStringArray(R.array.data2);
        ArrayAdapter arrayAdapter = new ArrayAdapter<>(this,         android.R.layout.simple_spinner_item, strings);

        //或者
        //ArrayAdapter arrayAdapter = ArrayAdapter.createFromResource(this, R.array.data2, android.R.layout.simple_spinner_item);
        spinner2.setAdapter(arrayAdapter);

        spinner3 = findViewById(R.id.spinner3);
        List list = new ArrayList<>();
        list.add(new MyData(android.R.drawable.btn_star, "张三")); //使用系统自带的图片android.R.drawable.

        list.add(new MyData(android.R.drawable.btn_star, "李四"));
        list.add(new MyData(android.R.drawable.btn_star, "赵六"));
        MyBaseAdapter adapter = new MyBaseAdapter(list);
        spinner3.setAdapter(adapter);

    }

}

Spinner属性

代码中设置的属性

setPopupBackgroundResource(R.drawable.back);//给默认显示项单独设置背景
setBackgroundResource(R.drawable.back);//给下拉菜单设置背景 setDropDownHorizontalOffset();//设置下拉框的水平偏移距离
setDropDownVerticalOffset(); //设置下拉框的水平垂直距离
setDropDownWidth(); //设置下拉框的宽度

xml布局文件中使用的属性，有些和代码设置的属性重复；

android:dropDownHorizontalOffset：设置列表框的水平偏移距离
android:dropDownVerticalOffset：设置列表框的水平竖直距离
android:dropDownSelector：列表框被选中时的背景
android:dropDownWidth：设置下拉列表框的宽度
android:gravity：设置里面组件的对其方式
android:popupBackground：设置列表框的背景

为了总结这边文章熬夜到现在，走过路过点个赞价格关注！

以上是关于Android Spinner实现下拉框几种方式及配合BaseAdapter实现自定义布局的主要内容，如果未能解决你的问题，请参考以下文章

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

WPFの操作文件浏览框几种方式

下拉列表 Spinner

Android Studio Spinner自定义背景及右边下拉的图标

Android 自定义下拉框的实现 Spinner

Android中Spinner下拉列表（使用ArrayAdapter和自定义Adapter实现）