android轮播图效果

先上效果图：


viewpager.gif

viewpager+handler+runnableTask实现轮播图效果。可以自动轮播，左右无限滑动。

数据我就不提供啦，我用的是公司的数据。页面跳转取消轮播，页面返回，继续轮播。使用eventbus对轮播图点击事件进行处理。

package com.example.sunxiaokun.retrofixandrxjava;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.Toast;

import com.example.sunxiaokun.retrofixandrxjava.utils.MyViewPager;

import java.util.ArrayList;
import java.util.List;

import de.greenrobot.event.EventBus;
import de.greenrobot.event.Subscribe;
import de.greenrobot.event.ThreadMode;
import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;
import retrofit2.Retrofit;
import retrofit2.converter.gson.GsonConverterFactory;

/**
 * Created by sxk on 2016/9/29.
 */
public class SecondActivity extends Activity {

    private MyViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        EventBus.getDefault().register(this);

        mViewPager = (MyViewPager) findViewById(R.id.mvp);
        List<String> list = new ArrayList<>();
        list.add("");
        list.add("");
        list.add("");
        list.add("");
        mViewPager.setTList(list);

    }

    @Override
    protected void onRestart() {
        super.onRestart();
        mViewPager.setStartRoll();
    }

    @Override
    protected void onStop() {
        super.onStop();
        mViewPager.setCancleHandle();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        EventBus.getDefault().unregister(this);
    }

    @Subscribe(threadMode = ThreadMode.MainThread)
    public void onClick(String info){
        Toast.makeText(this,info,Toast.LENGTH_SHORT).show();
    }
 
}

xml.布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <com.example.sunxiaokun.retrofixandrxjava.utils.MyViewPager
        android:id="@+id/mvp"
        android:layout_width="match_parent"
        android:layout_height="230dp"/>
</LinearLayout>

自定义view

package com.example.sunxiaokun.retrofixandrxjava.utils;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.ImageView;

import java.util.List;

/**
 * Created by sxk on 2016/10/10.
 */
public class MyViewPager<T> extends FrameLayout {

    private ViewPager mViewPager;
    private MyIndicator mMyIndicator;
    private MyPagerAdapter mMyPagerAdapter;
    private List<T> mTList;
    private ImageView mImageView;
    private Context mContext;
    public MyViewPager(Context context) {
        super(context);
        init(context);
    }

    public MyViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        init(context);
    }

    public MyViewPager(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        mViewPager = new ViewPager(context);
        FrameLayout.LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
        mViewPager.setLayoutParams(layoutParams);
        addView(mViewPager);

        mMyIndicator = new MyIndicator(context);
        FrameLayout.LayoutParams inLayoutParams =
                new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        mMyIndicator.setGravity(Gravity.BOTTOM);
        addView(mMyIndicator,inLayoutParams);

        mMyPagerAdapter = new MyPagerAdapter(context,mTList, mViewPager);
        mViewPager.setAdapter(mMyPagerAdapter);
    }

    public void setTList(List<T> list){
        mMyPagerAdapter.setList(list);
        mMyIndicator.init(mContext, 4, mViewPager);
    }

    public void setCancleHandle(){
        mMyPagerAdapter.cancleHandle();
    }

    public void setStartRoll(){
        mMyPagerAdapter.startRoll();
    }
}

pageradapter:

package com.example.sunxiaokun.retrofixandrxjava.utils;

import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.example.sunxiaokun.retrofixandrxjava.R;

import java.util.List;

import de.greenrobot.event.EventBus;

/**
 * Created by sxk on 2016/10/10.
 */
public class MyPagerAdapter <T> extends PagerAdapter {
    private Context mContext;
    private List<T> list;
    private ViewPager mViewPager;
    private int curretPosition;
    private RunnableTask runnableTask;

    public MyPagerAdapter(Context context, List<T> list, ViewPager viewPager) {
        this.mContext = context;
        this.list = list;
        this.mViewPager = viewPager;
    }

