Android 循环切换图片 ConvenientBanner简单应用

  demo是用Module方式依赖，

         studio 用的话直接添加个依赖就可以用了

gradle依赖：

 compile 'com.bigkoo:convenientbanner:2.0.5'

布局xml：

    

[html]  view plain  copy

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:tools="http://schemas.android.com/tools"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent">  
6.   
7.     <com.bigkoo.convenientbanner.ConvenientBanner  
8.         xmlns:app="http://schemas.android.com/apk/res-auto"  
9.         android:id="@+id/convenientBanner"  
10.         android:layout_width="match_parent"  
11.         android:layout_height="match_parent"  
12.         app:canLoop="true"  
13.     />  
14. </RelativeLayout>  

      

      

Java代码：加载资源文件里面的图片

   

[html]  view plain  copy

 

1. package test.example.xuexue.convenientbanner;  
2.   
3. import android.content.Context;  
4. import android.support.v4.view.ViewPager;  
5. import android.support.v7.app.AppCompatActivity;  
6. import android.os.Bundle;  
7. import android.view.View;  
8. import android.widget.ImageView;  
9.   
10. import com.bigkoo.convenientbanner.ConvenientBanner;  
11. import com.bigkoo.convenientbanner.holder.CBViewHolderCreator;  
12. import com.bigkoo.convenientbanner.holder.Holder;  
13.   
14. import java.util.ArrayList;  
15. import java.util.List;  
16.   
17. import javax.xml.transform.Transformer;  
18.   
19. public class MainActivity extends AppCompatActivity {  
20.   
21.     private ConvenientBanner convenientBanner;  
22.     private List<Integer> imgs=new ArrayList<>();  
23.   
24.     @Override  
25.     protected void onCreate(Bundle savedInstanceState) {  
26.         super.onCreate(savedInstanceState);  
27.         setContentView(R.layout.activity_main);  
28.         imgs.add(R.drawable.b1);  
29.         imgs.add(R.drawable.b2);  
30.         imgs.add(R.drawable.b3);  
31.         imgs.add(R.drawable.guide1);  
32.         //找控件  
33.         convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner);  
34.         convenientBanner.setPages(new CBViewHolderCreator() {  
35.             @Override  
36.             public Object createHolder() {  
37.                 return new LocalImageHolderView();  
38.             }  
39.         },imgs) //设置需要切换的View  
40.                 .setPointViewVisible(true)    //设置指示器是否可见  
41.          //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设  
42.          .setPageIndicator(new int[]{R.mipmap.ic_launcher,R.mipmap.ic_launcher})  
43.                 //设置指示器位置（左、中、右）  
44.         .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT)  
45.                 .startTurning(2000)     //设置自动切换（同时设置了切换时间间隔）  
46.                 .setManualPageable(true)  //设置手动影响（设置了该项无法手动切换）  
47.   
48.         //设置翻页的效果，不需要翻页效果可用不设  
49. //        .setPageTransformer(Transformer.DefaultTransformer)  
50.         ;  
51. //        convenientBanner.setManualPageable(false);//设置不能手动影响  
52.   
53.         }  
54.   
55.     public class LocalImageHolderView implements Holder<Integer>{  
56.   
57.         private ImageView imageView;  
58.         @Override  
59.         public View createView(Context context) {  
60.             imageView = new ImageView(context);  
61.             imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
62.             return imageView;  
63.         }  
64.   
65.         @Override  
66.         public void UpdateUI(Context context, int position, Integer data) {  
67.             imageView.setImageResource(data);  
68.         }  
69.     }  
70. }  

     感觉比viewpager简单，易操作，这个可以自动实现自动轮播，小圆点

      

加载网络图片的JAVA代码：

[html]  view plain  copy

 

1. convenientBanner.setPages(new CBViewHolderCreator() {  
2.             @Override  
3.             public Object createHolder() {  
4.                 return new LocalImageHolderView();  
5.             }  
6.         }, mList) //mList是图片地址的集合  
7.                 .setPointViewVisible(true)    //设置指示器是否可见  
8.                 //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设  
9.                 .setPageIndicator(new int[]{R.drawable.normal, R.drawable.unnormal})  
10.                 //设置指示器位置（左、中、右）  
11.                 .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)  
12.                 .startTurning(2000)     //设置自动切换（同时设置了切换时间间隔）  
13.                 .setManualPageable(true)  //设置手动影响（设置了该项无法手动切换）  
14.         ;  
15.     }  
16.   
17.   
18.     class LocalImageHolderView implements Holder<String> {  
19.   
20.         private ImageView imageView;  
21.   
22.         @Override  
23.         public View createView(Context context) {  
24.             imageView = new ImageView(context);  
25.             imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
26.             return imageView;  
27.         }  
28.   
29.         @Override  
30.         public void UpdateUI(Context context, int position, String data) {  

[html]  view plain  copy

 

1.   //glide加载出图片，data是传过来的图片地址，  
2.    Glide.with(mActivity).load(data).into(imageView);  
3. }