android之查看图片的程序 ImageSwitcher Gallery的配合应用---版本1

最终效果图：

当我们在最下边的gallery中切换图片时，上面的大图片会自动切换，切换时有动画效果哦，很简单的一个程序，有待完善更多的功能！

activity代码：

[java:nogutter] view plain copy print ?

1. package cn.com.chenzheng_java;
3. import android.app.Activity;
4. import android.content.Context;
5. import android.os.Bundle;
6. import android.view.View;
7. import android.view.ViewGroup;
8. import android.view.Window;
9. import android.view.animation.AnimationUtils;
10. import android.widget.AdapterView;
11. import android.widget.BaseAdapter;
12. import android.widget.Gallery;
13. import android.widget.ImageSwitcher;
14. import android.widget.ImageView;
15. import android.widget.Toast;
16. import android.widget.AdapterView.OnItemSelectedListener;
17. import android.widget.ImageView.ScaleType;
18. import android.widget.ViewSwitcher.ViewFactory;
19. /**
20. * @description 对图片的一个小小展示
21. * @author chenzheng_java
22. * @since 2011/3/17
23. *
24. */
25. public class GalleryActivity extends Activity implements OnItemSelectedListener {
27. int[] imagesId = new int[] { R.drawable.a1, R.drawable.a2, R.drawable.a3,
28. R.drawable.a4
30. };
31. int index = R.drawable.a1;
32. ImageSwitcher imageSwitcher;
34. @Override
35. protected void onCreate(Bundle savedInstanceState) {
36. super.onCreate(savedInstanceState);
37. /**
38. * 设置窗口无标题栏,一定要在setContentView前进行设置哦
39. */
40. requestWindowFeature(Window.FEATURE_NO_TITLE);
41. setContentView(R.layout.gallery);
43. Gallery gallery = (Gallery) findViewById(R.id.gallery1);
44. gallery.setOnItemSelectedListener(this);
46. imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
47. imageSwitcher.setVisibility(View.VISIBLE);
49. /***
50. * setInAnimation可以设置淡入动画
51. * setOutAnimation可以设置淡出动画
52. */
53. imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(
54. getApplicationContext(), android.R.anim.fade_in));
55. imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(
56. getApplicationContext(), android.R.anim.fade_out));
58. imageSwitcher.setFactory(new ViewFactory() {
59. /**
60. * 创建一个新的图片放置到ImageSwitcher上,可以使用其设置背景哦。
61. * 一般只会在创建时调用一次。相当于为我们创建一个进行动画效果时的一个背景图。
62. * 此方法亦可以通过setView替代
63. */
64. @Override
65. public View makeView() {
66. ImageView imageView = new ImageView(GalleryActivity.this);
67. // 设置截取模式
68. imageView.setScaleType(ScaleType.CENTER_INSIDE);
69. imageView.setBackgroundResource(R.drawable.ground);
70. Toast.makeText(getApplicationContext(), "执行了一次",
71. Toast.LENGTH_SHORT).show();
72. return imageView;
73. }
74. });
76. gallery.setVisibility(View.VISIBLE);
77. gallery.setAdapter(new ImageAdapter(this));
79. }
81. class ImageAdapter extends BaseAdapter {
82. private Context context2;
84. public ImageAdapter(Context context) {
85. context2 = context;
86. }
88. @Override
89. public int getCount() {
90. return imagesId.length;
91. }
93. @Override
94. public Object getItem(int position) {
95. return imagesId[position];
96. }
98. @Override
99. public long getItemId(int position) {
100. return position;
101. }
103. @Override
104. public View getView(int position, View image2, ViewGroup parent) {
105. ImageView image = new ImageView(context2);
106. image.setBackgroundResource(imagesId[position]);
107. /**
108. * setScaleType()可以设置当图片大小和容器大小不匹配时的剪辑模式.
109. * ScaleType.CENTER_INSIDE的意思是，按图片的原比例缩小或者扩大，直到长或者宽中的任何一个顶到容器为止
110. */
111. image.setScaleType(ScaleType.CENTER_INSIDE);
113. return image;
114. }
116. }
117. /**
118. * 当gallery的图像发生变化时，同步ImageSwitcher的变化
119. */
120. @Override
121. public void onItemSelected(AdapterView<?> parent, View view, int position,
122. long id) {
123. imageSwitcher.setImageResource(imagesId[position]);
125. }
127. @Override
128. public void onNothingSelected(AdapterView<?> parent) {
130. }
132. }

