自定义banner，兼容大部分情况。

这是一个可以无限滚动的顶部公告。

Java代码RollAdvertise.jave：

package com.example.jun.testmybanner.fragment;

import android.content.Context;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Interpolator;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Scroller;

import com.example.jun.testmybanner.R;
import com.facebook.drawee.view.SimpleDraweeView;

import java.lang.reflect.Field;
import java.util.Timer;
import java.util.TimerTask;

public class RollAdvertise extends Fragment implements ViewPager.OnPageChangeListener {
    private View mLayoutView;
    private ViewPager viewPager;
    private ViewGroup group;

    private String[] urlArray;    //所有的图片资源的URL
    private SimpleDraweeView[] sdvArray;  //装所有图片的
    private ImageView[] tipsArray;  //装点点的ImageView数组
    private String[] webViewUrlArray;   //点击item后进入的webview
    private int arrNum = 0;
    private int focusedId = 0;
    private int unfocusedId = 0;
    private int animationTime = 500;       //动画的时间
    private int intervalTime = 2000;        //动画时间与间隔的时间一起的时间
    private Handler handler = null;
    private Timer timer = null;
    private TimerTask task = null;
    private Field field = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mLayoutView = inflater.inflate(R.layout.fragment_roll_advertise, container, false);
        initData();
        return mLayoutView;
    }

    @Override
    public void onPause() {
        super.onPause();
    }

    public void setAllUrl(String[] urlArray, String[] webViewUrlArray, int focused, int unfocused) {
        this.urlArray = urlArray;
        arrNum = this.urlArray.length;

        if (webViewUrlArray != null && webViewUrlArray.length != 0) {
            if (webViewUrlArray.length == 1) {
                this.webViewUrlArray = new String[4];
                this.webViewUrlArray[0] = webViewUrlArray[0];
                this.webViewUrlArray[1] = webViewUrlArray[0];
                this.webViewUrlArray[2] = webViewUrlArray[0];
                this.webViewUrlArray[3] = webViewUrlArray[0];
            } else if (webViewUrlArray.length == 2) {
                this.webViewUrlArray = new String[4];
                this.webViewUrlArray[0] = webViewUrlArray[0];
                this.webViewUrlArray[1] = webViewUrlArray[1];
                this.webViewUrlArray[2] = webViewUrlArray[0];
                this.webViewUrlArray[3] = webViewUrlArray[1];
            } else {
                this.webViewUrlArray = webViewUrlArray;
            }
        }

        focusedId = focused;
        unfocusedId = unfocused;

        initRoll();
        startTimer();       //启动动画
    }

    public void initRoll() {
        if (urlArray.length == 0 || focusedId == 0 | unfocusedId == 0) {
            return;
        }

        //将点点加入到ViewGroup中
        tipsArray = new ImageView[arrNum];
        for (int i = 0; i < tipsArray.length; i++) {
            ImageView imageView = new ImageView(getActivity());
            imageView.setLayoutParams(new ViewGroup.LayoutParams(10, 10));
            tipsArray[i] = imageView;
            if (i == 0) {
                tipsArray[i].setBackgroundResource(focusedId);
            } else {
                tipsArray[i].setBackgroundResource(unfocusedId);
            }

            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT));
            layoutParams.leftMargin = 5;
            layoutParams.rightMargin = 5;
            group.addView(imageView, layoutParams);
        }

        //将图片装载到数组中
        if (arrNum == 1) {
            sdvArray = new SimpleDraweeView[4];
            for (int i = 0; i < sdvArray.length; i++) {
                SimpleDraweeView sdv = new SimpleDraweeView(getActivity());
                sdvArray[i] = sdv;
                sdv.setImageURI(Uri.parse(urlArray[0]));
            }
        } else if (arrNum == 2) {
            sdvArray = new SimpleDraweeView[4];
            for (int i = 0; i < sdvArray.length; i++) {
                SimpleDraweeView sdv = new SimpleDraweeView(getActivity());
                sdvArray[i] = sdv;
                sdv.setImageURI(Uri.parse(urlArray[i % 2]));
            }
        } else {
            sdvArray = new SimpleDraweeView[arrNum];
            for (int i = 0; i < sdvArray.length; i++) {
                SimpleDraweeView sdv = new SimpleDraweeView(getActivity());
                sdvArray[i] = sdv;
                sdv.setImageURI(Uri.parse(urlArray[i]));
            }
        }

        for (int i = 0; i < sdvArray.length; i++) {
            sdvArray[i].setId(i);
            sdvArray[i].setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Log.d("kk", v.getId() + "");
                }
            });
        }

        //设置Adapter
        viewPager.setAdapter(new MyAdapter());
        //设置监听，主要是设置点点的背景
        viewPager.setOnPageChangeListener(this);
        //设置ViewPager的默认项, 设置为长度的100倍，这样子开始就能往左滑动
        viewPager.setCurrentItem((sdvArray.length) * 100);

        try {
            field = ViewPager.class.getDeclaredField("mScroller");
            field.setAccessible(true);
            FixedSpeedScroller scroller = new FixedSpeedScroller(viewPager.getContext(),
                    new AccelerateInterpolator());
            field.set(viewPager, scroller);
            scroller.setmDuration(animationTime);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private void initData() {
        group = (ViewGroup) mLayoutView.findViewById(R.id.viewGroup);
        viewPager = (ViewPager) mLayoutView.findViewById(R.id.viewPager);

        handler = new Handler() {
            public void handleMessage(Message msg) {
                if (msg.what == 1) {
                    try {
                        viewPager.setCurrentItem((viewPager.getCurrentItem() + 1), true);
                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }
                super.handleMessage(msg);
            }
        };

        viewPager.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                    case MotionEvent.ACTION_MOVE:
                        stopTimer();        //暂停动画
                        break;
                    case MotionEvent.ACTION_CANCEL:
                    case MotionEvent.ACTION_UP:
                        startTimer();       //启动动画
                        break;
                }
                return false;
            }
        });
    }

    public class MyAdapter extends PagerAdapter {
        @Override
        public int getCount() {
            return Integer.MAX_VALUE;
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

        @Override
        public void destroyItem(View container, int position, Object object) {
            ((ViewPager) container).removeView(sdvArray[position % sdvArray.length]);
        }

        /**
         * 载入图片进去，用当前的position 除以 图片数组长度取余数是关键
         */
        @Override
        public Object instantiateItem(View container, int position) {
            try {
                ((ViewPager) container).addView(sdvArray[position % sdvArray.length], 0);
            } catch (Exception e) {
                e.printStackTrace();
            }

            return sdvArray[position % sdvArray.length];
        }
    }


    @Override
    public void onPageScrollStateChanged(int arg0) {

    }

    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {

    }

    @Override
    public void onPageSelected(int arg0) {
        setImageBackground(arg0 % arrNum);
    }

    /**
     * 设置选中的tip的背景
     *
     * @param selectItems
     */
    private void setImageBackground(int selectItems) {
        for (int i = 0; i < tipsArray.length; i++) {
            if (i == selectItems) {
                tipsArray[i].setBackgroundResource(focusedId);
            } else {
                tipsArray[i].setBackgroundResource(unfocusedId);
            }
        }
    }

    public class FixedSpeedScroller extends Scroller {
        private int mDuration = 1500;

        public FixedSpeedScroller(Context context) {
            super(context);
        }

        public FixedSpeedScroller(Context context, Interpolator interpolator) {
            super(context, interpolator);
        }

        @Override
        public void startScroll(int startX, int startY, int dx, int dy, int duration) {
            // Ignore received duration, use fixed one instead
            super.startScroll(startX, startY, dx, dy, mDuration);
        }

        @Override
        public void startScroll(int startX, int startY, int dx, int dy) {
            // Ignore received duration, use fixed one instead
            super.startScroll(startX, startY, dx, dy, mDuration);
        }

        public void setmDuration(int time) {
            mDuration = time;
        }

        public int getmDuration() {
            return mDuration;
        }
    }

    public void stopTimer() {
        if (timer != null) {
            timer.cancel();
            timer = null;
        }
        if (task != null) {
            task.cancel();
            task = null;
        }
    }

    public void startTimer() {
        if (timer == null) {
            timer = new Timer();
        }

        if (task == null) {
            task = new TimerTask() {
                @Override
                public void run() {
                    // 需要做的事:发送消息
                    Message message = new Message();
                    message.what = 1;
                    handler.sendMessage(message);
                }
            };
        }

        if (timer != null && task != null)
            timer.schedule(task, intervalTime, intervalTime); // 0s后执行task,经过intervalTime秒再次执行
    }
}

