文档章节

Android简单实现轮播

AmosWang
 AmosWang
发布于 2017/04/27 22:31
字数 260
阅读 40
收藏 0

先上效果图

一、build.gradle(Module:app)添加依赖

compile 'com.jude:rollviewpager:1.4.6'

二、XML中添加布局(总布局最上边加上xmlns:app…… )

xmlns:app="http://schemas.android.com/apk/res-auto"
<com.jude.rollviewpager.RollPagerView
    android:id="@+id/vp_roll"
    android:layout_width="match_parent"
    android:layout_height="180dp"
    app:rollviewpager_play_delay="3000" />

app:rollviewpager_play_delay="3000"也就是设置3000ms图片自动滚动一次

三、在Activity.java中findViewById

RollPagerView vp_roll = (RollPagerView) findViewById(R.id.vp_roll);

四、创建自定义适配器

public class LoopAdapter_Scroll extends LoopPagerAdapter {

    List<Integer> imgList;

    public LoopAdapter_Scroll(RollPagerView viewPager, List<Integer> imgList) {
        super(viewPager);
        this.imgList = imgList;
    }

    @Override
    public View getView(ViewGroup container, int position) {
        ImageView view = new ImageView(container.getContext());
        view.setImageResource(imgList.get(position));
        view.setScaleType(ImageView.ScaleType.CENTER_CROP);
        view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        return view;
    }

    @Override
    public int getRealCount() {
        return imgList.size();
    }

}

五、给RollPagerView关联适配器

List<Integer> imgList = new ArrayList<>();
imgList.add(R.mipmap.bg_topic_1);
imgList.add(R.mipmap.bg_topic_2);
imgList.add(R.mipmap.bg_topic_3);
imgList.add(R.mipmap.bg_topic_4);
imgList.add(R.mipmap.bg_topic_5);

vp_roll.setAdapter(new LoopAdapter_Scroll(vp_roll, imgList));

六、设置点击事件(position + 1 是为了符合大众的 1,而不是程序员的 1,哈哈)

vp_roll.setOnItemClickListener(new com.jude.rollviewpager.OnItemClickListener() {
    @Override
    public void onItemClick(int position) {
        Toast.makeText(getBaseContext(), "点击轮播第" + (position + 1) + "张页面",
                       Toast.LENGTH_SHORT).show();     
    }
});

图片轮播实现了,感谢依赖的制作者。

© 著作权归作者所有

共有 人打赏支持
AmosWang

AmosWang

粉丝 4
博文 62
码字总数 28839
作品 0
黄浦
后端工程师
自定义广告图片轮播View——CarouselView

  因为一个广告机的需求,需要做一个广告轮播的效果,不需要什么特别的动画,正常的轮播就可以了。笔者看了网上很多文章,要么不好用,要么就是效果太多,太复杂,用不上。索性自己写了一个...

饮水思源为名
08/08
0
0
打造万能的BannerView(ViewPager)无限轮播图

为什么写这篇文章,因为在网上看到的绝大多数BannerView实现了右无限轮播图,甚至没有实现无限轮播图,说成是无限轮播图,实现了左右无限轮播图的,并没有做性能上的优化。 先看张效果图 工程...

Steven_520
05/11
0
0
Animation-list实现逐帧动画

我们经常有些需求需要用到轮播的逐帧动画,可以用线程实现,当然android系统为我们提供了更简约简单的实现手段——Animation-list。 首先下面是一段XML,你可以新建一个XML存放在项目的res/d...

兜来兜去
2013/04/15
0
0
最近排查android webview https的发热耗电和加载速度慢问题解决

最近排查android webview https的发热耗电和加载速度慢问题 问题:H5页面发热耗电 排查:通过android studio profiler 查看CPU消耗曲线,发现静置情况下webview轮播图波浪式消耗CPU,且峰值高...

ljianbing
05/28
0
0
Android中广告轮播框架Banner----(功能很全面

转载地址:https://github.com/youth5201314/banner 参考视频:http://ke.atguigu.com/course/150 Android图片轮播控件 新框架发布,欢迎大家Star XFrame - Android快速开发框架 XFrame详细功...

丁佳辉
08/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

day96-20180923-英语流利阅读-待学习

英国王子也不看好人工智能,理由却和霍金不同 Daniel 2018-09-23 1.今日导读 2016 年 3 月 9 日至 15 日,世界围棋冠军李世石与谷歌研发的计算机围棋程序 AlphaGo 进行人机大战并以 1 比 4 ...

飞鱼说编程
3分钟前
0
0
今天在码云遇到一个很有意思的人 for Per.js

今天在码云遇到一个很有意思的人,他在我的Per.js项目下面评论了一句,大意为“你试试这句代码,看看速度到底是你快还是Vue快”【当然,这个评论被我手残不小心删掉了...】。 然后我就试了,...

Skyogo
8分钟前
3
0
Java -------- 首字母相关排序总结

Java 字符串数组首字母排序 字符串数组按首字母排序:(区分大小写) String[] strings = new String[]{"ba","aa","CC","Ba","DD","ee","dd"}; Arrays.sort(strings); for (int i ...

切切歆语
10分钟前
0
0
还在用 Git 的 -f 参数强推仓库,你这是在作死!

最近,美国一个程序员因为同事不写注释,代码不规范,最严重的是天天使用 git push -f 参数强行覆盖仓库,该程序员忍无可忍向四名同事开抢,其中一人情况危急!!! 不写注释、代码不规范是一...

红薯
23分钟前
200
0
NPM报错终极大法

所有的错误基本上都跟node的版本相关 直接删除系统中的node 重新安装 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 重新安装 $ n lts$ npm...

lilugirl
27分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部