1. 程式人生 > >Android 最簡單實現廣告輪播效果ConvenientBanner

Android 最簡單實現廣告輪播效果ConvenientBanner

以前一直寫廣告輪播,都是自己實現,最近看帖子的時候,看到,有一個很不錯的廣告輪播第三發框架,趕快學習一下。

先上效果圖(不知道為啥效果圖,畫素這麼低)

1.首先新增依賴

ompile 'com.bigkoo:convenientbanner:2.0.5'

2.xml佈局中新增

<com.bigkoo.convenientbanner.ConvenientBanner
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/convenientBanner"
        android:layout_width="match_parent"
android:layout_height="200dp" app:canLoop="true" //控制迴圈與否 />

3.獲取網路圖片

  • 首先得在清單檔案中,新增許可權
<uses-permission android:name="android.permission.INTERNET"/>
  • MainActivity中
public class MainActivity extends AppCompatActivity implements OnItemClickListener {

    private ConvenientBanner convenientBanner;
    private
List<String> networkImages; private String[] images = {"http://img2.imgtn.bdimg.com/it/u=3093785514,1341050958&fm=21&gp=0.jpg", "http://img2.3lian.com/2014/f2/37/d/40.jpg", "http://d.3987.com/sqmy_131219/001.jpg", "http://img2.3lian.com/2014/f2/37/d/39.jpg", "http://www.8kmm.com/UploadFiles/2012/8/201208140920132659.jpg"
, "http://f.hiphotos.baidu.com/image/h%3D200/sign=1478eb74d5a20cf45990f9df460b4b0c/d058ccbf6c81800a5422e5fdb43533fa838b4779.jpg", "http://f.hiphotos.baidu.com/image/pic/item/09fa513d269759ee50f1971ab6fb43166c22dfba.jpg" }; //第三方圖片載入庫封裝,glide,picas,自己決定使用哪個 protected ImageLoader imageLoader; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner); imageLoader = ImageLoader.getInstance(); imageLoader.init(ImageLoaderConfiguration.createDefault(this)); //網路載入例子 networkImages = Arrays.asList(images); convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() { @Override public NetworkImageHolderView createHolder() { return new NetworkImageHolderView(); } },networkImages) //設定指示器是否可見 .setPointViewVisible(true) //設定自動切換(同時設定了切換時間間隔) .startTurning(2000) //設定兩個點圖片作為翻頁指示器,不設定則沒有指示器,可以根據自己需求自行配合自己的指示器,不需要圓點指示器可用不設 .setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused}) //設定指示器的方向(左、中、右) .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT) //設定點選監聽事件 .setOnItemClickListener(this) //設定手動影響(設定了該項無法手動切換) .setManualPageable(true); } //圖片的點選事件 @Override public void onItemClick(int position) { Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show(); } }
  • NetworkImageHolderView

    public static class NetworkImageHolderView implements Holder<BannerBean> {
        private ImageView imageView;

        @Override
        public View createView(Context context) {
            imageView = new ImageView(context);
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            return imageView;
        }

        @Override
        public void UpdateUI(Context context, int position, BannerBean data) {
            ImageLoader.load(context, data.getThumb(), imageView);
        }
    }

這樣一個最簡單實用的廣告輪播就實現了。