Android实用笔记——使用Gallery和ImageSwitcher制作图片浏览器

最新推荐文章于 2021-06-01 04:02:07 发布

weixin_34342992

最新推荐文章于 2021-06-01 04:02:07 发布

阅读量153

点赞数

文章标签：移动开发 java python

原文链接：https://my.oschina.net/CoderBleak/blog/726112

版权

2019独角兽企业重金招聘Python工程师标准>>>

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>