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