安卓自动播放的广告

我们在停车场或公交车站有时候会看到LCD屏上面有滚动的广告,他们一般是通过安卓系统实现的。原理就是通过网络接口，或本地查询图片文件又或者直接调用app里的资源文件，通过viewpager加载imagerview,在通过scheduledExecutorService定时器循环播放图片。代码如下：

 private View view;    private ViewPager vp;    private int[] pics = {R.drawable.img1, R.drawable.img2, R.drawable.img3,            R.drawable.img4};//图片集合    private ImageView[] dots;//点的集合    private List<ImageView> list;    private int imgsize;// 整个适配器的总长    private ScheduledExecutorService scheduledExecutorService;// 定时周期执行指定任务    private int currentIndex;// （自动播放时）定时周期要显示的图片的索引（viewpager中的图片位置）    private int dotIndex = 1;// 设置当前点的索引    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,                             Bundle savedInstanceState) {        view = inflater.inflate(R.layout.fragmentimage, container, false);        initView();        return view;    }          private void initView() {        vp = (ViewPager) view.findViewById(R.id.fraImaVp);        initDot();        initViewpage();    }    /*初始化下面的点*/    private void initDot() {        LinearLayout ll = (LinearLayout) view.findViewById(R.id.fraImall);        dots = new ImageView[pics.length];        for (int i = 0; i < pics.length; i++) {            //动态添加滚轮下面的小点            dots[i] = new ImageView(getActivity());            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,                    LinearLayout.LayoutParams.WRAP_CONTENT);            int distance = 9;            params.setMargins(distance, distance, distance, distance);            dots[i].setLayoutParams(params);            dots[i].setImageResource(R.drawable.dot_bg);            ll.addView(dots[i]);        }        dots[0].setPressed(true);    }    /**     * viewpager初始化     */    private void initViewpage() {        scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();        scheduledExecutorService.scheduleWithFixedDelay(new ViewPagerTask(), 6,                6, TimeUnit.SECONDS);// 自动播放        vp.addOnPageChangeListener(pageChangeListener);        list = new ArrayList<>();        for (int i = 0; i < pics.length + 2; i++) {            ImageView imageView = new ImageView(getActivity());            imageView.setScaleType(ImageView.ScaleType.FIT_XY);            list.add(imageView);        }        setImgRes(pics.length + 2);    }    private void setImgRes(int length) {        imgsize = length;        list.get(0).setImageResource(pics[pics.length-1]);        list.get(length-1).setImageResource(pics[pics.length-1]);        for (int i = 0; i < length - 2; i++) {            list.get(i + 1).setImageResource(pics[i]);        }            /*默认选中物理第二张图片*/        vp.setAdapter(new ImageViewAdapter(list));        vp.setCurrentItem(1);    }    ViewPager.OnPageChangeListener pageChangeListener = new ViewPager.OnPageChangeListener() {        @Override        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {            if (positionOffset == 0.0) {                if (position == 0) {                    vp.setCurrentItem(imgsize - 2, false);                } else if (position == imgsize - 1) {                    vp.setCurrentItem(1, false);                }            }        }        @Override        public void onPageSelected(int position) {            currentIndex = position;// 把当前页的索引记住，方便跳转到下一页（这是必须的）            if (currentIndex!=imgsize-1&¤tIndex!=0) {                Logs.d("aaaa  "+currentIndex);                setCurrentDot(currentIndex);            }        }        @Override        public void onPageScrollStateChanged(int state) {        }    };    /**     * 设置当前点的颜色     */    private void setCurrentDot(int currentIndex) {        dots[currentIndex - 1].setPressed(true);        dots[dotIndex].setPressed(false);        dotIndex = currentIndex - 1;    }    /**     * 来定时播放图片的线程     */    private class ViewPagerTask implements Runnable {        @Override        public void run() {            currentIndex++;            handler.obtainMessage().sendToTarget();        }    }    private Handler handler = new Handler() {        public void handleMessage(Message msg) {            // 使viewpager跳转到指定页（true:带有滑动效果）            vp.setCurrentItem(currentIndex, true);        }    };

解析：

SetImageView方法：

* 除去第一个和最后一个imageview，其他的imageview依次设置相应的图片，顺序与imgs里的一样* 最后再把第一个imageview的图片设置为imgs中的最后一张图片* ，把最后一个imageview的图片设置为imgs中的第一张图片（因为向做滑动到第一张时* ，再向左滑动就到了最后一张；向右滑动一样，到了最后一张，再向右滑动就到了第一张）* 比如：要显示的图片为： A B C D四张图片，此时我们要把它们构造成： D {A B C D}A* 中间大括号里的就是要显示的图片，第一个D和最后一个A就是滑动到头时继续再滑动时逻辑上要展示的图片

OnepageListerner监听者：

/** * 监听viewpager的滑动过程，可获取滑动的百分比（arg1）参数。 * 这里判断的方法是：当滑动到第索引为0的那一页时（即：在逻辑上是到了第一张图片，此时viewpager会显示索引为0的那张图片 * （即在视觉效果上是最后一张的图片，因为，第一张过了再向左滑动，就是最后一张 * ）。如果再这里不做相应的处理，再向左滑动就滑不动了，因为已经到了viewpager的第一张 * （索引为0），此时我们就要依靠参数arg1的值来判断是否已经完成了滑动到第一张 * ，当arg1的值为0.0时，即已经滑动完成，此时我们就把viewpager的页面跳转到viewpager的倒数第二张页面上 * ，使用setcurrentItem   D{A B C D}A * （Int,boolean）方法,当Boolean取值为FALSE时，就没有滑动效果，直接跳转过去，由于当前页的图片和要跳转到的页面一样 * ，所以在视觉效果上看不出闪烁 ，这样就很自然的跳转到了倒数第二张，然后继续向左滑动 */

主要布局很简单就是一个viewpager和包装点的LinearLayout.

    <android.support.v4.view.ViewPager        android:id="@+id/fraImaVp"        android:layout_width="match_parent"        android:layout_height="match_parent"/>    <LinearLayout        android:id="@+id/fraImall"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:layout_marginBottom="177dp"        android:orientation="horizontal">    </LinearLayout>

滚轮点的背景R.drawable.dot_bg

其实就是两张图片

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/dot_press" android:state_focused="true"/>    <item android:drawable="@drawable/dot_press" android:state_pressed="true"/>    <item android:drawable="@drawable/dot"/></selector>

效果图