Android--ImageSwitcher案例分析详解

强烈推荐：

仿QQ--tab切换动画实例
http://www.eoeandroid.com/thread-173365-1-1.html

仿iphone 气泡短信 DEMO
http://www.eoeandroid.com/thread-112801-1-1.html

一个Gallery 3D效果实例
http://www.eoeandroid.com/thread-182336-1-1.html

 

ImageSwitcher图像切换器，可以切换器图像。ImageSwitcher类的继承图如下：

　　java.lang.Object     　　android.view.View     　　android.view.ViewGroup     　　android.widget.FrameLayout     　　android.widget.ViewAnimator     　　android.widget.ViewSwitcher     　　android.widget.ImageSwitcher

android.widget.ImageSwitcher 继承了android.widget.FrameLayout框架布局类。为了便于学习，我们把官方的ImageSwitcher例子 （ApiDemos/src/com/example/android/apis/view/ImageSwitcher1.java）做了一些修改，例 子运行如图7-6屏幕，点击屏幕下面的缩图，实现图片的切换。

图7-6 ImageSwitcher

请参考代码清单7-4，完整代码请参考chapter7_1工程中MyImageSwitcher代码部分。
【代码清单7-4】

　　public class MyImageSwitcher extends Activity {     　　private ImageSwitcher mSwitcher；     　　private Integer[] mThumbIds = { R.drawable.photo1_thumb，     　　R.drawable.photo2_thumb， R.drawable.photo3_thumb，     　　R.drawable.photo4_thumb， R.drawable.photo5_thumb，     　　R.drawable.photo6_thumb }；     　　private Integer[] mImageIds = { R.drawable.photo1， R.drawable.photo2，     　　R.drawable.photo3， R.drawable.photo4， R.drawable.photo5，     　　R.drawable.photo6 }；     　　@Override     　　public void onCreate（Bundle savedInstanceState） {     　　super.onCreate（savedInstanceState）；     　　requestWindowFeature（Window.FEATURE_NO_TITLE）；     　　setContentView（R.layout.image_switcher）；     　　mSwitcher = （ImageSwitcher） findViewById（R.id.switcher）；     　　mSwitcher.setFactory（new ViewSwitcher.ViewFactory（） {     　　@Override     　　public View makeView（） {     　　ImageView i = new ImageView（MyImageSwitcher.this）；     　　i.setBackgroundColor（0xFF000000）；     　　i.setScaleType（ImageView.ScaleType.FIT_CENTER）；     　　i.setLayoutParams（new ImageSwitcher.LayoutParams（     　　LayoutParams.MATCH_PARENT， LayoutParams.MATCH_PARENT））；     　　return i；     　　}     　　}）；     　　Gallery g = （Gallery） findViewById（R.id.gallery）；     　　g.setAdapter（new ImageAdapter（this））；     　　g.setOnItemSelectedListener（new AdapterView.OnItemSelectedListener（） {     　　@Override     　　public void onItemSelected（AdapterView parent， View v，     　　int position， long id） {     　　mSwitcher.setImageResource（mImageIds[position]）；     　　}     　　@Override     　　public void onNothingSelected（AdapterView<？> parent） {     　　}     　　}）；     　　… …     　　}     　　… …     　　}

在ImageSwitcher图像切换器中需要提供缩图数组集合mThumbIds和正常图片集合mImageIds.requestWindowFeature（Window.FEATURE_NO_TITLE）方法是设置没有标题的屏幕。
　　实 现图像切换关键代码是mSwitcher.setFactory（new ViewSwitcher.ViewFactory（） {…}），需要提供一个ViewSwitcher。ViewFactory接口为图像切换的时候创建一个View对象，由于是图像切换器，这个View是 一个ImageView类的实例，i.setBackgroundColor（0xFF000000）指定背景颜 色，i.setScaleType（ImageView.ScaleType.FIT_CENTER）指定排列方式为居中。下面的代码就是设置图片的布局 与父容器匹配模式：
　　i.setLayoutParams（new ImageSwitcher.LayoutParams（ LayoutParams.MATCH_PARENT， LayoutParams.MATCH_PARENT））；
　　在 屏幕下面的缩图是Gallery类型，点击缩图触发事件AdapterView.OnItemSelectedListener（）时改变图片切换器的图 片源mSwitcher.setImageResource（mImageIds[position]），从而实现图片的切换。
　　缩图的Gallery还必须实现一个BaseAdapter适配器，代码请参考代码清单7-5，完整代码请参考chapter7_1工程中MyImageSwitcher代码部分。
　　【代码清单7-5】

　　public class ImageAdapter extends BaseAdapter {     　　public ImageAdapter（Context c） {     　　mContext = c；     　　}     　　public int getCount（） {     　　return mThumbIds.length；     　　}     　　public Object getItem（int position） {     　　return mThumbIds[position]；     　　}     　　public long getItemId（int position） {     　　return position；     　　}     　　public View getView（int position， View convertView， ViewGroup parent） {     　　ImageView i = new ImageView（mContext）；     　　i.setImageResource（mThumbIds[position]）；     　　i.setAdjustViewBounds（true）；     　　i.setLayoutParams（new Gallery.LayoutParams（     　　LayoutParams.WRAP_CONTENT， LayoutParams.WRAP_CONTENT））；     　　i.setBackgroundResource（R.drawable.picture_frame）；     　　return i；     　　}     　　private Context mContext；     　　}

getView（） 方法中返回缩图的对象，i.setImageResource（mThumbIds[position]）是设置图片 源，i.setAdjustViewBounds（true）设置图片对象边框自动调节，i.setLayoutParams（）设置图片控件的布 局，i.setBackgroundResource设置背景图片。