RollViewPager简单实现android图片轮播效果

电玩女神 2022-06-17 13:49 265阅读 0赞

Github地址：[https://github.com/Jude95/RollViewPager][https_github.com_Jude95_RollViewPager]

效果：**(源码在文章结尾)**

![Center][]

**主要支持的一些功能：**

支持无限循环。 触摸时会暂停播放，直到结束触摸一个延迟周期以后继续播放。 看起来就像这样。指示器可以为点可以为数字还可以自定义，位置也可以变。

**主要操作过程：**

1、在gradle中导入包：

**\[html\]**  [view plain][]   [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  compile 'com.jude:rollviewpager:1.2.9'

效果如图：

![Center 1][]

2、设置播放时间间隔、透明度、指示器（指示器可以是默认原点，数字，也可以自定义图片）

3、设置适配器,本demo中是StaticPagerAdapter，这个比较简单，用的比较多，有其他需要的可以看github源码。

主要需要设置图片、图片数量等等。

MainActivity：

**\[java\]**  [view plain][]   [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **package** com.example.double2.rollviewpagertest;  
2.    
3.  **import** android.graphics.Color;  
4.  **import** android.os.Bundle;  
5.  **import** android.support.v7.app.AppCompatActivity;  
6.  **import** android.view.Menu;  
7.  **import** android.view.MenuItem;  
8.  **import** android.view.View;  
9.  **import** android.view.ViewGroup;  
10. **import** android.widget.ImageView;  
11.   
12. **import** com.jude.rollviewpager.RollPagerView;  
13. **import** com.jude.rollviewpager.adapter.StaticPagerAdapter;  
14. **import** com.jude.rollviewpager.hintview.ColorPointHintView;  
15.   
16. **public** **class** MainActivity **extends** AppCompatActivity \{  
17.   
18.     **private** RollPagerView mRollViewPager;  
19.   
20.     @Override  
21.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
22.         **super**.onCreate(savedInstanceState);  
23.         setContentView(R.layout.activity\_main);  
24.   
25.         mRollViewPager = (RollPagerView) findViewById(R.id.roll\_view\_pager);  
26.   
27.         //设置播放时间间隔  
28.         mRollViewPager.setPlayDelay(1000);  
29.         //设置透明度  
30.         mRollViewPager.setAnimationDurtion(500);  
31.         //设置适配器  
32.         mRollViewPager.setAdapter(**new** TestNormalAdapter());  
33.   
34.         //设置指示器（顺序依次）  
35.         //自定义指示器图片  
36.         //设置圆点指示器颜色  
37.         //设置文字指示器  
38.         //隐藏指示器  
39.         //mRollViewPager.setHintView(new IconHintView(this, R.drawable.point\_focus, R.drawable.point\_normal));  
40.         mRollViewPager.setHintView(**new** ColorPointHintView(**this**, Color.YELLOW,Color.WHITE));  
41.         //mRollViewPager.setHintView(new TextHintView(this));  
42.         //mRollViewPager.setHintView(null);  
43.     \}  
44.   
45.     **private** **class** TestNormalAdapter **extends** StaticPagerAdapter \{  
46.         **private** **int**\[\] imgs = \{  
47.                 R.drawable.img1,  
48.                 R.drawable.img2,  
49.                 R.drawable.img3,  
50.                 R.drawable.img4,  
51.         \};  
52.   
53.   
54.         @Override  
55.         **public** View getView(ViewGroup container, **int** position) \{  
56.             ImageView view = **new** ImageView(container.getContext());  
57.             view.setImageResource(imgs\[position\]);  
58.             view.setScaleType(ImageView.ScaleType.CENTER\_CROP);  
59.             view.setLayoutParams(**new** ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH\_PARENT, ViewGroup.LayoutParams.MATCH\_PARENT));  
60.             **return** view;  
61.         \}  
62.   
63.   
64.         @Override  
65.         **public** **int** getCount() \{  
66.             **return** imgs.length;  
67.         \}  
68.     \}  
69.   
70. \}

activity\_main:

**\[html\]**  [view plain][]   [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****RelativeLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.                  xmlns:app="http://schemas.android.com/apk/res-auto"  
4.                  xmlns:tools="http://schemas.android.com/tools"  
5.                  android:layout\_width="match\_parent"  
6.                  android:layout\_height="match\_parent"  
7.                  tools:context=".MainActivity"**>**  
8.    
9.      **<****com.jude.rollviewpager.RollPagerView**  
10.         android:id="@+id/roll\_view\_pager"  
11.         android:layout\_width="match\_parent"  
12.         android:layout\_height="180dp"  
13.         app:rollviewpager\_play\_delay="3000"**/>**  
14. **</****RelativeLayout****>**

本文来自于：http://blog.csdn.net/double2hao/article/details/51328824

源码：[http://download.csdn.net/detail/double2hao/9511532][http_download.csdn.net_detail_double2hao_9511532]

[https_github.com_Jude95_RollViewPager]: https://github.com/Jude95/RollViewPager
[Center]: /images/20220617/9fcfb18bbd11404e832ac7cf53901a97.png
[view plain]: http://blog.csdn.net/double2hao/article/details/51328824#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/1674140
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/1674140/fork
[Center 1]: /images/20220617/b503172e957844ec9275e3a63585f5e0.png
[http_download.csdn.net_detail_double2hao_9511532]: http://download.csdn.net/detail/double2hao/9511532