初识ImageSwither

 imageswitcher继承自viewswitcher，使用ImageSwither只需要两步：

1.为ImageSwither提供一个ViewFactory，该ViewFactory生成的View必须是ImageView.

2.需要切换图片时，只要调用ImageSwither的setImageResource，setImageDrawable，setImageURI方法更换图片即可。

 

下面是一个gallery，上面是个imageSwither，在gallery里每选择一张图片就会显示到Swither上，并有渐入渐出动画效果。

 

 

 

ImageSwitcher + GridView

 

 1 import android.app.Activity;

 2 import android.os.Bundle;

 3 import android.view.View;

 4 import android.view.ViewGroup;

 5 import android.widget.AdapterView;

 6 import android.widget.AdapterView.OnItemClickListener;

 7 import android.widget.BaseAdapter;

 8 import android.widget.FrameLayout.LayoutParams;

 9 import android.widget.GridView;

10 import android.widget.ImageSwitcher;

11 import android.widget.ImageView;

12 import android.widget.ViewSwitcher.ViewFactory;

13 

14 public class ImageSwitcherTest extends Activity {

15     private GridView gridView;

16     private ImageSwitcher switcher;

17 

18     private int[] mImage = new int[] { R.drawable.p0, R.drawable.p13,

19             R.drawable.p16, R.drawable.p2, R.drawable.p4, R.drawable.p8 };

20 

21     @Override

22     protected void onCreate(Bundle savedInstanceState) {

23         // TODO Auto-generated method stub

24         super.onCreate(savedInstanceState);

25         setContentView(R.layout.layout_imageswitcher);

26         switcher = (ImageSwitcher) findViewById(R.id.imageSwitcher2);

27 

28         switcher.setFactory(new ViewFactory() {

29 

30             @Override

31             public View makeView() {

32                 // TODO Auto-generated method stub

33 

34                 ImageView imageView = new ImageView(ImageSwitcherTest.this);

35                 imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);

36                 /*imageView.setLayoutParams(new ImageSwitcher.LayoutParams(

37                         LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));*/

38                 return imageView;

39             }

40         });

41         

42         ImageAdapter adapter = new ImageAdapter();

43         gridView = (GridView) findViewById(R.id.gridView2);    

44         gridView.setAdapter(adapter);

45         

46         gridView.setOnItemClickListener(new OnItemClickListener() {

47 

48             @Override

49             public void onItemClick(AdapterView<?> parent, View view,

50                     int position, long id) {

51                 // TODO Auto-generated method stub

52                 switcher.setImageResource(mImage[position]);

53             }

54         });

55         

56     }

57 

58     class ImageAdapter extends BaseAdapter {

59 

60         @Override

61         public int getCount() {

62             // TODO Auto-generated method stub

63             return mImage.length;

64         }

65 

66         @Override

67         public Object getItem(int position) {

68             // TODO Auto-generated method stub

69             return mImage[position];

70         }

71 

72         @Override

73         public long getItemId(int position) {

74             // TODO Auto-generated method stub

75             return position;

76         }

77 

78         @Override

79         public View getView(int position, View convertView, ViewGroup parent) {

80             // TODO Auto-generated method stub

81             ImageView imageView = new ImageView(ImageSwitcherTest.this);

82             imageView.setImageResource(mImage[position]);

83             return imageView;

84         }

85 

86     }

87 }

 1 <?xml version="1.0" encoding="utf-8"?>

 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

 3     android:layout_width="match_parent"

 4     android:layout_height="match_parent"

 5     android:orientation="vertical" >

 6 

 7     <GridView

 8         android:id="@+id/gridView2"

 9         android:layout_width="match_parent"

10         android:layout_height="254dp"

11         android:numColumns="3"

12         android:horizontalSpacing="pt"

13         android:verticalSpacing="2pt"

14         android:gravity="center"

15          >

16     </GridView>

17 

18     <ImageSwitcher

19         android:id="@+id/imageSwitcher2"

20         android:layout_width="match_parent"

21         android:layout_height="wrap_content"

22         android:layout_weight="0.94"

23         android:layout_gravity="center_horizontal"

24         android:inAnimation="@android:anim/fade_in"

25         android:outAnimation="@android:anim/fade_out" 

26         >

27     </ImageSwitcher>

28 

29 </LinearLayout>