强烈推荐:

仿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屏幕,点击屏幕下面的缩图,实现图片的切换。

Android--ImageSwitcher案例分析详解_android开发

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