安卓 Spinner详解

1.最简单的Spinner

在布局文件中添加Spinner控件

<LinearLayout         android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:orientation="vertical" >              <Spinner            android:id="@+id/spinner1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:entries="@array/languages"          />    </LinearLayout>

其中android:entries="@array/languages"表示Spinner的数据集合是从资源数组languages中获取的，languages数组资源定义在values/arrays.xml中：

<?xml version="1.0" encoding="utf-8"?><resources>    <string-array name="languages">        <item>c语言</item>        <item>java </item>        <item>php</item>        <item>xml</item>        <item>html</item>    </string-array></resources>

如果你不需要对Spinner的选择事件做响应，那么一个完整的Spinner使用流程就结束了。

当然，一般情况下我们是需要响应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, "你点击的是:"+languages[pos], 2000).show();            }            @Override            public void onNothingSelected(AdapterView<?> parent) {                // Another interface callback            }        });    }  

上面的Spinner看起来非常漂亮，不过它并不是总是如此，刚刚看到的是在android:Theme.Holo.Light主题下的效果，同样的代码如果在android:Theme.Light下面就会变得很丑。

2.设置Spinner的Adapter

上面使用Spinner数据源于xml数组，其实用的最多的还是通过adapter来跟Spinner绑定数据。

使用ArrayAdapter

// 初始化控件Spinner spinner = (Spinner) findViewById(R.id.spinner1);// 建立数据源String[] mItems = getResources().getStringArray(R.array.languages);// 建立Adapter并且绑定数据源ArrayAdapter<String> adapter=new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item, mItems);adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);//绑定 Adapter到控件spinner .setAdapter(adapter);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, "你点击的是:"+languages[pos], 2000).show();    }    @Override    public void onNothingSelected(AdapterView<?> parent) {        // Another interface callback    }});

这是Spinner的标准使用方法，其中，有两行代码可以决定Spinner的外观：

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

第二个参数是Spinner未展开菜单时Spinner的默认样式，android.R.layout.simple_spinner_item是系统自带的内置布局。

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

设置的是展开的时候下拉菜单的样式（注意和上面区别），同理android.R.layout.simple_spinner_dropdown_item也是内置布局。

如果不设置adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)会怎样呢？

会造成未展开的sipnner和展开的菜单都是一种布局样式。

3.使用自定义的BaseAdapter

这种情况适用于spinner比较复杂的情况，比如带有图标。

/** * 自定义适配器类 * @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;    }}

4.Spinner的菜单显示方式

它有两种显示形式，一种是下拉菜单，一种是弹出框，菜单显示形式是spinnerMode属性决定的：

android:spinnerMode="dropdown"android:spinnerMode="dialog"

在android2.3上没有这个属性，系统默认将Spinner弹出菜单显示成dialog。下面是Theme.Light和Theme.Holo.Light下Spinner在不同模式下的效果对比图。

 

dropdown

dialog

Theme.Light

默认为弹出框的形式

     下拉项带有圆点   

Theme.Holo.Light 

 

默认为下拉菜单的形式  

           无

5.Spinner的xml属性

其实上面已经提到了Spinner的两个属性：

1 entries: 直接在xml布局文件中绑定数据源（可以不设置，即可以在Activity中动态绑定）

2 spinnerMode: Spinner的显示形式

除此之外还有如下属性：

prompt：在Spinner弹出选择对话框的时候对话框的标题：

属性名称

android:dropDownHorizontalOffset

对应方法：    

spinnerMode=”dropdown”时，下拉的项目选择窗口在水平方向相对于Spinner窗口的偏移量。

android:dropDownSelector

用于设定spinnerMode=”dropdown”时列表选择器的显示效果。

android:dropDownVerticalOffset

对应方法：

spinnerMode=”dropdown”时，下拉的项目选择窗口在垂直方向相对于Spinner窗口的偏移量。

这个属性对应全局属性资源符号dropDownVerticalOffset。

android:dropDownWidth

在spinnerMode=”dropdown”时，设定下拉框的宽度。

它对应的全局资源符号是dropDownWidth。

android:gravity

对应的全局属性资源符号是gravity。

注：Spinner对象是一个视窗对象容器，设置它的gravity属性时，只会改变容器内部子视窗对象的对齐方式，并不会改变子视窗内部内容的对齐方式。

android:popupBackground

在spinner=”dropdown”时，使用这个属性来设置下拉列表的背景。

对应的全局属性资源符号是popupBackground

android:popupBackground="#ebebeb"

去掉下拉的时候布局的黑边

6.项目中的应用
1.布局文件

 <Spinner            android:dropDownWidth="match_parent"            android:gravity="center"            style="@style/spinner_style"            android:id="@+id/item_spinner_class"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_marginLeft="12dp"            android:layout_weight="1"            android:spinnerMode="dropdown" />

2.主题

<style name="spinner_style">    <item name="android:background">@drawable/spinner_selector</item>    <item name="android:padding">2dp</item>    </style>

3.selector(图片是.9图)

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" >    <item android:state_pressed="true"           android:drawable="@drawable/btn_select_up" /><!--按下时效果-->      <item android:state_pressed="false"           android:drawable="@drawable/btn_select_up" /><!--默认效果-->   </selector>

4.代码引用

 ArrayAdapter<String> adapter=new ArrayAdapter<String>(this,R.layout.myspinner, mItems); classSpinner.setAdapter(adapter);

5.上面的布局是自己写的，没有引用系统的东西（就是一个textview）

<?xml version="1.0" encoding="utf-8"?><TextView xmlns:android="http://schemas.android.com/apk/res/android"    android:gravity="left"     android:padding="5dp"     android:paddingLeft="8dp"      android:textColor="#323232"      android:textSize="14sp"      android:singleLine="true"      android:layout_width="match_parent"      android:layout_height="wrap_content"/>

6.提一句，也可以设置，可以写系统的也可以自己写，不过这里是一个CheckedTextView

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

效果图