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设置背景图片。