Android Gallery和ImageSwitcher同步自动(滚动)播放图片库

本文主要内容是如何让Gallery和ImageSwitcher控件能够同步自动播放图片集 ，看起来较难，然而，实现的方法非常简单，

请跟我慢慢来。总的来说，本文要实现的效果如下图：(截图效果不怎么好)

本文是建立在以下两篇bolg上的：

     1、Android入门第十二篇之Gallery

                 2、Android 控件之ImageSwitcher图片切换器

如果对Gallery和ImageSwitcher控件不是很熟悉的同学，建议先过去看看，本文并没有怎么讲述控件的使用方法，而是在使用

基础上，搭建我们的技巧。

接下来，温习巩固这两个控件的知识点，有个知识性的储备。

 一、  Gallery的监听事件

Gallery的两个重要监听事件如下：

1、OnItemClickListener 监听事件

说明：当Gallery中的Item处于选中状态并且被点击触发该事件  ；

其监听方法为：

 public voidonItemClick(AdapterView<?> parent, View view, int position, long id)

2、OnItemSelectedListener  监听事件

说明：当Gallery中的Item处于选中状态时触发该事件

其监听方法为：

                        public voidonItemSelected(AdapterView<?> parent, View view, int position, long id)

说明：当Gallery中的Item处于选中状态时触发该事件

  public void  onNothingSelected(AdapterView<?> parent)

说明：当控件没有任何一项item选中时，触发该方法

   两种监听事件的区别在于,Item被选中(selected)的由来。其由来有两种：

                     1、鼠标点击(click)了Item (先click)，然后该项selected ；

                     2、代码设置某项Item 选中，例如setSelection(int position)(具体使用见下文) ，然后该项selected .

在情形1时，首先触发OnItemClickListener(先click)，接着便是OnItemSelectedListener监听(因为item selected)。当某个Item

处于选中状态时，如果它是由情形2而来，就不会触发OnItemClickListener监听(没有click)，只会触发OnItemSelectedListener监听

(只是selected)。

二、Gallery的setSelection()方法

方法原型： public void setSelection (int position)

说明：使第position处于选中状态。同时触发OnItemSelectedListener监听事件。

PS: 在listView控件中也存在setSelection()是让该行处于屏幕可见状态，不需要手动滑动定位。第一次进入界面时，

默认显示第一行，于是乎，我们可以手动设置该方法，ListView在显示时，便可主动定位该item了。

准备材料已经上齐，相信通过前面的介绍，您一定对Gallery和ImageSwitcher控件很熟悉了，下面准备大餐！

步骤一：开启一个线程，循环遍历图片集的资源id，并且将id发送至Hanlder对象。

步骤二：Handler接受到当前图片资源的ID，调用setSelection (id)选中它(该Item selected)，继而setSelection()

触发OnItemSelectedListener 事件，执行目标方法，这样我们的目的就达到了。

下面，给出该Demo，希望能帮助大家更好的理解。

   1 、 布局文件 main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:text="@string/hello" />
    <ImageSwitcher android:id="@+id/myimgSwitcher" android:layout_gravity="center"
        android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="20dip"></ImageSwitcher>
    <Gallery android:id="@+id/mygallery" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:background="#8A2BE2"></Gallery>
</LinearLayout>

  2 、主文件 MainActivity.Java

package com.lover.qinjun;

import java.lang.reflect.Field;
import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ViewSwitcher.ViewFactory;

public class MainActivity extends Activity implements ViewFactory {
    private static String TAG = "Gallery_Auto";
    private static int MSG_UPDATE = 1;

