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