Android开发基础:自定义下拉列表样式(spinner的用法)


spinner下拉菜单是Android中常用的控件之一。今天我们通过一个demo来理解下拉菜单的制作方法。

在此之前,首先要理解adapter的用法及含义。

adapter是view和data之间的桥梁,adapter将数据封装后显示到view上。ArrayAdapter是最简单的Adapter,此外还有SimpleAdapter和SimpleCursorAdapter。  使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。

SimpleCursorAdapter允许你绑定一个游标的列到ListView上,并使用自定义的layout显示每个项目。SimpleCursorAdapter的创建,需要传入当前的上下文、一个layout资源,一个游标和两个数组:一个包含使用的列的名字,另一个(相同大小)数组包含View中的资源ID,用于显示相应列的数据值。

实现代码如下:

为下拉菜单设置样式的时候我们是自定义的一个layout。里面可以设置自己想要的效果。

当然也可以在程序中设置其效果(就是程序中注释掉的那句)

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

  1. package yzy.cxt.com;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.widget.AdapterView;  
  7. import android.widget.ArrayAdapter;  
  8. import android.widget.Spinner;  
  9. import android.widget.TextView;  
  10.   
  11. /**  
  12.  * 自定义下拉菜单  
  13.  * @author 青衣修罗  
  14.  *  
  15.  */  
  16. public class MainActivity extends Activity {  
  17.   
  18.     private TextView textView;  
  19.     private Spinner spinner;  
  20.     private ArrayAdapter<String> adapter;  
  21.     private static final String[] etoile= {  
  22.             "刘德华",  
  23.             "毛泽东",  
  24.             "刘翔",  
  25.             "盖茨"  
  26.     };  
  27.     @Override  
  28.     public void onCreate(Bundle savedInstanceState) {  
  29.         super.onCreate(savedInstanceState);  
  30.         setContentView(R.layout.main);  
  31.           
  32.         textView = (TextView)findViewById(R.id.textView);  
  33.         spinner = (Spinner)findViewById(R.id.spinner);  
  34.           
  35.         // 初始化适配器  
  36.         adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,etoile);  
  37.           
  38.         //设置自定义下拉菜单样式  
  39.         adapter.setDropDownViewResource(R.layout.menulayout);  
  40.           
  41.         //adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  
  42.           
  43.         //将适配器绑定到下拉菜单  
  44.         spinner.setAdapter(adapter);  
  45.           
  46.         // 为下拉菜单添加监听事件  
  47.         spinner.setOnItemSelectedListener(new Spinner.OnItemSelectedListener() {  
  48.   
  49.             @Override  
  50.             public void onItemSelected(AdapterView<?> arg0, View arg1,  
  51.                     int arg2, long arg3) {  
  52.                 // 设定选中的内容  
  53.                 textView.setText(etoile[arg2]);  
  54.                 // 让下拉菜单的内容显示  
  55.                 arg0.setVisibility(View.VISIBLE);  
  56.             }  
  57.   
  58.             @Override  
  59.             public void onNothingSelected(AdapterView<?> arg0) {  
  60.                 // TODO Auto-generated method stub  
  61.                   
  62.             }  
  63.               
  64.         });  
  65.     }  
  66. }  
自定义的menulayout的布局文件如下:
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <TextView xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@+id/textMenu"  
  4.     android:layout_width="wrap_content"  
  5.     android:layout_height="20sp"   
  6.     android:singleLine="true"  
  7.     style="?android:attr/spinnerDropDownItemStyle"  
  8.    />  

main.xml如下所示:

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7.     <TextView    
  8.         android:id="@+id/textView"  
  9.         android:layout_width="fill_parent"   
  10.         android:layout_height="wrap_content"   
  11.     />  
  12.     <Spinner    
  13.         android:id="@+id/spinner"  
  14.         android:layout_width="fill_parent"   
  15.         android:layout_height="wrap_content"   
  16.     />  
  17. </LinearLayout>  
这样我们的效果就出来了。


点击后:

相关内容