自定义下拉菜单模式

范例说明

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

res/anim/my_anim.xml

Android的动画（Animation）是由4种类型（Type）所组成：alpha、scale、translate以及rotate，以下的自定义动画将使用其中的两种。

Code
<?
xml version="1.0" encoding="utf-8"?>


<
set


  xmlns
:android
="http://schemas.android.com/apk/res/android"
>


  <
translate


    android
:fromXDelta
="0"


    android
:toXDelta
="-100%p"


    android
:duration
="300"


  >


  </
translate
>


  <
alpha


    android
:fromAlpha
="1.0"


    android
:toAlpha
="0.0"


    android
:duration
="300"
>


  </
alpha
>


</
set
>

扩展学习

Animation主要有两种动态方式，一种是tweened animation（渐变动画），另一种是frame by frame animation（画面转换动画）。tweened animation则有以下4种基本转换方式。

· AlphaAnimation (transparency changes)：透明度转换。

· RotateAnimation (rotations)：旋转转换。

· ScaleAnimation (growing or shrinking)：缩放转换。

· TranslateAnimation (position changes)：位置转换。

定义好你想要的动画XML后，用AnimationUtils.loadAnimation将动画加载，并试图在想要加上动态效果的组件中使用startAnimation方法。

http://www.cnblogs.com/alex77lee/archive/2010/08/04/1792454.html