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);
效果图