1、介绍
Gallery:我们有时候在手机或者PC上看到图片,可以通过鼠标或手指触摸来移动它,产生动态的图片滚动效果,还可以根据你的点击或者触摸触发其它事件响应。同样的,在Android中也提供这种实现,这就是通过Gallery在UI上实现缩略图浏览器。
ImageSwitcher:ImageSwitcher和ImageView的功能有些类似,它们都可以用于显示图片,区别在于ImageSwitcher的效果更炫,它可以指定图片切换时的动画效果。
2、应用:
MainActivity.java文件:
package com.example.myandroidgalleryandimageswitcher;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.SimpleAdapter;
import android.widget.ViewSwitcher.ViewFactory;
//4.1、实现监听器接口OnItemSelectedListener
//5.3、实现加载图片的接口ViewFactory
public class MainActivity extends Activity implements OnItemSelectedListener,ViewFactory{
//第一步、准备数据源
//1.1、声明数组用于存放图片资源、
private int[]res={R.drawable.item1,R.drawable.item2,R.drawable.item3,
R.drawable.item4,R.drawable.item5,R.drawable.item6,
R.drawable.item7,R.drawable.item8,R.drawable.item9,
R.drawable.item10,R.drawable.item11,R.drawable.item12};
//1.2、在布局文件中添加Gallery控件
//1.3、定义Gallery变量,在Android4.1版本之后,Gallery已经过期不推荐使用,
//但是由于Android的向下兼容,我们可以勉强使用
private Gallery gallery;
//第二步、设置适配器,因为SimpleAdapter和ArrayAdapter都是继承自BaseAdapter
//为了让Adapter的灵活性更大,我们这里自己定义一个继承自BaseAdapter的适配器
//2.1、创建并编辑ImageAdapter.java文件
//2.5、声明自定义的适配器ImageAdapter
private ImageAdapter adapter;
//5.2、声明ImageSwitcher
private ImageSwitcher is;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//1.4、初始化Gallery
gallery=(Gallery) findViewById(R.id.gallery);
//2.6、实例化适配器
adapter=new ImageAdapter(res, this);
//2.7、gallery加载适配器
gallery.setAdapter(adapter);
//4.2、实现监听器接口
gallery.setOnItemSelectedListener(this);
//5.3、初始化ImageSwitcher
is=(ImageSwitcher) findViewById(R.id.is);
//5.5、加载ImageFactory
is.setFactory(this);
//5.8、设置ImageSwitcher的动画效果
is.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
is.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
//第三步、目前为止的效果是只能展示到最后一张图而不能循环播放。我们让它循环播放
//3.1修改ImageAdapter.java文件
//第四步、设置监听器
//第五步、使用ImageSwitcher将大图显示出来
//5.1、修改activity_main.xml文件,吧ImageSwitcher布局文件定义出来
}
//4.3、把当前显示的图片传递进来
@Override
public void onItemSelected(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub
//image.setBackgroundResource(res[position%res.length]);
//5.7、ImageSwitcher加载对应的图像资源
is.setBackgroundResource(res[position%res.length]);
}
@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub
}
//5.4、实现未实现的方法
@Override
public View makeView() {
// TODO Auto-generated method stub
ImageView imageView=new ImageView(this);
//5.6、设置缩放模式、居中显示
imageView.setScaleType(ScaleType.FIT_CENTER);
return imageView;
}
}
ImageAdapter.java文件
package com.example.myandroidgalleryandimageswitcher;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
public class ImageAdapter extends BaseAdapter{
//数据源数组
private int []res;
//上下文
private Context context;
//2.2加载数据源
public ImageAdapter(int []res,Context context){
this.res=res;
this.context=context;
}
//2.3返回数据源的数量
@Override
public int getCount() {
// TODO Auto-generated method stub
//return res.length;
//3.2、因为我们希望它能无限制的循环下去,那么这里返回的就不能是数据源的大小,而应该是一个足够大的整数,至少要保证无法达到最大值
return Integer.MAX_VALUE;
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return res[position];
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
//2.4、确定每一个Item对应的View对象
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
ImageView image=new ImageView(context);
//加载对应的图像资源
//image.setBackgroundResource(res[position]);
//3.3、这里加载图片资源的参数也应该改为对应的数与数组长度的取余而不应该是单纯的数组长度了
image.setBackgroundResource(res[position%res.length]);
//设置宽高信息
image.setLayoutParams(new Gallery.LayoutParams(200, 150));
//设置缩放模式,为了满足4:3的比例做横向纵向拉伸
image.setScaleType(ScaleType.FIT_XY);
return null;
}
}
activity_main.xml文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Gallery
android:id="@+id/gallery"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<ImageSwitcher
android:id="@+id/is"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
</ImageSwitcher>
</RelativeLayout>
3、补充
BaseAdapter是ArrayAdapter和SimpleAdapter的父类,因此,它也是功能更强大,使用更灵活的适配器,我们在案例中第一的ImageAdapter就是集成BaseAdapter(以BaseAdapter为父类)来完成的。
BaseAdapter中的重要方法:
a、public int getCount() 返回已定义的数据源的总数量
b、public Object getItem(int position)
public long getItemId(int position)
告诉适配器取得目前容器中的数据ID和对象
c、public View getView(int position,View convertView,ViewGroup parent)
取得目前欲显示的图像View,传入数组ID值使之读取与成像
ViewFactory的使用
ImageSwitcher粗略的理解就是ImageView的选择器,它需要设置ViewFactory。一般情况下,我们让该ViewFactory的makeView()方法返回ImageView。