Android使用gallery和imageSwitch制作可左右循环滑动的图片浏览器

Ethel ·

更新时间:2024-11-15

· 815 次阅读

效果图：

为了使图片浏览器左右无限循环滑动我们要自定义gallery的adapter

如果要想自定义adapter首先要了解这几个方法


@Override 
 public int getCount() { 
  // TODO Auto-generated method stub 
  return 0; 
 } 
 @Override 
 public Object getItem(int position) { 
  // TODO Auto-generated method stub 
  return null; 
 } 
 @Override 
 public long getItemId(int position) { 
  // TODO Auto-generated method stub 
  return 0; 
 } 
 @Override 
 public View getView(int position, View convertView, ViewGroup parent) { 
  // TODO Auto-generated method stub 
  return null; 
 }

其中getCount方法是返回数据源的数量

getItem方法返回的是一个object对象也就是返回目前容器中数据ID position所对应的对象

getItemId 返回目前容器中的数据ID

getView取得目前要显示的View

如果要实现左右循环滑动首先我们要返回数据源的数量为最大值然后把所有数据的ID对原本数据源的数量取余最后设置gallery初始的位置在0-最大值的中间即可

更改后的adapter就是这样


package com.example.imageswitcher; 
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 MyAdapter extends BaseAdapter{ 
 private int id_image[]; 
 private Context contex; 
 public MyAdapter(Context contex,int id_image[]) { 
  this.contex=contex; 
  this.id_image=id_image; 
 } 
 @Override 
 public int getCount() { 
  // TODO Auto-generated method stub 
  return Integer.MAX_VALUE; 
 } 
 @Override 
 public Object getItem(int position) { 
  // TODO Auto-generated method stub 
  return id_image[position%id_image.length]; 
 } 
 @Override 
 public long getItemId(int position) { 
  // TODO Auto-generated method stub 
  return position%id_image.length; 
 } 
 @Override 
 public View getView(int position, View convertView, ViewGroup parent) { 
  // TODO Auto-generated method stub 
  ImageView imageView=new ImageView(contex); 
  imageView.setBackgroundResource(id_image[position%id_image.length]); 
  imageView.setLayoutParams(new Gallery.LayoutParams(250, 200)); 
  imageView.setScaleType(ScaleType.FIT_XY); 
  return imageView; 
 } 
}

MainActivity


package com.example.imageswitcher; 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.LayoutInflater.Factory; 
import android.view.Menu; 
import android.view.View; 
import android.view.Window; 
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.ViewSwitcher.ViewFactory; 
public class MainActivity extends Activity implements OnItemSelectedListener,ViewFactory{ 
 private ImageSwitcher imageSwitcher; 
 private Gallery gallery; 
 private int id_image[] = { R.drawable.beauty1, R.drawable.beauty2, 
   R.drawable.beauty3, R.drawable.beauty4, R.drawable.beauty5, 
   R.drawable.beauty6, R.drawable.beauty7, R.drawable.beauty8, 
   R.drawable.beauty9}; 
 private MyAdapter myAdapter; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  requestWindowFeature(Window.FEATURE_NO_TITLE); 
  setContentView(R.layout.activity_main); 
  gallery = (Gallery) findViewById(R.id.id_gallery); 
  imageSwitcher = (ImageSwitcher) findViewById(R.id.id_imageSwitcher); 
  myAdapter=new MyAdapter(this, id_image); 
  imageSwitcher.setFactory(this); 
  gallery.setOnItemSelectedListener(this); 
  //设置淡入淡出效果 
  imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in)); 
  imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out)); 
  gallery.setAdapter(myAdapter); 
  //一定不要忘记 设置gallery的初始位置为中间即可 
  gallery.setSelection(id_image.length*100); 
 } 
 @Override 
 public void onItemSelected(AdapterView<?> parent, View view, int position, 
   long id) { 
  // TODO Auto-generated method stub 
  imageSwitcher.setBackgroundResource(id_image[position%id_image.length]); 
 } 
 @Override 
 public void onNothingSelected(AdapterView<?> parent) { 
  // TODO Auto-generated method stub 
 } 
 @Override 
 public View makeView() { 
  // TODO Auto-generated method stub 
  ImageView image=new ImageView(this); 
  image.setScaleType(ScaleType.FIT_CENTER); 
  return image; 
 } 
}

您可能感兴趣的文章:Android实现图片浏览器示例Android编程实现的超炫图片浏览器Android应用中图片浏览时实现自动切换功能的方法详解Android实现网络图片浏览器Android WebView中图片浏览及缩放效果Android实现ImageView图片双击放大及缩小Android实现图片反转、翻转、旋转、放大和缩小Android实现手势滑动多点触摸放大缩小图片效果Android多点触控实现对图片放大缩小平移，惯性滑动等功能Android中imageView图片放大缩小及旋转功能示例代码Android开发实现的图片浏览功能示例【放大图片】

浏览器循环图片 gallery Android

1024 个赞