    @Override
    public int getCount() {
        if(list == null || list.size() == 0)
            return 0;
        else if(list.size() == 1)
            return 1;
        return Integer.MAX_VALUE;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        int index = list.size();
        position = position % index;
        // 加网络下载下来的图片
        View view = View.inflate(mContext, R.layout.viewpager_item, null);
        ImageView image = (ImageView) view.findViewById(R.id.image);
        // 通过Glide提供的工具类异步下载缓存图片
        Glide.with(mContext).load(list.get(position)).
                placeholder(R.drawable.home_top_default_bg_banner).into(image);
        container.addView(view);
        view.setOnTouchListener(new View.OnTouchListener() {
            private int downX;
            private int downY;
            private long downTime;

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        // 轮播图不再滚动,取消维护的任务,发送的消息
                        handler.removeCallbacksAndMessages(null);
                        // 1,按下的坐标点
                        downX = (int) event.getX();
                        downY = (int) event.getY();
                        downTime = System.currentTimeMillis();
                        break;
                    case MotionEvent.ACTION_MOVE:
                        break;
                    case MotionEvent.ACTION_UP:
                        // 让轮播图再次滚动起来
                        if (System.currentTimeMillis() - downTime < 500) {
                            EventBus.getDefault().post("点击啦");
                        }
                        startRoll();
                        break;
                    case MotionEvent.ACTION_CANCEL:
                        startRoll();
                        break;
                }
                return true;
            }
        });
        return view;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == object;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }

    private Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            // 让viewpager按照维护的索引去指向界面
            mViewPager.setCurrentItem(curretPosition);
            // 一直去维护runnable任务去滚动起来
            startRoll();
        }
    };

    public void startRoll() {
        notifyDataSetChanged();
        // 2,滚动起来(1,定时器2,handler)
        handler.postDelayed(runnableTask, 3000);
    }

    class RunnableTask implements Runnable {
        @Override
        public void run() {
            curretPosition = mViewPager.getCurrentItem() + 1;
            // 发送消息api
            handler.obtainMessage().sendToTarget();
        }
    }

    public void setList(List<T> list){
        this.list = list;
        mViewPager.setCurrentItem(list.size()*1000);
        notifyDataSetChanged();
        if(list != null && list.size() > 0 && runnableTask == null){
            runnableTask = new RunnableTask();
            startRoll();
        }

    }

    public void cancleHandle(){
        handler.removeCallbacksAndMessages(null);
    }
}

指示器：

package com.example.sunxiaokun.retrofixandrxjava.utils;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

import com.example.sunxiaokun.retrofixandrxjava.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by sunxiaokun on 2016/10/10.
 */
public class MyIndicator extends RelativeLayout {
    public MyIndicator(Context context) {
        super(context);
    }

    public MyIndicator(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyIndicator(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }


    public void init(Context mContext, final int size, ViewPager viewPager){
        FrameLayout.LayoutParams indicatorLayoutParams
                = new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT,
                UICommonUtil.dip2px(mContext, 30));
        LinearLayout linearLayout = new LinearLayout(mContext);
        linearLayout.setGravity(Gravity.BOTTOM| Gravity.CENTER_HORIZONTAL);

        linearLayout.setBackgroundColor(R.color.colorPrimaryDark);
        addView(linearLayout, indicatorLayoutParams);
        final List<View> viewList = new ArrayList<View>();
        for (int i = 0; i < size; i++) {
            View view = new View(mContext);
            view.setBackgroundResource(i == 0 ? R.drawable.selected : R.drawable.unselected);
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(UICommonUtil.dip2px(mContext, 6), UICommonUtil.dip2px(mContext, 6));
            layoutParams.setMargins(0, 0, UICommonUtil.dip2px(mContext, 6), UICommonUtil.dip2px(mContext, 12));
            linearLayout.addView(view, layoutParams);
            viewList.add(view);
            //小于一张图片数轮播点不显示
            linearLayout.setVisibility(size <= 1 ? INVISIBLE : VISIBLE);

        }


        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int arg0) {
                if (size != 0) {
                    int index = arg0 % size;
                    for (int i = 0; i < size; i++) {
                        View view = viewList.get(i);
                        view.setBackgroundResource(index == i? R.drawable.selected : R.drawable.unselected);
                    }
                }
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }

            @Override
            public void onPageScrollStateChanged(int arg0) {

            }
        });
    }
}

小圆圈：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 白色小圆圈 -->
    <corners android:radius="3dp" />

    <solid android:color="#ffffff" />

</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 灰色小圆圈 -->
    <corners android:radius="3dp" />

    <solid android:color="#474747" />

</shape>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,547评论 6赞 477
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,399评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,428评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,599评论 1赞 274
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,612评论 5赞 365
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,577评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,941评论 3赞 395
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,603评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,852评论 1赞 297
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,375评论 4赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,955评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1赞 259
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2赞 342

推荐阅读更多精彩内容

  • Android轮播图效果的各种实现
    前言 很多APP的首页通常会有一个带有动画切换的各种轮播图效果，刚好新项目中也要实现轮播图的效果，于是便研究了An...
    砺雪凝霜阅读 24,194评论 3赞 37
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,398评论 25赞 707
  • 【Android】造轮子：轮播图
    前言 目前市场上的APP中，轮播图可以说是很常见的。一个好的轮播图，基本上适用于所有的APP。是时候打造一个自己的...
    带心情去旅行阅读 17,228评论 15赞 93
  • 关于“星光董事会”
    【我的观点和输出】： ①有时候有时间消耗是正常的，我们应该对它正视。存在即合理。 个人感觉这已经是一个“时间碎屑”...
    佟小月阅读 128评论 0赞 0
  • 孤独的琴声——那位老人
    又是一天的忙碌，林默躺在了自己的床上，这是医院给她分配的房子，要是在战争之前医院绝不会给每个护士都分配单独...
    不会哭的地球阅读 172评论 0赞 0