Spinner的使用

Spinner提供了从一个数据集合中快速选择一项值的办法。默认情况下Spinner显示的是当前选择的值，点击Spinner会弹出一个包含所有可选值的dropdown菜单，从该菜单中可以为Spinner选择一个新值。

上图显示的是Spinner常见的样式。这篇文章中我将讨论1.Spinner的基本用法 2.设置Spinner的Adapter (arrayadapter 和自定义BaseAdapter)3.Spinner的菜单显示方式 4.Spinner的xml属性

最简单的Spinner

在布局文件中添加Spinner控件


1

2

3

4

5

6

7

8

9

10

11

12

    <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中：


1

2

3

4

5

6

7

8

9

10

<?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的回调方法实现


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

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下面就会变得很丑。

想必这也是很多人不想使用Spinner的原因了吧。如果想兼容2.3，则只能忍受这样的效果。

设置Spinner的Adapter

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

使用ArrayAdapter


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

// 初始化控件

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的外观：

1


1

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

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

2


1

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和展开的菜单都是一种布局样式。下面一运行截图来说明：

没有adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)：

有setDropDownViewResource：

你可能会很好奇如果设置了setDropDownViewResource但是setDropDownViewResource的参数和ArrayAdapter的第二个布局参数（simple_spinner_item）一致的情况下会怎样。情况是和没有setDropDownViewResource是一样的，因为上面说了不设置setDropDownViewResource Spinner未展开和展开都是用的一样的布局。

其实simple_spinner_item和simple_spinner_dropdown_item两者的名字正好反映了他们的区别。一个应用于下拉一个应用于Spinner本身。

使用自定义的BaseAdapter

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

下面我们定义一个选择联系人的Spinner。


1

2

3

4

5

6

7

8

9

10

11

    <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>

activity中：


1

2

3

4

5

6

7

8

9

10

11

12

           // 初始化控件

        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);

Person.java


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

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


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

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;

    }

}

运行效果：

Spinner的菜单显示方式

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


1

2

android:spinnerMode="dropdown"

android:spinnerMode="dialog"

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

  dropdown dialog

Theme.Light

默认为弹出框的形式


          

Theme.Holo.Light

默认为下拉菜单的形式


Spinner的xml属性

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

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

2 spinnerMode: Spinner的显示形式

除此之外还有如下属性：

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

属性名称

android:dropDownHorizontalOffset

对应方法：


1

setDropDownHorizontalOffset(int)

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

它必须是一个带有单位的浮点型尺寸值，如：”14.5sp”。有效的单位包括：px(像素)、dp(密度无关的像素)、sp(基于引用字体的尺寸来缩放的像素)、in(英寸)、mm(毫米)。

