Android使用 Spinner控件实现下拉框功能

2020-10-30 11:13:47 浏览数 (1)

Spinner是android的一种控件,用它我们可以实现下拉框。

我们先来看一下效果图

这是一个很简单的功能,上面一个TextView,下面一个Spinner,TextView用于显示Spinner选择的选项。

下面我们就来看一下实现吧。

首先,我们先在xml文件中将spinner写出

代码语言:javascript复制
<?xml version="1.0" encoding="utf-8"? 
<LinearLayout 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"
 android:orientation="vertical"
 tools:context=".MainActivity" 
 <TextView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:id="@ id/spinner_textview"/ 
 <Spinner
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:id="@ id/spinner1" </Spinner 
</LinearLayout 

类似于ListView,Spinner也需要一个List和一个Adapter来为其提供显示的数据。

代码语言:javascript复制
public class MainActivity extends AppCompatActivity {
 private List<String  teamList;
 private TextView textView;
 private Spinner spinner1;
 private ArrayAdapter<String  arrayAdapter;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initView();
  //设置下拉列表的风格
  arrayAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  //将adapter 添加到spinner中
  spinner1.setAdapter(arrayAdapter);
  //设置点击事件
  spinner1.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
   @Override
   public void onItemSelected(AdapterView<?  adapterView, View view, int i, long l) {
    textView.setText(teamList.get(i));
   }
   @Override
   public void onNothingSelected(AdapterView<?  adapterView) {
   }
  });
 }
 public void initView(){
  teamList = new ArrayList< ();
  initList();
  textView = findViewById(R.id.spinner_textview);
  spinner1 = findViewById(R.id.spinner1);
  arrayAdapter = new ArrayAdapter<String (MainActivity.this,android.R.layout.simple_spinner_item,teamList);
 }
 public void initList(){
  teamList.add("罗马");
  teamList.add("那不勒斯");
  teamList.add("国际米兰");
  teamList.add("AC米兰");
 }
}

源码地址

下面单独看下Spinner的功能和用法

Spinner其实是一个列表选择框,不过Android的列表选择框并不需要显示下拉列表,而是相当于弹出一个菜单供用户选择。

Spinner与Gallery都继承了AbsSpinner,AbsSpinner继承了AdapterView,因此他也表现出AdapterView的特征:只要为AdapterView提供Adapter即可。

android:entries属性并不是Spinner定义的,而不是AbsSpinner中定义的,因此Gallery(继承了AbsSpinner)也支持该XML属性。

如果开发者使用Spinner时已经可以确定列表选择框里的列表项,则完全不需要编写代码,只要为Spinner指定android:entries属性即可让Spinner正常工作;如果程序需要在程序运行时动态决定Spinner的列表项,或者程序需要对Spinner的列表项进行定制,则可使用Adapter提供列表项。

如下界面布局文件中定义了两个Spinner组件,其中一个Spinner组件指定了android:entries属性,因此需要在Activity中为他设置Adapter。

代码语言:javascript复制
<LinearLayout
 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:orientation="vertical" 
 <!--定义一个Spinner组件,指定显示该Spinner组件的数组-- 
 <Spinner
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:entries="@array/books"
  android:popupBackground="#66ccff"
  android:dropDownWidth="230dp"
   </Spinner 
 <Spinner
  android:id="@ id/spinner"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
   </Spinner 
</LinearLayout 
public class MainActivity extends AppCompatActivity {
 Spinner spinner;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  //获取界面布局文件的Spinner组件
  spinner= (Spinner) findViewById(R.id.spinner);
  String[] arr={"孙悟空","猪八戒","唐僧"};
  //创建ArrayAdapter对象
  ArrayAdapter<String  adapter=new ArrayAdapter<String (this,android.R.layout.simple_list_item_multiple_choice,arr);
  spinner.setAdapter(adapter);
 }
}

0 人点赞