这是一个fragment，大家可以直接放到自己的工程中。

代码中的SimpleDraweeView是一个Facebook提供的一个加载图片的控件，大家也可以直接使用ImageView。

使用代码MainActivity.java：

package com.example.jun.testmybanner;

import android.net.Uri;
import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v7.app.AppCompatActivity;

import com.example.jun.testmybanner.fragment.RollAdvertise;
import com.facebook.drawee.view.SimpleDraweeView;

public class MainActivity extends AppCompatActivity {

    private SimpleDraweeView sdvTest;

    private RollAdvertise fRoll;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        sdvTest = (SimpleDraweeView) findViewById(R.id.sdvTest);

        sdvTest.setImageURI(Uri.parse("http://scimg.jb51.net/allimg/160317/14-16031G13220936.jpg"));

        FragmentManager fragmentManager = this.getSupportFragmentManager();
        fRoll = (RollAdvertise) fragmentManager.findFragmentById(R.id.fRoll);

        String allUrl[] = new String[]{
                "http://img3.imgtn.bdimg.com/it/u=2546610023,3120506294&fm=11&gp=0.jpg",
                "http://pic32.nipic.com/20130814/13162234_111708002000_2.jpg",
                "http://pic54.nipic.com/file/20141204/19902974_135858226000_2.jpg",
                "http://img03.tooopen.com/images/20131102/sy_45238929299.jpg",
        };
        fRoll.setAllUrl(allUrl, null, R.drawable.page_indicator_focused, R.drawable.page_indicator_unfocused);
    }
}

其中这个

sdvTest = (SimpleDraweeView) findViewById(R.id.sdvTest);
sdvTest.setImageURI(Uri.parse("http://scimg.jb51.net/allimg/160317/14-16031G13220936.jpg"));

是介绍怎么使用SimpleDraweeView的，下面是怎么使用该fragment的。

fragment的fragment_roll_advertise.xml代码为：

<pre name="code" class="html"><FrameLayout 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"
    tools:context="com.example.jun.testmybanner.fragment.RollAdvertise">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/viewGroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="30dp"
            android:gravity="center_horizontal"
            android:orientation="horizontal"></LinearLayout>
    </RelativeLayout>
</FrameLayout>

activity_main.xml文件：

<FrameLayout 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"
    tools:context="com.example.jun.testmybanner.fragment.RollAdvertise">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/viewGroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="30dp"
            android:gravity="center_horizontal"
            android:orientation="horizontal"></LinearLayout>
    </RelativeLayout>
</FrameLayout>