这个属性还可以引用一个资源(格式：@[package:]type:name）或者是包含这种类型值的主题属性（格式：?[package][type:]name）。

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

android:dropDownSelector

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

它可以用”@[+][package]:type:name”格式来引用另外的资源，或者是用”?[package:][type:]name”的格式来 应用主题属性，还可以是”#rgb”、”#argb”、”#rrggbb”、”aarrggbb”格式的颜色值。

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

android:dropDownVerticalOffset

对应方法：


1

setDropDownVerticalOffset(int)

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

这个属性它必须是一个带有单位的浮点型尺寸值，如：”14.5sp”。有效的单位包括：px(像素)、dp(密度无关的像素)、sp(基于引用字体的尺寸来缩放的像素)、in(英寸)、mm(毫米)。

还可以引用一个资源(格式：@[package:]type:name）或者是包含这种类型值的主题属性（格式：?[package][type:]name）。

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

android:dropDownWidth

对应方法：


1

setDropDownWidth(int)

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

这个属性可以是带有单位的浮点型的尺寸值，如：14.5sp。有效的单位包括：px(像素)、dp(密度无关的像素)、sp(基于引用字体的尺寸来缩放的像素)、in(英寸)、mm(毫米)。

还可以引用一个资源(格式：@[package:]type:name）或者是包含这种类型值的主题属性（格式：?[package][type:]name）。

还可以是下列常量之一：

fill_parent = -1，下拉框的宽度应该使用屏幕的宽度来设定。这个常量从API Level 8开始被废弃了，并且使用mach_parent常量来代替。

mach_parent = -1，下拉框的宽度应该使用屏幕的宽度来设定。在API Level 8中被引入。

wrap_content = -2，下拉框的宽度应该跟它的内容相适应。

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

android:gravity

对应方法：


1

setGravity(int)

这个属性用于设置当前选择的项目的对齐方式。

它必须是以下常量值之一或组合（用”|”符号分离）。

top = 0x30：把选择的对象放到它的容器的顶部，不改变它的尺寸。

bottom = 0x50：把选择的对象放到它的容器的底部，不改变它的尺寸。

left = 0x03：把选择的对象放到它的容器的左边，不改变它的尺寸。

right = 0x05：把选择的对象放到它的容器的右边，不改变它的尺寸。

center_vertical = 0x10：把选择的对象放到它的容器的垂直中心，不改变它的尺寸。

fill_vertical = 0x70：为了完全的填充它的容器，系统会根据需要来增加选择对象的垂直尺寸。

center_horizontal = 0x01：把选择的对象放到它的容器的水平中心，不改变它的尺寸。

fill_horizontal = 0x07：为了完全的填充它的容器，系统会根据需要来增加选择对象的水平尺寸。

center = 0x11：把选择的对象放到它的容器的垂直和水平中心，不改变它的尺寸。

fill = 0x77：为了完全的填充它的容器，系统会根据需要来增加选择对象的水平和垂直尺寸。

clip_vertical = 0x80：附加的可选设置，它可以设置容器内子对象的上下边缘裁剪它的容器边框。裁剪会基于垂直对齐的方式：顶部对齐的会裁剪底部边缘，底部对齐的会裁剪顶部边缘，不会上下边缘都裁剪。

clip_horizontal = 0x08：附加的可选设置，它可以设置容器内子对象的左右边缘裁剪它的容器边框。裁剪会基于水平对齐的方式：左对齐的会裁剪右边缘，右对齐的会裁剪左边缘，不会左右边缘都裁剪。

start = 0x00800003：把对象放到它的容器的开始位置，不改变它的尺寸。

end = 0x00800005：把对象放到它的容器的结束位置，不改变它的尺寸。

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

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

android:popupBackground

对应方法：


1

setPopupBackgroundResource(int)

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

可以使用”@[+][package:]type:name”格式来引用另外的资源，或者使用”?[package:][type:]name”格式来应 用主题属性，也可以使用”#rgb”、”#argb”、”#rrggbb”、”#aarrggbb”格式的颜色值。

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

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

以下是自定义item的

从下面的代码可以看出...红色的标注显示使用的是Android默认的布局..代码来自于Apidemo.

1  Spinner s1 = (Spinner) findViewById(R.id.spinner1);
 2         ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
 3                 this, R.array.colors, android.R.layout.simple_spinner_item);
 4         adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
 5         s1.setAdapter(adapter);
 6         s1.setOnItemSelectedListener(
 7                 new OnItemSelectedListener() {
 8                     public void onItemSelected(
 9                             AdapterView<?> parent, View view, int position, long id) {
10                         showToast("Spinner1: position=" + position + " id=" + id);
11                     }
12 
13                     public void onNothingSelected(AdapterView<?> parent) {
14                         showToast("Spinner1: unselected");
15                     }
16                 });

通过查找源码...看到android.R.layout.simple_spinner_dropdown_item.xml

看下面的XML.

1 <?xml version="1.0" encoding="utf-8"?>
 2 <!--
 3 /* //device/apps/common/assets/res/any/layout/simple_spinner_item.xml
 4 **
 5 ** Copyright 2008, The Android Open Source Project
 6 **
 7 ** Licensed under the Apache License, Version 2.0 (the "License"); 
 8 ** you may not use this file except in compliance with the License. 
 9 ** You may obtain a copy of the License at 
10 **
11 **     http://www.apache.org/licenses/LICENSE-2.0 
12 **
13 ** Unless required by applicable law or agreed to in writing, software 
14 ** distributed under the License is distributed on an "AS IS" BASIS, 
15 ** WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
16 ** See the License for the specific language governing permissions and 
17 ** limitations under the License.
18 */
19 -->
20 <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android" 
21     android:id="@android:id/text1"
22     style="?android:attr/spinnerDropDownItemStyle"
23     android:singleLine="true"
24     android:layout_width="fill_parent"
25     android:layout_height="?android:attr/listPreferredItemHeight"
26     android:ellipsize="marquee" />

里面实际上是一个CheckedTextView,而CheckedTextView,又继承自TextView.所以我们可以自己定义一个只有TextView的XML文件...

里面可以随意设置TextView的属性..比如字体...颜色等等.... 然后替换adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);的xml...这样就能改变字体之类的属性了...

至此...相信大家都应该能明白了吧...

有时位置不好控制的情况下可使用popupWindow实现

时间： 2024-10-20 22:05:00

Spinner的使用的相关文章

UI组件之AdapterView及其子类（三）Spinner控件具体解释

Spinner提供了从一个数据集合中高速选择一项值的办法. 默认情况下Spinner显示的是当前选择的值.点击Spinner会弹出一个包括全部可选值的dropdown菜单或者一个dialog对话框,从该菜单中能够为Spinner选择一个新值. 这篇文章中我将讨论 1.Spinner的基本使用方法 2.Spinner的xml属性 3.设置Spinner的Adapter (antries属性,arrayadapter 和自己定义BaseAdapter) 最简单的Sipnner使用方法是使用spinn

【转】Android：控件Spinner实现下拉列表

原文网址:http://www.cnblogs.com/tinyphp/p/3858920.html 在Web开发中,HTML提供了下拉列表的实现,就是使用<select>元素实现一个下拉列表,在其中每个下拉列表项使用<option>表示即可.这是在Web开发中一个必不可少的交互性组件,而在Android中的对应实现就是Spinner. 方法一: 以资源方式,静态展示 Spinner 选项: <Spinner android:layout_width="match_

spinner的理解

spinner是AdapterView的子类,即需要数据源,适配器,及可能需要的列表项的布局.spinner的常用监听器是OnItemSelectedListener,OnItemSelectedListner中定义了如下方法:*OnItemSelected():*onNothingSelected();注:只要配置了该监听器,即使是第一次显示Spinner,该监听器中的方法也会被调用. AutoCompleteTextView,AutoCompleteTextView有setAdapter方法

Android开发之Spinner控件使用

之前博客中已经介绍了Spinner控件的数据绑定,地址在:http://blog.csdn.net/zdw_wym/article/details/50000357,本篇将介绍Spinner的事件监听器:OnItemSelectedListener . Spinner组件的主要功能是用于进行下拉列表的显示,当用户选中下拉列表中的某个选项后可以使用Spinner类提供的setOnItemSelectedListener()方法进行监听. 在这之前让我们首先了解一下OnItemSelectedLis

android 学习 Spinner控件的使用

今晚看了下spinner控件的使用,结合博客大神的教程,一个小demo 一,SpinnerActivity private Spinner spinner; private ArrayAdapter<String> adapter; private List<String> list; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

Spinner、CheckBox、RadioGroup的简单使用

直接上代码吧! .xml的代码如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 android:layout_width="fill_parent" 5 android:layout_height="wr

【转】 Spinner的常用技巧

原文网址:http://blog.csdn.net/wanli_smile/article/details/6410388 用法 1 :以资源方式,静态展示 Spinner 选项 1.     在资源文件 (strings.xml) 中,增加: < string name = "spin_prompt" > 请选择城市 </ string > < string-array name = "cities" > < item &

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

原文网址:http://embed.21ic.com/software/android/201403/31603.html 1 :Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现) . 今天学习了Spinner组件,使用Spinner相当于从下拉列表中选择项目,下面演示一下Spinner的使用(分别使用ArrayAdapter和自定义Adapter实现) (一):使用ArrayAdapter进行适配数据: ①:首先定义一个布局文件: android:

下拉菜单 Spinner 简单纯字符串版

public class MainActivity extends Activity implements AdapterView.OnItemSelectedListener{ private Spinner spinner; private TextView text; private List<String> data = new ArrayList<String>(); private ArrayAdapter<String> adapter; private

Android常用控件之AutoCompleteTextView、Spinner

概述 1.AutoCompleteTextView:相对于普通的TextView,AutoCompleteTextView的特点是可以自动提示文本,它可以通过SetAdapter()方法加载适配器. 2.Spinner:一种下拉列表. 知识内容 AutoCompletedTextView 布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="