package cn.com.chenzheng_java; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.view.Window; import android.view.animation.AnimationUtils; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.Gallery; import android.widget.ImageSwitcher; import android.widget.ImageView; import android.widget.Toast; import android.widget.AdapterView.OnItemSelectedListener; import android.widget.ImageView.ScaleType; import android.widget.ViewSwitcher.ViewFactory; /** * @description 对图片的一个小小展示 * @author chenzheng_java * @since 2011/3/17 * */ public class GalleryActivity extends Activity implements OnItemSelectedListener { int[] imagesId = new int[] { R.drawable.a1, R.drawable.a2, R.drawable.a3, R.drawable.a4 }; int index = R.drawable.a1; ImageSwitcher imageSwitcher; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); /** * 设置窗口无标题栏,一定要在setContentView前进行设置哦 */ requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.gallery); Gallery gallery = (Gallery) findViewById(R.id.gallery1); gallery.setOnItemSelectedListener(this); imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher); imageSwitcher.setVisibility(View.VISIBLE); /*** * setInAnimation可以设置淡入动画 * setOutAnimation可以设置淡出动画 */ imageSwitcher.setInAnimation(AnimationUtils.loadAnimation( getApplicationContext(), android.R.anim.fade_in)); imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation( getApplicationContext(), android.R.anim.fade_out)); imageSwitcher.setFactory(new ViewFactory() { /** * 创建一个新的图片放置到ImageSwitcher上,可以使用其设置背景哦。 * 一般只会在创建时调用一次。相当于为我们创建一个进行动画效果时的一个背景图。 * 此方法亦可以通过setView替代 */ @Override public View makeView() { ImageView imageView = new ImageView(GalleryActivity.this); // 设置截取模式 imageView.setScaleType(ScaleType.CENTER_INSIDE); imageView.setBackgroundResource(R.drawable.ground); Toast.makeText(getApplicationContext(), "执行了一次", Toast.LENGTH_SHORT).show(); return imageView; } }); gallery.setVisibility(View.VISIBLE); gallery.setAdapter(new ImageAdapter(this)); } class ImageAdapter extends BaseAdapter { private Context context2; public ImageAdapter(Context context) { context2 = context; } @Override public int getCount() { return imagesId.length; } @Override public Object getItem(int position) { return imagesId[position]; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View image2, ViewGroup parent) { ImageView image = new ImageView(context2); image.setBackgroundResource(imagesId[position]); /** * setScaleType()可以设置当图片大小和容器大小不匹配时的剪辑模式. * ScaleType.CENTER_INSIDE的意思是，按图片的原比例缩小或者扩大，直到长或者宽中的任何一个顶到容器为止 */ image.setScaleType(ScaleType.CENTER_INSIDE); return image; } } /** * 当gallery的图像发生变化时，同步ImageSwitcher的变化 */ @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { imageSwitcher.setImageResource(imagesId[position]); } @Override public void onNothingSelected(AdapterView<?> parent) { } }

gallery.xml

[xhtml:nogutter:collapse] + expand source view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. android:orientation="vertical"
7. android:gravity="center_horizontal"
8. >
10. <ImageSwitcher
11. android:id="@+id/imageSwitcher"
12. android:layout_height="350dp"
13. android:layout_width="fill_parent"
14. ></ImageSwitcher>
16. <Gallery android:id="@+id/gallery1"
17. android:gravity="center"
18. android:layout_width="70dp"
19. android:layout_height="100dp"></Gallery>
20. </LinearLayout>

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:gravity="center_horizontal" > <ImageSwitcher android:id="@+id/imageSwitcher" android:layout_height="350dp" android:layout_width="fill_parent" ></ImageSwitcher> <Gallery android:id="@+id/gallery1" android:gravity="center" android:layout_width="70dp" android:layout_height="100dp"></Gallery> </LinearLayout>