自定义下拉菜单模式

时间：2010-09-09 来源：朱宇华

范例说明

Spinner就是下拉菜单，也等于swing的combo box、html的<select>，由于手机画面有限，要在有限的范围选择项目，下拉菜单是唯一、也是较好的选择。

Android 提供的Spinner Widget的下拉菜单已经非常好用了，样式也还适用。但本范例的示范重点在于自定义下拉菜单里的样式，其关键在于调用 setDropDownViewResource方法，以XML的方式定义下拉菜单要显示的模样。本范例除了自定义下拉菜单，还用程序设计了一段动画，当 User以触控的方式单击这个自定义的Spinner时，会以一段动画提示User。

在new ArrayAdapter中，我们将会使用ArrayAdapter(Context context, int textViewResourceId, T[] objects)这个Constructor，textViewResourceId使用Android提供的ResourceID，objects为必须传递的字符串数组（String Array）。

范例程序

Adapter的setDropDownViewResource可以设置下拉菜单的显示方式，将该xml定义在res/layout目录下面，可针对下拉菜单中的TextView进行设置，如同本程序里的R.layout.myspinner_ dropdown即为自定义的下拉菜单TextView样式。除了改变下拉菜单样式外，也对Spinner做了一点动态效果，单击Spinner时，晃动 Spinner再出现下拉菜单（myAnimation）。

/* import程序略 */
 
public class EX04_08 extends Activity
{
  private static final String[] countriesStr =
  { "北京市", "上海市", "天津市", "重庆市" };
  private TextView myTextView;
  private Spinner mySpinner;
  private ArrayAdapter<String> adapter;
  Animation myAnimation;
 
  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    /*加载main.xml Layout */
    setContentView(R.layout.main);
 
    /* 以findViewById()取得对象 */
    myTextView = (TextView) findViewById(R.id.myTextView);
    mySpinner = (Spinner) findViewById(R.id.mySpinner);
 
    adapter = new ArrayAdapter<String>(this,
        android.R.layout.simple_spinner_item, countriesStr);
    /* myspinner_dropdown为自定义下拉菜单样式定义在res/layout目录下 */
    adapter.setDropDownViewResource(R.layout.myspinner_dropdown);
 
    /* 将ArrayAdapter添加Spinner对象中 */
    mySpinner.setAdapter(adapter);
 
    /* 将mySpinner添加OnItemSelectedListener */
    mySpinner.setOnItemSelectedListener
     (new Spinner.OnItemSelectedListener()
    {
      @Override
      public void onItemSelected
       (AdapterView<?> arg0, View arg1, int arg2,
          long arg3)
      {
        /* 将所选mySpinner的值带入myTextView中 */
        myTextView.setText("选择的是" + countriesStr[arg2]);
        /* 将mySpinner显示 */
        arg0.setVisibility(View.VISIBLE);
      }
 
      @Override
      public void onNothingSelected(AdapterView<?> arg0)
      {
        // TODO Auto-generated method stub
      }
    });
 
    /* 取得Animation定义在res/anim目录下 */
    myAnimation = AnimationUtils.loadAnimation(this, R.anim.my_anim);
 
    /* 将mySpinner添加OnTouchListener */
    mySpinner.setOnTouchListener(new Spinner.OnTouchListener()
    {
 
      @Override
      public boolean onTouch(View v, MotionEvent event)
      {
        /* 将mySpinner运行Animation */
        v.startAnimation(myAnimation);
        /* 将mySpinner隐藏 */
        v.setVisibility(View.INVISIBLE);
        return false;
      }
 
    });
 
    mySpinner.setOnFocusChangeListener(new Spinner.OnFocusChangeListener()
    {
      @Override
      public void onFocusChange(View v, boolean hasFocus)
      {
        // TODO Auto-generated method stub
      }
    });
  }
}

res/layout/myspinner_dropdown.xml

改变下拉菜单样子的XML，里面所使用的组件为TextView。

<?xml version="1.0" encoding="utf-8"?> 
<TextView
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/text1" 
  android:layout_width="wrap_content" 
  android:layout_height="24sp" 
  android:singleLine="true"
  style="?android:attr/spinnerDropDownItemStyle" />