    private int count_drawble = 0;
    private int cur_index = 0;
    private boolean isalive = true; 、//线程循环运行的条件
    private ImageSwitcher imgSwitcher;
    private Gallery mgallery;
    // 为Gallery控件设置Adapter
    private ImageAdapter imgAdapter = null;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        imgSwitcher = (ImageSwitcher) findViewById(R.id.myimgSwitcher);
        mgallery = (Gallery) findViewById(R.id.mygallery);
        mgallery.setSpacing(3); //设置图片之间的间隔，如果不加设置 ，图片会叠加。设置为0，表示图片之间无间缝。
        // 设置监听事件 --->当Gallery中的Item处于选中并且被点击触发该事件
        mgallery.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View view,
                    int position, long arg3) {
                System.out.println("setOnItemClickListener");
//                imgSwitcher.setBackgroundResource(imgAdapter.getResId(position));
            }
        });
        //当Gallery中的Item处于选中并且被点击触发该事件   ，在该监听事件中，保证图片播放的同步性
        mgallery.setOnItemSelectedListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> arg0, View view,
                    int position, long arg3) {
                 System.out.println("setOnItemSelectedListener");
                 //这儿不能通过setImageResource()设置图片
                 imgSwitcher.setBackgroundResource(imgAdapter.getResId(position));
            }
            @Override
            public void onNothingSelected(AdapterView<?> arg0) {

            }
        });
        //构建适配器，并且分配
        imgAdapter = new ImageAdapter(this);
        mgallery.setAdapter(imgAdapter);
        count_drawble = imgAdapter.getCount();

        // 利用线程来更新 当前欲显示的图片id， 调用handler来选中当前图片
        new Thread(new Runnable() {
            @Override
            public void run() {
                // TODO Auto-generated method stub
                while (isalive) {
                    cur_index = cur_index % count_drawble;  // 图片区间[0,count_drawable)
                    Log.i(TAG, "cur_index"+ cur_index +" count_drawble --"+ count_drawble);
                    //msg.arg1 = cur_index
                    Message msg = mhandler.obtainMessage(MSG_UPDATE, cur_index,    0);
                    mhandler.sendMessage(msg);
                    //更新时间间隔为 2s
                    try {
                        Thread.sleep(2000);
                    } catch (InterruptedException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                    cur_index++;  //放置在Thread.sleep(2000) ；防止mhandler处理消息的同步性，导致cur_index>=count_drawble
                }
            }
        }).start();
    }
    //通过handler来更新主界面  mgallery.setSelection(positon),选中第position的图片，然后调用OnItemSelectedListener监听改变图像
    private Handler mhandler = new Handler() {
        public void handleMessage(Message msg) {
            if (msg.what == MSG_UPDATE) {
                Log.i(TAG, "cur_index"+ cur_index);
                mgallery.setSelection(msg.arg1);
                //UI Thread直接更改图片 ，不利用Gallery.OnItemSelectedListener监听更改
                //imgSwitcher.setBackgroundResource(imgAdapter.getResId(msg.arg1));
            }
        }
    };

    public void onDestroy() {
        super.onDestroy();
        isalive = false;
    }

    @Override
    public View makeView() {   //ImageSwitcher的ViewFactory方法
        // TODO Auto-generated method stub
        ImageView img = new ImageView(this);
        return img;
    }

    // 为Gallery控件提供适配器的类
    class ImageAdapter extends BaseAdapter {
        private Context mcontext;
        private ArrayList<Integer> residList = new ArrayList<Integer>(); // 通过放射机制保存所有图片的id

        public ImageAdapter(Context context) {
            mcontext = context;
            // 反射的可重用性更好
            // R.id在R文件中本质上是一个类，我们通过这个R.id.class.getClass().getDeclaredFields()可以找到它的所有属性
            Field[] residFields = R.drawable.class.getDeclaredFields();
            for (Field residField : residFields) {
                // 例如： public static final int icon=0x7f020000;
                // 它的Field表示为 : name= icon ; field.getInt() = 0x7f020000
                if (!"icon".equals(residField.getName())) {
                    int resid;
                    try {
                        resid = residField.getInt(null);// 找到该属性的值
                        residList.add(resid);
                    } catch (IllegalArgumentException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    } catch (IllegalAccessException e) {
                        // TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                }
            }
        }

        @Override
        public int getCount() {
            Log.e(TAG, " " + residList.size());
            return residList.size();
        }

        @Override
        public Object getItem(int position) {
            return residList.get(position);
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }
        //得到该图片的res id
        public int getResId(int position) {
            return residList.get(position);
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ImageView img;
            if (convertView == null) {
                img = new ImageView(mcontext);
                img.setScaleType(ImageView.ScaleType.FIT_XY);
                img.setLayoutParams(new Gallery.LayoutParams(100, 100)); // 图片显示宽和长
                img.setImageResource(residList.get(position));
            } else {
                img = (ImageView) convertView;
            }
            return img;
        }

    }
}

 主要的工程逻辑如上 ，由于采用了放射机制，直接添加图片资源便可成功运行了。

 本文源代码地址为：http://download.csdn.net/detail/qinjuning/3888134

时间： 2024-07-28 15:04:54

Android Gallery和ImageSwitcher同步自动(滚动)播放图片库的相关文章

Android中Gallery和ImageSwitcher同步自动(滚动)播放图片库

本文主要内容是如何让Gallery和ImageSwitcher控件能够同步自动播放图片集 ,看起来较难,然而,实现的方法非常简单, 请跟我慢慢来.总的来说,本文要实现的效果如下图:(截图效果不怎么好) 本文是建立在以下两篇bolg上的:      1.Android入门第十二篇之Gallery                  2.Android 控件之ImageSwitcher图片切换器 如果对Gallery和ImageSwitcher控件不是很熟悉的同学,建议先过去看看,本文并没有怎么讲述控

Android开发之实现图片自动滚动显示标签的ViewPager

Android中实现图片自动滚动的效果非常的常见,我们可以自己动画去实现功能.但是在Android中提供了一个ViewPager类,实现了滚动效果,在Android的extras目录下android-support-vx.jar中,x代表版本4,7等等.使用时我们需要android.support.v4.view.ViewPager的viewPager标签. 博客来源:http://blog.csdn.net/fengshizty 代码非常的简单,不用解释: xml布局文件如下: <Relati

自动轮播，类似字幕或图片自动滚动播放

功能:ListView没隔一段时间自动滚动一段距离,当滚动到底部时,又从头开始显示,类似于原始数据为0123,而滚动起来则是012301230123...一直重复显示,这样就达到了信息轮播的功能. 本功能采用扩展ListView来实现的, public class AutoCircleScrollListview extends ListView implements OnScrollListener{ public final static int REFRESH_TIMES=1000;//滚

图片自动滚动，循环播放Android auto-scroll-view-pager（转载）

详细可看: http://uisource.com/project/auto-scroll-view-pager/ 示例代码可看: https://github.com/Trinea/android-demo/blob/master/src/cn/trinea/android/demo/AutoScrollViewPagerDemo.java 使用: 1.引入library 2.调用: ①布局定义 <cn.trinea.android.view.autoscrollviewpager.AutoS

Android攻城狮Gallery和ImageSwitcher制作图片浏览器

使用Gallery 和 ImageSwitcher 制作图片浏览器 Gallery介绍 我们有时候在手机上或者PC上看到动态的图片,可以通过鼠标或者手指触摸来移动它,产生动态的图片滚动效果,还可以根据你的点击或者触摸来触发其他事件响应.同样的,在Android中也提供这种实现,这就是通过Gallery在UI上实现缩略图浏览器. ------------------------- 谷歌已经将Gallery列为过期的控件,建议使用HorizonScrollView或者ViewPager. -----

android实现滚动播放

做了几个项目,一直有滚动播放的需求,也就是轮播.代码重复写时一定需要将其抽象,于是将轮播单独抽取出来,做成了一个库,可以直接引用.可以控制是否循环,是否轮播,轮播间隔时间,事件监听等操作,将它放在了github上.https://github.com/androiddevelop/CycleViewPager 做一下简单的介绍: CycleViewPager 系统要求 android 4.0以上 快速使用 1. 导入CycleViewPager项目:该项目是一个库,在对应项目的java buil

Android自动滚动 轮播循环的ViewPager

主要介绍如何实现ViewPager自动播放,循环滚动的效果及使用.顺便解决ViewPager嵌套(ViewPager inside ViewPager)影响触摸滑动及ViewPager滑动速度设置问题. 项目已开源Android Auto Scroll [email protected],欢迎star和fork. 示例APK可从这些地址下载:Google Play,  360手机助手,  百度手机助手,  小米应用商店,  豌豆荚 示例代码地址见AutoScrollViewPagerDemo,效

解决Android中,禁止ScrollView内的控件改变之后自动滚动

问题: 最近在写一个程序界面,有一个scrollVIew,其中有一段内容是需要在线加载的. 当内容加载完成后,ScrollView中内容的长度会发生改变,这时ScrollView会自动下滚,如下图所示: 滚动的那一下体验特别不好,所以要防止这种情况.即不论Scrollview中内容如何,都要保持在最上. 解决办法: 先简单写一下我的xml文件的结构: [html] view plaincopy <ScrollView android:id="@+id/scrollView1" a

Android文字跑马灯控件（文本自动滚动控件）

最近在开发一个应用,需要用到文本的跑马灯效果,图省事,在网上找,但老半天都找不到,后来自己写了一个,很简单,代码如下: import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.os.Parcel; import android.os.Parcelable; import android.util.AttributeSet; impor