android中Gallery与ImageSwicther解析

1.Gallery

          Gallery控件一般是用于显示图像列表，因此也称为是画廊控件， Gallery只能水平显示一行，而且支持水平滑动效果。也就是说，单击、选中或者拖动Gallery中的图像， Gallery图像中的列表会根据不同的情况向左向右移动，直到显示到最后的一个图像为止。

2.ImageSwicther

　　　　ImageSwitcher控件可以用在不同的图像之间切换，其中切换的过程可以采用动画的方法，如淡入淡出的效果。

ImageSwitcher需要一个图像工厂(ViewFactory)来创建用于显示图像的ImageView对象，因此我们需要一个实现android.widget.ViewSwitcher.ViewFactory接口的类。

 

  使用ImageSwitcher时，基本步骤:

 　　1.必须implements ViewSwitcher.ViewFactory

　　 2.调用setFactory方法：imageSwitcher.setFactory(this)

　　 3.重写函数 makeView()，做如下处理：(此方法在进入该Activity时就会调用)

　

　　4.在需要显示图片的地方写如下代码

 

以下具体列子如下:

 在main.xml文件中：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
   android:layout_height="fill_parent"
   android:layout_width="fill_parent">
    <ImageSwitcher 
        android:id="@+id/imageswitcher"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
    </ImageSwitcher>
    <Gallery 
        android:id="@+id/gallery"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>

在java文件中:

public class MainActivity extends Activity implements ViewFactory,OnItemSelectedListener{

private Gallery gallery;
private ImageSwitcher is;
private int galleryItemBackGroundId;
private int imageId[]={R.drawable.gril1,R.drawable.gril2,R.drawable.gril3,R.drawable.gril4,R.drawable.gril5,
          R.drawable.gril6,R.drawable.gril7,R.drawable.gril8,R.drawable.gril9,R.drawable.gril10,
          R.drawable.gril11};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);  //去除标题
        setContentView(R.layout.main);
        
        gallery = (Gallery) findViewById(R.id.gallery);
        gallery.setAdapter(new MyGalleryAdapter(MainActivity.this));
        gallery.setOnItemSelectedListener(this);  //设置选项监听用setOnItemSelectedListener
        
        is = (ImageSwitcher) findViewById(R.id.imageswitcher);
        is.setFactory(this);
   22         is.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
        is.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
        
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    class MyGalleryAdapter extends BaseAdapter{

        private Context context;
    
        public MyGalleryAdapter(Context context) {
            this.context = context;
            TypedArray typed = obtainStyledAttributes(R.styleable.Gallery);   //获得属性集合
            galleryItemBackGroundId = typed.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0);
        }

        @Override
        public int getCount() {
            // TODO 自动生成的方法存根
            return Integer.MAX_VALUE;  //为了实现画廊中图片循环效果，才设置return_Integer.Max_VALUE,其实可以return imageId.length;
        }

        @Override
        public Object getItem(int position) {
            // TODO 自动生成的方法存根
            return imageId[position];
        }

        @Override
        public long getItemId(int position) {
            // TODO 自动生成的方法存根
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO 自动生成的方法存根
            ImageView imageView = new ImageView(context); 
            imageView.setImageResource(imageId[position%imageId.length]);  设置图片到view中
            imageView.setScaleType(ScaleType.FIT_XY);
            imageView.setLayoutParams(new Gallery.LayoutParams(156, 100)); 
            imageView.setBackgroundResource(galleryItemBackGroundId);  //设置imageview 背景
            return imageView;
        }
        
    }

    @Override
    public View makeView() {
        ImageView imageView  = new ImageView(MainActivity.this);
        imageView.setAdjustViewBounds(true);   //是否保持宽高比。需要与maxWidth、MaxHeight一起使用，否则单独使用没有效果

        imageView.setScaleType(ScaleType.FIT_XY);
        imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
        
        return imageView;
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position,      //画廊(Gallery)选中的项
            long id) {
        // TODO 自动生成的方法存根
        
        is.setImageDrawable(getResources().getDrawable(imageId[position%imageId.length]));
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {
        // TODO 自动生成的方法存根
        
    }
}

运行效果: