4.8 自定义下拉菜单模式Spinner与setDropDownViewResource

.8 自定义下拉菜单模式Spinner与setDropDownViewResource

范例说明

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

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

运行结果（见图4-8）

图4-8 自定义Spinner的下拉菜单模式，请注意菜单具有圆角的效果

范例程序

src/irdc.ex04_08/EX04_08.java

在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，以下的自定义动画将使用其中的两种。

<?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方法。