自定义轮播图SlideView

来源：互联网发布：淘宝授权书怎么找哇编辑：程序博客网时间：2024/05/23 10:34

轮播图主要用于广告的展示，在开发过程中很常用，之前项目上也是参考了网上资料做的（具体哪个资料找不着了），效果还是不错的。最近一个同事不知道从网上找了个轮播图，直接用到了新项目上，把sdk最低改成了19，这哪成。我就看了下依赖的这个项目，写的实在不怎么样，肯定不能直接依赖的，在其基础上做些优化倒是可以的。于是，我就把之前项目上轮播图整理了下。

gitHub托管地址：https://github.com/dingfengnupt/SlideView

项目依赖：

allprojects {    repositories {        jcenter()        maven { url "https://jitpack.io" }    }}

dependencies {    compile 'com.github.dingfengnupt:SlideView:1.0.3'}

布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <com.windy.slideview.SlideViewPager        android:id="@+id/slideViewPager"        android:layout_width="wrap_content"        android:layout_height="200dp"></com.windy.slideview.SlideViewPager></LinearLayout>

自定义PagerAdapter

public class MyAdapter extends RecyclingPagerAdapter {    private Context mContext;    private String[] mUrls;    private int size;    private boolean isInfiniteLoop = false;    public MyAdapter(Context context, String[] urls) {        this.mContext = context;        this.mUrls = urls;        this.size = urls.length;    }    @Override    public int getCount() {        return isInfiniteLoop ? Integer.MAX_VALUE : mUrls.length;    }    // get real position    private int getPosition(int position) {        return isInfiniteLoop ? position % size : position;    }    public boolean isInfiniteLoop() {        return isInfiniteLoop;    }    /**     * @param isInfiniteLoop     */    public void setInfiniteLoop(boolean isInfiniteLoop) {        this.isInfiniteLoop = isInfiniteLoop;    }    @Override    public View getView(final int position, View convertView, ViewGroup container) {        final ViewHolder holder;        if (convertView == null) {            holder = new ViewHolder();            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_pager, null);            holder.image = (ImageView) convertView.findViewById(R.id.image);            convertView.setTag(holder);        } else {            holder = (ViewHolder) convertView.getTag();        }        Glide.with(mContext).load(mUrls[getPosition(position)]).into(holder.image);        convertView.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                Snackbar.make(v, "onClick: " + getPosition(position), Snackbar.LENGTH_SHORT).show();            }        });        return convertView;    }    private static class ViewHolder {        ImageView image;    }}

继承RecyclingPagerAdapter实现，设置count为无限大，用于循环。这个是例子上的做法，可根据自身需求实现，跟PagerAdapter一样的用。

代码中设置

        mSlideViewPager = (SlideViewPager) findViewById(R.id.slideViewPager);        mSlideViewPager.setIndicator(mUrls.length);        MyAdapter adapter = new MyAdapter(this, mUrls);        adapter.setInfiniteLoop(true);        mSlideViewPager.setAdapter(adapter);

其中setIndicator和setAdapter必须执行，setAdapter好理解，setIndicator用来设置指示图标。

自定义设置

轮播时间：默认是3s，

mSlideViewPager.setInterval(5000);

指示图标：默认是黑白圆点，

mSlideViewPager.setIndicator(mUrls.length, R.drawable.indicator);

指示图标资源文件使用selector样式，如，

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/selected" android:state_selected="true" />    <item android:drawable="@drawable/unselected" /></selector>

1 0