首页 > 系统 > Android > 正文

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

2019-12-12 03:11:22
字体:
来源:转载
供稿:网友

效果图:

为了使图片浏览器左右无限循环滑动 我们要自定义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;  } } 

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持武林网!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表