android 广告轮播位Banner轮播位 使用超级方便

GitHub 上面介绍的更详细:https://github.com/CodingForAndroid/CircleViewPager      

2016.8.30 更新 : 添加两种切换效果

CircleViewPager

通过给ViewPager设置viewpager.setPageTransformer来实现ViewPager 页面过渡效果。


轮播图目前支持三种效果
//通过ImageCycleView.CYCLE_T选择切换类型 效果如下图所示
//CYCLE_VIEW_NORMAL 、 CYCLE_VIEW_THREE_SCALE 、 CYCLE_VIEW_ZOOM_IN
可以通过设置imageCycleView.setCycle_T(ImageCycleView.CYCLE_T.CYCLE_VIEW_THREE_SCALE);随意选择
自动轮播图
CYCLE_VIEW_NORMAL:

image
CYCLE_VIEW_THREE_SCALE:
image
CYCLE_VIEW_ZOOM_IN:
image
Android 自动轮播图,接入方便 ,欢迎使用~

使用说明:

布局文件

<com.jorge.circlelibrary.ImageCycleView
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:id="@+id/cycleView"/>

相关Activity中
ImageCycleView imageCycleView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

    /** 找到轮播控件*/
    imageCycleView= (ImageCycleView) findViewById(R.id.cycleView);
    // 选择切换类型
    //ImageCycleView.CYCLE_T 有三种类型 ,效果如上图所示
    //CYCLE_VIEW_NORMAL  CYCLE_VIEW_THREE_SCALE   CYCLE_VIEW_ZOOM_IN   可以随意选择
    imageCycleView.setCycle_T(ImageCycleView.CYCLE_T.CYCLE_VIEW_THREE_SCALE);
    /**装在数据的集合  文字描述*/
    ArrayList<String> imageDescList=new ArrayList<>();
    /**装在数据的集合  图片地址*/
    ArrayList<String> urlList=new ArrayList<>();

    /**添加数据*/
    urlList.add("http://attach.bbs.miui.com/forum/month_1012/101203122706c89249c8f58fcc.jpg");
    urlList.add("http://bbsdown10.cnmo.com/attachments/201308/06/091441rn5ww131m0gj55r0.jpg");

// urlList.add("http://kuoo8.com/wall_up/hsf2288/200801/2008012919460743597.jpg");
urlList.add("http://attach.bbs.miui.com/forum/201604/05/001754vp6j0vmcj49f0evc.jpg.thumb.jpg");
urlList.add("http://d.3987.com/taiqiumein_141001/007.jpg");
urlList.add("http://attach.bbs.miui.com/forum/201604/05/100838d2b99k6ihk32a36a.jpg.thumb.jpg");

    imageDescList.add("小仓柚子");
    imageDescList.add("抚媚妖娆性感美女");
    imageDescList.add("热血沸腾 比基尼");
    imageDescList.add(" 台球美女");
    imageDescList.add("身材妙曼");


    initCarsuelView(imageDescList, urlList);
}

/**初始化轮播图*/
public void initCarsuelView(ArrayList<String> imageDescList,ArrayList<String>urlList) {
    LinearLayout.LayoutParams cParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, getScreenHeight(MainActivity.this) * 3 / 10);
    imageCycleView.setLayoutParams(cParams);
    ImageCycleView.ImageCycleViewListener mAdCycleViewListener = new ImageCycleView.ImageCycleViewListener() {
        @Override
        public void onImageClick(int position, View imageView) {
            /**实现点击事件*/
            Toast.makeText(MainActivity.this,"position="+position,Toast.LENGTH_SHORT).show();
        }
        @Override
        public void displayImage(String imageURL, ImageView imageView) {
            /**在此方法中,显示图片,可以用自己的图片加载库,也可以用本demo中的(Imageloader)*/
            ImageLoaderHelper.getInstance().loadImage(imageURL, imageView);
        }
    };
    /**设置数据*/
    imageCycleView.setImageResources(imageDescList,urlList, mAdCycleViewListener);
    imageCycleView.startImageCycle();
}

/**
 * 得到屏幕的高度
 * @param context
 * @return
 */
public static int getScreenHeight(Context context){
    if (null == context) {
        return 0;
    }
    DisplayMetrics dm = new DisplayMetrics();
    dm = context.getApplicationContext().getResources().getDisplayMetrics();
    return dm.heightPixels;
}

内部封装,外部调用起来比较方便 可通过 build.gradle 直接导入

dependencies { compile 'com.jorge.circleview:circlelibrary:1.0.1' }




谢谢认真观读本文的每一位小伙伴,衷心欢迎小伙伴给我指出文中的错误,也欢迎小伙伴与我交流学习。
欢迎爱学习的小伙伴加群一起进步:230274309 。


  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 36
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 36
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值