Android 超简单自动无限轮播图LoopView

只需要你传入数据就可以了

效果图

demo地址 https://github.com/wanghao200906/Android-LoopView

效果实现

1.添加依赖库

2.添加到xml

<

com.kevin.loopview.AdLoopView

android:id=”@+id/main_act_adloopview”

android:layout_width=”match_parent”

android:layout_height=”540px”>

< / com.kevin.loopview.AdLoopView >

3.代码

private void initLoopView() {

final AdLoopView mLoopView = (AdLoopView) this.findViewById(R.id.main_act_adloopview);

//获取测试数据

//原作者数据来源 放在Asset中

String json = LocalFileUtils.getStringFormAsset(this, “loopview_date.json”);

//本人数据来源 使用tojson把数据变成libs库需要的格式

String json2= getLoopDataJson();

    LoopData loopData = JsonTool.toBean(json, LoopData.class);
    mLoopView.refreshData(loopData);
    mLoopView.startAutoLoop();
    mLoopView.setOnClickListener(new BaseLoopAdapter.OnItemClickListener() {
        @Override
        public void onItemClick(PagerAdapter parent, View view,
                                int position, int realPosition) {
            Toast.makeText(LoopViewActivity.this, "" + position, Toast.LENGTH_SHORT).show();
        }
    });
}

private String getLoopDataJson() {
    LoopParent mParent = new LoopParent();
    List<ItemsEntity> items = new ArrayList<>();
    ItemsEntity itemsEntity = null;
    itemsEntity = new ItemsEntity();
    itemsEntity.setImgUrl("http://ww1.sinaimg.cn/large/6e0519bejw1eahallpdi5j20u00f0wip.jpg");
    items.add(itemsEntity);
    itemsEntity = new ItemsEntity();
    itemsEntity.setDescText("只是一条测试说明");
    itemsEntity.setImgUrl("http://src.house.sina.com.cn/imp/imp/deal/9e/ca/e/3e072b93e939b71274b1e3ea4cc_p7_wm43,41_mk7_c800X800.jpg");
    items.add(itemsEntity);
    itemsEntity = new ItemsEntity();
    itemsEntity.setImgUrl("http://img0.imgtn.bdimg.com/it/u=3688416272,1545833324&fm=21&gp=0.jpg");
    items.add(itemsEntity);
    itemsEntity = new ItemsEntity();
    itemsEntity.setImgUrl("http://src.house.sina.com.cn/imp/imp/deal/9e/ca/e/3e072b93e939b71274b1e3ea4cc_p7_wm43,41_mk7_c800X800.jpg");
    items.add(itemsEntity);
    mParent.setItems(items);
    Log.i("TAG", new Gson().toJson(mParent));
    return new Gson().toJson(mParent);
}

基本上就这样如果对显示的效果不满意可以去改改依赖库的东西

源代码地址 https://github.com/wanghao200906/Android-LoopView

本片文章只为做技术收藏以及给朋友们分享一些好的代码

时间: 2024-11-07 15:15:15

Android 超简单自动无限轮播图LoopView的相关文章

Android之仿京东淘宝的自动无限轮播控件

在App的开发中,很多的时候都需要实现类似京东淘宝一样的自动无限轮播的广告栏,所以就自己写了一个,下面是我自定义控件的思路和过程. 一.自定义控件属性 新建自定义控件SliderLayout继承于RelativeLayout,首先要考虑的就是自定义的控件需要扩展那些属性,把这些属性列出来.在这里是要实现类似于京东淘宝的无限轮播广告栏,那马首先想到的就是轮播的时长.轮播指示器的样式等等.我在这里列举了一些并且结合到了代码中. 1.扩展属性 (1)是否开启自动轮播的功能. (2)指示器的图形样式,一

一步一步拆解一个简单的iOS轮播图(三图)

导言(可以不看): 不吹不黑,也许是东半球最简单的iOS轮播图拆分注释(讲解不敢当)了(tree new bee).(一句话包含两个人,你能猜到有谁吗?提示:一个在卖手机,一个最近在卖书)哈哈... 我第一次项目中需要使用轮播图的时候我是用的别人写好的一个轮子,那个轮播封装很多东西,包括比如可以设置pageControl的位置,可以传图片url或本地图片,缓存网络图片等等.但是我觉得没必要搞那么复杂,我喜欢简单并足够做事的东西.现在有时间便想自己把它拆解一下.看了一些简书上一些作者写的关于轮播图

Android开发之ViewPager实现轮播图(轮播广告)效果的自定义View

最近开发中需要做一个类似京东首页那样的广告轮播效果,于是采用ViewPager自己自定义了一个轮播图效果的View. 主要原理就是利用定时任务器定时切换ViewPager的页面. 效果图如下: 主页面布局实现如下: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android&

无限轮播图的制作

url:http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html (如果打开过慢,或者打不开,原因你懂得.) 一.思路 1.所有滑动效果的demo都是通过控制css里的left值,来控制滑动效果的. 2.需要两个块,一个div块,一个ui.div块的position是relative,ui块的position是absolute.这样ui块的left就可以根据外层的div来控制.div的overflow是hidd

JS-特效 ~ 01. 事件对象、offset偏移/检测、无缝滚动、自动循环轮播图

Math.round ( ) :正书四舍五入,负数五舍六入 用定时器,先清除定时器 事件对象 event event:事件被触动时,鼠标和键盘的状态,通过属性控制 Offset:偏移,检测 1. 获取元素尺寸 2. 检测盒子的宽高     事件源.offsetLeft. /. ele.offsetWidth /返回的数值没有单位,是number类型 /包括内边距.边框,不包括外边距 3. 获取定位的元素的left和top值  offsetLeft / offsetTop 如果被获取的元素没有定位

无限轮播图

思路:在ScrollView的contentSiz设置成ScrollView宽的度的三倍.创建三个循环的View.当滑动的时候,正常滑动活动结束.滑动结束设置contentOffset将视图滑动到中间去.将后面的数据赋值到中间...简单说就是视图只显示中间一张视,交换数据实现不同数据的显示.. #import <UIKit/UIKit.h> @protocol YQImageLoopDelegate <NSObject> - (void)YQImageLoopConfigDataA

最简单的jq轮播图

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 <style> 7 .img1, 8 .img2, 9 .img3 { 10 width: 1200px; 11 height: 350px; 12 font-size: 30px; 13 } 14

js自动切换轮播图

思路:左右切换--左右切换(加上小圆点)--小圆点点击--动画效果--自动切换 html: <div id="container"> <div id="list" style="left: -600px;"> <img src="images/55.jpg" alt="1"> <img src="images/11.jpg" alt="

关于自定义无限轮播图_Android

首先看一下效果图 下载地址Demo 废话不多说上代码了 首先看我们自定义的可以设置是否可以滑动的viewpager package cn.yuan.banner; import android.content.Context; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.MotionEvent; /** * Created by yukuo on 2