Eg:Gallery与ImageSwitcher结合的图片浏览小程序

原创 2012年03月24日 21:10:11

先来看一下程序运行截图:

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

1.Gallery功能模块的实现:

    1.1.res/layout,相应的xml文件中添加<Gallery/>元素,注意布局文件是相对布局(RelativeLayout)

   

<Gallery
    android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"/>
    1.2.activity中Gallery实例化

Gallery gallery = (Gallery) findViewById(R.id.gallery);
    1.3.为项目添加图片资源(sample_1~sample_7)

   

    1.4.为Gallery定制适配器(adapter)

//定制适配器
    public class ImageAdapter extends BaseAdapter {
        int mGalleryItemBackground;
        private Context mContext;

        private Integer[] mImageIds = {
                R.drawable.sample_1,
                R.drawable.sample_2,
                R.drawable.sample_3,
                R.drawable.sample_4,
                R.drawable.sample_5,
                R.drawable.sample_6,
                R.drawable.sample_7
        };

        public ImageAdapter(Context c) {
            mContext = c;
            TypedArray attr = mContext.obtainStyledAttributes(R.styleable.HelloGallery);
            mGalleryItemBackground = attr.getResourceId(
                    R.styleable.HelloGallery_android_galleryItemBackground, 0);
            attr.recycle();
        }

        public int getCount() {
            return mImageIds.length;
        }

        public Object getItem(int position) {
            return null;
        }

        public long getItemId(int position) {
            return mImageIds[position];
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            ImageView imageView = new ImageView(mContext);

            imageView.setImageResource(mImageIds[position]);
            imageView.setLayoutParams(new Gallery.LayoutParams(150, 100));
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            imageView.setBackgroundResource(mGalleryItemBackground);

            return imageView;
        }
    }

    1.5.为Gallery实例设置适配器

final ImageAdapter myImageAdapter=new ImageAdapter(this);
gallery.setAdapter(myImageAdapter);

2.ImageSwitcher功能模块的实现:

    2.1.为activity添加(实现)ViewFactory接口

public class Ch04_GalleryWithImageSwitcherActivity extends Activity implements ViewFactory{...}
    2.2.实现该接口的函数(该函数用来创建View并返回给ImageSwitcher实例)
   /**   
     * override for ViewSwitcher.ViewFactory#makeView()
     */
	@Override
	public View makeView() {
		// TODO Auto-generated method stub
		ImageView tmp_imageView=new ImageView(this);
		tmp_imageView.setBackgroundColor(0xff0000);
		tmp_imageView.setScaleType(ImageView.ScaleType.FIT_XY);
		tmp_imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
		return tmp_imageView;
	}
    2.3.res/layout,<Gallery/>标签所在的布局文件xml中添加<ImageSwitcher/>,注意<ImageSwitcher>标签一定要在<Gallery/>标签前面

<ImageSwitcher android:id="@+id/switcher"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
    />

    2.2.ImageSwitcher实例化,并进行动态设置

        //ImageSwitcher
        mSwitcher=(ImageSwitcher)findViewById(R.id.switcher);
        mSwitcher.setFactory(this);
        //设置动态效果
        mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,android.R.anim.slide_in_left));
        mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,android.R.anim.slide_out_right));

3.将两者结合起来(通过给Gallery设置监听器,并在监听器中调用ImageSwitcher实例的setImageResource()函数):

   

        mSwitcher.setImageResource((int) myImageAdapter.getItemId(0));  //为ImageSwitcher设置默认图片
        gallery.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
                Toast.makeText(Ch04_GalleryWithImageSwitcherActivity.this, "" + position, Toast.LENGTH_SHORT).show();
                mSwitcher.setImageResource((int) myImageAdapter.getItemId(position));
            }
        });
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////本文涉及资源:

   1.本文对应实例源代码

相关文章推荐

微信小程序Demo组件大全(对话框、指示器、五星评分,画廊,影院座位……

微信小程序 - 自定义组件预览 用微信web开发者工具打开src目录(请注意,是src目录,不是整个项目) 使用 组件的wxml结构请看src/components/下的...

Gallery和imageSwitcher结合使用浏览图片(简单图片浏览器)

效果如下图,点击小图显示大图: activity_image_switcher_and_gallery.xml中的代码如下: ...

android之查看图片的程序 ImageSwitcher Gallery的配合应用---版本2

示意图:其实效果图还是一样的,只不过这里添加了这么以下几个功能:第一:下方图片的自适应长宽(在保证长宽比例的情况下哦)第二:触摸大图同样可以进行图片切换(没有机器,没法测试,但是基本的思路还是正确的)...

android之查看图片的程序 ImageSwitcher Gallery的配合应用---版本1

最终效果图:当我们在最下边的gallery中切换图片时,上面的大图片会自动切换,切换时有动画效果哦,很简单的一个程序,有待完善更多的功能!activity代码:package cn.com.chenz...

Android中ImageSwitcher结合Gallery展示SD卡中的资源图片

本文主要是写关于ImageSwitcher结合Gallery组件如何展示SDCard中的资源图片,相信大家都看过API Demo 中也有关于这个例子的,但API Demo 中的例子是展示工程中Draw...

ImageSwitcher结合Gallery展示SD卡中的资源图片

package com.andyidea.imagedemo; import java.io.File; import java.util.ArrayList; import java.ut...

Android中ImageSwitcher结合Gallery展示SD卡中的资源图片

本文主要是写关于ImageSwitcher结合Gallery组件如何展示SDCard中的资源图片,相信大家都看过API Demo 中也有关于这个例子的,但API Demo 中的例子是展示工程中Draw...
  • cjjky
  • cjjky
  • 2012年04月22日 13:04
  • 14088

(简单图片浏览器)imageSwitcher与gallery结合应用

本文来自http://blog.csdn.net/hellogv/ ,引用必须注明出处!        上次讲了如何使用Gallery控件,这次就讲Gallery 与ImageSwitcher的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Eg:Gallery与ImageSwitcher结合的图片浏览小程序
举报原因:
原因补充:

(最多只允许输入30个字)