使用ImageSwitcher+Graller实现简单的幻灯式图片浏览器
jopen
8年前
实现效果如图:
布局文件中只需要一个拖切换器和画廊视图显示列表图片.
<LinearLayout 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:orientation="vertical" > <ImageSwitcher android:id="@+id/image_switcher" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:paddingTop="30px" /> <Gallery android:id="@+id/gallery" android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingTop="30px" android:spacing="5px" /> </LinearLayout>
ImageSwitcher:
ImageSwitcher imageSwitcher = (ImageSwitcher)findViewById(R.id.image_switcher);
设置ViewFactory接口：
// 设置ViewFactory接口 imageSwitcher.setFactory(new ViewFactory() { @Override public View makeView() { ImageView iv = new ImageView(MainActivity.this); iv.setScaleType(ImageView.ScaleType.FIT_CENTER); iv.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)); return iv; } }); 设置图片切换器的动画效果
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in)); // 设置淡入效果 imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out)); // 设置淡出效果
Grallery-画廊视图
Gallery gallery = (Gallery)findViewById(R.id.gallery);
设置Grallery关联的适配器：
gallery.setAdapter(new BaseAdapter() { @Override public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView; if(convertView == null){ imageView = new ImageView(MainActivity.this); imageView.setScaleType(ImageView.ScaleType.FIT_XY); imageView.setLayoutParams(new Gallery.LayoutParams(180,135)); TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery); imageView.setBackgroundResource(typedArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0)); imageView.setPadding(5, 0, 5, 0); }else { imageView = (ImageView)convertView; } imageView.setImageResource(imageld[position]); // imageld 是一个int[]{} 里面包含了所显示的图片ID => private int imageld[] = new int[] { R.drawable.img01, R.drawable.img02.....} return imageView; } @Override public long getItemId(int position) { return position; } @Override public Object getItem(int position) { return position; } @Override public int getCount() { return imageld.length; } }); 设置监听事件:
gallery.setOnItemSelectedListener(new OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> arg0, View arg1, int postion, long arg3) { imageSwitcher.setImageResource(imageld[postion]); // 根据图片索引获取图片ID，并设置给ImageSwitcher } @Override public void onNothingSelected(AdapterView<?> arg0) { } });