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

最终效果图：

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

activity代码：

[java:nogutter] view plaincopyprint?

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 GalleryActivityextends 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 ImageAdapterextends 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;@Overrideprotected 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替代 */@Overridepublic 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;}@Overridepublic int getCount() {return imagesId.length;}@Overridepublic Object getItem(int position) {return imagesId[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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的变化 */@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position,long id) {imageSwitcher.setImageResource(imagesId[position]);}@Overridepublic void onNothingSelected(AdapterView<?> parent) {}}

gallery.xml

[xhtml:nogutter:collapse] + expand sourceview plaincopyprint?

1. <?xmlversion="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. <Galleryandroid: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>