android 图片轮播

 

 

ConvenientBanner一个强大的图片轮播控件最简单的使用方法

GitHub:https://github.com/saiwu-bigkoo/Android-ConvenientBanner

参考:http://blog.csdn.net/xroocky/article/details/50837866

 

gradle添加依赖

 

compile 'com.bigkoo:convenientbanner:2.0.5'

 

 

 

布局

 

 

<com.bigkoo.convenientbanner.ConvenientBanner
                android:id="@+id/convenientBanner"
                android:layout_width="match_parent"
                android:layout_height="180dp"
                app:canLoop="true" />

 

 

 

 

 

基本使用代码

 

 

convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() {
            @Override
            public NetworkImageHolderView createHolder() {
                return new NetworkImageHolderView();
            }
        }, largePictureList)//设置需要切换的View
                //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
                .setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused})
                        //设置指示器的方向
                .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
                        //轮播切换时间
                .startTurning(3000)
                //设置指示器是否可见
                .setPointViewVisible(true)
                //停止自动切换
                .stopTurning();

        //轮播图点击事件
        convenientBanner.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(int position) {
                finish();
            }
        });

 

 

 

 

 

 

其中加载图片的类

 

 

package com.taihua.ckshop.ui;

import android.content.Context;
import android.view.View;
import android.widget.ImageView;

import com.bigkoo.convenientbanner.holder.Holder;
import com.nostra13.universalimageloader.core.ImageLoader;

/**
 * 网络图片加载
 */
public class NetworkImageHolderView implements Holder<String> {
    private ImageView imageView;
    @Override
    public View createView(Context context) {
        //你可以通过layout文件来创建，也可以像我一样用代码创建，不一定是Image，任何控件都可以进行翻页
        imageView = new ImageView(context);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        return imageView;
    }

    @Override
    public void UpdateUI(Context context,int position, String data) {
        imageView.setImageResource(R.drawable.ic_page_indicator);
        ImageLoader.getInstance().displayImage(data, imageView, MyApp.options);
    }

}