UI组件之AdapterView及其子类(三)Spinner控件详解

最后更新于:2022-04-01 16:14:06

Spinner提供了从一个数据集合中快速选择一项值的办法。默认情况下Spinner显示的是当前选择的值,**点击Spinner会弹出一个包含所有可选值的dropdown菜单或者一个dialog对话框,从该菜单中可以为Spinner选择一个新值。** 这篇文章中我将讨论 1.Spinner的基本用法  2.Spinner的xml属性 3.设置Spinner的Adapter (antries属性,arrayadapter 和自定义BaseAdapter)  最简单的Sipnner用法是使用spinner的android:antries属性直接使用arrays数组资源,显示一个下拉列表 ~~~ <?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"> <!-- 这个spinner由entries提供值 --> <Spinner android:id="@+id/spinner1" android:layout_width="match_parent" android:layout_height="wrap_content" android:dropDownWidth="200dp" android:entries="@array/province" android:prompt="@string/promp" /> </LinearLayout> ~~~ 其中android:entries="@array/province"表示Spinner的数据集合是从资源数组province中获取的,province数组资源定义在values/arrays.xml中: ~~~ <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="province"> <item >湖南省</item> <item >湖北省</item> <item >北京市</item> <item >上海市</item> </string-array> </resources> ~~~ ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9ac6a2c0.jpg) 当然,一般情况下我们是需要响应Spinner选择事件的,可以通过OnItemSelectedListener的回调方法实现 ~~~ public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Spinner spinner = (Spinner) findViewById(R.id.spinner1); spinner.setOnItemSelectedListener(new OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int pos, long id) { String[] languages = getResources().getStringArray(R.array.languages); Toast.makeText(MainActivity.this, "你点击的是:"+province[pos], 2000).show(); } @Override public void onNothingSelected(AdapterView<?> parent) { // Another interface callback } }); } } ~~~ 2.Spinner的xml属性 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9ac82e6a.jpg) 、 android:entries:直接在xml布局文件中绑定数据源(可以不设置,即可以在Activity中动态绑定) android:prompt:在Spinner弹出选择对话框( android:prompt="西游记人物")的时候对话框的标题: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9ac9af80.jpg) android:spinnerMode: Spinner的显示形式,它的值只有“dialog”和“dropdown”两种,对话框和下拉列表的形式 android:dropDownHorizontalOffset(setDropDownHorizontalOffset(int)):spinnerMode=”dropdown”时,下拉的项目选择窗口在水平方向相对于Spinner窗口的偏移量 android:dropDownVerticalOffset(setDropDownVerticalOffset(int)):spinnerMode=”dropdown”时,下拉的项目选择窗口在垂直方向相对于Spinner窗口的偏移量。还可以引用一个资源(格式:@[package:]type:name)或者是包含这种类型值的主题属性 android:dropDownSelector:用于设定spinnerMode=”dropdown”时列表选择器的显示效果。它可以用”@[+][package]:type:name”格式来引用另外的资源,或者是用”?[package:][type:]name”的格式来 应用主题属性,还可是”#rgb”、”#argb”、”#rrggbb”、”aarrggbb”格式的颜色值 android:dropDownWidth:在spinnerMode=”dropdown”时,设定下拉框的宽度。 这个属性可以是带有单位的浮点型的尺寸值,如:14.5sp。有效的单位包括:px(像素)、dp(密度无关的像素)、sp(基于引用字体的尺寸来缩放的像素)、in(英寸)、mm(毫米) 还可以是下列常量之一: fill_parent = -1,下拉框的宽度应该使用屏幕的宽度来设定。这个常量从API Level 8开始被废弃了,并且使用mach_parent常量来代替。 mach_parent = -1,下拉框的宽度应该使用屏幕的宽度来设定。在API Level 8中被引入。 wrap_content = -2,下拉框的宽度应该跟它的内容相适应。 android:gravity:这个属性用于设置当前选择的项目的对齐方式。 android:popupBackground:在spinner=”dropdown”时,使用这个属性来设置下拉列表的背景。可以使用”@[+][package:]type:name”格式来引用另外的资源,或者使用”?[package:][type:]name”格式来应 用主题属性,也可以使用”#rgb”、”#argb”、”#rrggbb”、”#aarrggbb”格式的颜色值。 **3,Arrayadapter 设置Spinner的的适配器,提供列表项** 下面提供两个Spinner,第一个使用“下拉列表”,android:entries属性提供数组,第二个使用“dialog”形式,使用ArrayAdapter提供适配器 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"> <!-- 这个spinner由entries提供值 --> <Spinner android:id="@+id/spinner1" android:layout_width="match_parent" android:layout_height="wrap_content" android:dropDownWidth="200dp" android:entries="@array/province" /> <!-- 这个Spinner有adapter提供值 ,android:spinnerMode="dialog"下拉列表是以对话框的形式--> <Spinner android:id="@+id/spinner2" android:layout_width="match_parent" android:layout_height="wrap_content" android:popupBackground="#f00" android:spinnerMode="dialog" android:prompt="@string/promp" /> </LinearLayout> ~~~ MainActivity.java ~~~ public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //获取spinner布局文件中的Spinner组件 Spinner sp=(Spinner) findViewById(R.id.spinner2); String[] arr={"唐僧","孙悟空","猪八戒","沙和尚"}; //创建adapter对象 ArrayAdapter<String> aa=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr); sp.setAdapter(aa); } ~~~ ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9ac6a2c0.jpg) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9ac9af80.jpg) 这是Spinner的标准使用方法,其中,有两行代码可以决定Spinner的外观: ~~~ ArrayAdapter<String> aa=new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,arr); ~~~ 第二个参数是Spinner未展开菜单时Spinner的默认样式,android.R.layout.simple_spinner_item是系统自带的内置布局。 **4,自定义Adapter创建Spinner** 这种情况适用于spinner比较复杂的情况,比如带有图标。 下面我们定义一个选择联系人的Spinner。 main.xml ~~~ <LinearLayout android:layout_width="fill_parent" android:layout_height="80dip" android:orientation="vertical" > <Spinner android:id="@+id/spinner2" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> ~~~ Person.java ~~~ package com.example.spinnerdemo; public class Person { private String personName; private String personAddress; public Person(String personName, String personAddress) { super(); this.personName = personName; this.personAddress = personAddress; } public String getPersonName() { return personName; } public void setPersonName(String personName) { this.personName = personName; } public String getPersonAddress() { return personAddress; } public void setPersonAddress(String personAddress) { this.personAddress = personAddress; } } ~~~ 自定义的MyAdapter.java ~~~ package com.example.spinnerdemo; import java.util.List; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; /** * 自定义适配器类 * @author jiangqq <a href=http://blog.csdn.net/jiangqq781931404></a> * */ public class MyAdapter extends BaseAdapter { private List<Person> mList; private Context mContext; public MyAdapter(Context pContext, List<Person> pList) { this.mContext = pContext; this.mList = pList; } @Override public int getCount() { return mList.size(); } @Override public Object getItem(int position) { return mList.get(position); } @Override public long getItemId(int position) { return position; } /** * 下面是重要代码,每一项的布局是两个文本框,当然也可以加其他组件,这个就很丰富了 */ @Override public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater _LayoutInflater=LayoutInflater.from(mContext); convertView=_LayoutInflater.inflate(R.layout.item_custom, null); if(convertView!=null) { ImageView imageView = (ImageView)convertView.findViewById(R.id.image); imageView.setImageResource(R.drawable.ic_launcher); TextView _TextView1=(TextView)convertView.findViewById(R.id.textView1); TextView _TextView2=(TextView)convertView.findViewById(R.id.textView2); _TextView1.setText(mList.get(position).getPersonName()); _TextView2.setText(mList.get(position).getPersonAddress()); } return convertView; } } ~~~ MainActivity.java ~~~ // 初始化控件 Spinner spinner2 = (Spinner) findViewById(R.id.spinner2); // 建立数据源 List<Person> persons=new ArrayList<Person>(); persons.add(new Person("张三", "上海 ")); persons.add(new Person("李四", "上海 ")); persons.add(new Person("王五", "北京" )); persons.add(new Person("赵六", "广州 ")); // 建立Adapter绑定数据源 MyAdapter _MyAdapter=new MyAdapter(this, persons); //绑定Adapter spinner2.setAdapter(_MyAdapter); ~~~ ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-03-10_56e0d9acbb2d4.jpg)
';