public class

 ImageSwitecher 与 Gallery的使用

1. 
准备UI界面  包括setContentView() ,    Find Widget

2. 
准备数据源  , 使用  R.drawable.class.getDeclaredFields() 反射机制获取资源中的图片

3. 
生成适配器  重写getView()方法 ,适应Gallery 滑动

4.  Gallery的 Items 点击事件处理 , 设置ImageSwitcher显示资源

5.
设置ImageSwitcher的 makeView方法 , 设置相关的动画效果

6.
设置ImageSwitcher的 Click事件 ,适应于Gallery同时滑动

 相关注释在 java代码中写的很详细,如有错误还请指出.

3个ImageSwitcher的 重要方法

public voidsetImageDrawable
(Drawable drawable) 绘制图片

public voidsetImageResource
(int resid)设置资源

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    
    <ImageSwitcher 
        android:id="@+id/switcher"
        android:layout_width="match_parent" 
        android:layout_height="match_parent"/>
    
    <Gallery 
        android:id="@+id/gallery"
        android:background="#55000000"
        android:layout_width="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:gravity="center_vertical"
        android:spacing="16dp" 
        android:layout_height="100dp"/>
</RelativeLayout>
   

Java代码

public class Main extends Activity implements ViewFactory 
{
	private ImageSwitcher is;	//ViewSwitcher适用于两个视图带动画效果的切换。
	private Gallery gallery;
	private int downX,upX;
    private ArrayList<Integer> imgList=new ArrayList<Integer>();//图像ID
    
		protected void onCreate(Bundle savedInstanceState) {
	
			super.onCreate(savedInstanceState);
			
			PreInit();
			ImageIdUnit();
			ImageSwitchInit();
	    	GalleryInit();			
		}
			/* 
			 * 	作用是控制ImageSwitcher 视图的控制
			 *  */
			public View makeView() {
				ImageView i = new ImageView(this);
				i.setBackgroundColor(0xFF336699);
				i.setScaleType(ImageView.ScaleType.FIT_CENTER);
				i.setLayoutParams(new ImageSwitcher.LayoutParams(//自适应图片大小
						LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
				return i;
			}

			/**
			 * 用反射机制来获取资源中的图片ID
			 * */
			private void ImageIdUnit(){
				/**
				 * Field 类说明   这个类代表了一个字段/ 有关字段内的信息可以被访问,字段的值可以被动态的访问
				 * */
					Field[] fields = R.drawable.class.getDeclaredFields();
					for (Field field : fields)
					{
						if (!"icon".equals(field.getName()))//除了icon之外的图片
						{	
							int index = 0;
							try {
								index = field.getInt(R.drawable.class);// 返回指定对象的字段值 (int)
							} catch (IllegalArgumentException e) {
								e.printStackTrace();
							} catch (IllegalAccessException e) {
								e.printStackTrace();
							}
							//保存图片ID
							imgList.add(index);
						}
					}
			}
			/**
			 *  find widget
			 * */
			private void PreInit(){
				setContentView(R.layout.main);
				//设置ImageSwitcher控件  即设置中间的大图
				is = (ImageSwitcher) findViewById(R.id.switcher);
				//设置gallery控件
				gallery = (Gallery) findViewById(R.id.gallery);
			}
	
			/**
			 * 	ImageSwitcher  setting
			 * */
			private void ImageSwitchInit(){
				// 设置处理的视图  即当前Activity下的 ViewSwitcher控件
				is.setFactory(this);
				// 设置View进入的切换效果
				// AnimationUtils.loadAnimation()从资源加载动画对象
				is.setInAnimation(AnimationUtils.loadAnimation(this,
						android.R.anim.fade_in));
				// 设置View退出的切换效果
				is.setOutAnimation(AnimationUtils.loadAnimation(this,
						android.R.anim.fade_out));
				
				/**
				 * 在ImageSwitcher控件上滑动可以切换图片(即滑动中间的大图)
				 */
				is.setOnTouchListener(onTouchListener);
			}
			/**
			 * Gallery
			 * */
			private void GalleryInit(){
				
				ImageAdapter imgAdapter = new ImageAdapter(this);
				imgAdapter.setList(imgList);
				
				gallery.setAdapter(imgAdapter);
				
				
				//	点击Gallery的小图 在上方显示大图
				gallery.setOnItemSelectedListener(new OnItemSelectedListener(){
					@Override
					public void onItemSelected(AdapterView<?> arg0, View arg1,
							int position, long arg3) {
						// 在滑动Gallery时 在ImageSwitcher显示被点击的的资源
						is.setImageResource(imgList.get(position));// 资源id
					}
					@Override
					public void onNothingSelected(AdapterView<?> arg0) {
						// TODO Auto-generated method stub
					}
					
				});
			}
			// OnTouchListener 事件
			private OnTouchListener onTouchListener = new OnTouchListener() {
				
				public boolean onTouch(View v, MotionEvent event) {
					/**	
					 *  event.getAction() 返回任一一种正在执行行动 ;
					 */
					if(event.getAction()==MotionEvent.ACTION_DOWN)
					{
						downX=(int) event.getX();		//取得按下时的坐标
						return true;
					}else if(event.getAction()==MotionEvent.ACTION_UP){
						
						upX=(int) event.getX();			//取得松开时的坐标
						int index=0;
						if(upX-downX>100)	//从左拖到右，即看前一张
						{
							//如果是第一，则去到尾部
							if(gallery.getSelectedItemPosition()==0)
							    index=gallery.getCount()-1;
							else
								index=gallery.getSelectedItemPosition()-1;
						}else if(downX-upX>100){//从右拖到左，即看后一张
							//如果是最后，则去到第一
							if(gallery.getSelectedItemPosition()==(gallery.getCount()-1))
								index=0;
							else
								index=gallery.getSelectedItemPosition()+1;
						}
						//改变gallery图片所选，自动触发ImageSwitcher的setOnItemSelectedListener
						Main.this.setTitle("Your Choose is "+index);
						// Gallery 设置position  所以ImageSwitcher 与 Gallery 是一起滑动的 
						gallery.setSelection(index, true);
						return true;
					}
					return false;
				}
			};
}

ImageAdapter.java

public class ImageAdapter extends BaseAdapter {
	private ArrayList<Integer> imgList;
	
	public void setList(ArrayList<Integer> list){
		this.imgList = list;
	}
	
	public ImageAdapter(Context c) {
		mContext = c;
	}
	public int getCount() {
		return imgList.size();
	}
	public Object getItem(int position) {
		return position;
	}
	public long getItemId(int position) {
		return position;
	}
	// gallery 改变View
	public View getView(int position, View convertView, ViewGroup parent) {
		
		ImageView i = new ImageView(mContext);
		i.setImageResource(imgList.get(position));
		i.setAdjustViewBounds(true);
		i.setLayoutParams(new Gallery.LayoutParams(
				LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
		return i;
	}
	private Context mContext;
}