基于RollPagerView实现图片轮播功能

前言

各大电商app，新闻类app均有图片轮播的功能，自己写代码可以通过viewpager来实现，但实现起来非常不方便，要写一堆的代码。然而，业界有很多第三方的组件可以实现轮播的功能，何必自己再造车轮子？下面介绍如何基于RollPagerView实现图片轮播效果。

步骤

gradle中导入包

增加：compile ‘com.jude:rollviewpager:1.2.9’

dependencies {    compile fileTree(dir: 'libs', include: ['*.jar'])    testCompile 'junit:junit:4.12'    compile 'com.android.support:appcompat-v7:23.4.0'    compile 'com.jude:rollviewpager:1.2.9'}
1
2
3
4
5
6
1
2
3
4
5
6

添加后执行下 Sync Now即可。

编写布局文件

    <!--图片轮播组件-->    <com.jude.rollviewpager.RollPagerView        android:id="@+id/rollPV"        android:layout_width="match_parent"        android:layout_height="220dp">    </com.jude.rollviewpager.RollPagerView>
1
2
3
4
5
6
1
2
3
4
5
6

java代码实现

package bingo.splashdemo;import android.graphics.Color;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.Toast;import com.jude.rollviewpager.OnItemClickListener;import com.jude.rollviewpager.RollPagerView;import com.jude.rollviewpager.adapter.StaticPagerAdapter;import com.jude.rollviewpager.hintview.ColorPointHintView;public class SecondActivity extends AppCompatActivity {    private RollPagerView rollPV = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_second);        rollPV = (RollPagerView) findViewById(R.id.rollPV);        //设置每个图片的切换时间        rollPV.setPlayDelay(3000);        //设置图片切换动画时间        rollPV.setAnimationDurtion(500);        //设置指示器:        //rollPV.setHintView(new IconHintView());        //rollPV.setHintView(new IconHintView(this,R.mipmap.ic_launcher,R.mipmap.ic_launcher));        rollPV.setHintView(new ColorPointHintView(this,                getResources().getColor(R.color.colorPrimary),                Color.WHITE));        //设置适配器        rollPV.setAdapter(new RollPagerAdapter());        //设置每一个图片的点击事件        rollPV.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(int position) {                Toast.makeText(SecondActivity.this, "点击了图片"+position, Toast.LENGTH_SHORT).show();            }        });    }    //图片资源    private int images[] = {            R.drawable.img1,            R.drawable.img2,            R.drawable.img3,            R.drawable.img4    };    //适配器    private class RollPagerAdapter extends StaticPagerAdapter {        @Override        public View getView(ViewGroup container, int position) {            ImageView view=new ImageView(container.getContext());            //设置图片资源            view.setImageResource(images[position]);            //设置高度和宽度            view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));            //设置拉伸方式            view.setScaleType(ImageView.ScaleType.CENTER_CROP);            return view;        }        @Override        public int getCount() {            return images.length;        }    }}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

效果