Android新手开发之旅-ConvenientBanner实现图片轮播

liu

ConvenientBanner





      通用的广告栏控件，让你轻松实现广告头效果，支持无限循环，可以设置自动翻页和时间（而且非常智能，手指触碰则暂停翻页，离开自动开始翻页，你也可以设置在界面onPause的时候不进行自动翻页，onResume之后继续自动翻页）

使用步骤：
1、在build.gradle中添加依赖   
   compile 'com.bigkoo:convenientbanner:2.0.5'


2、添加布局

[XML] 纯文本查看 复制代码

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

    <!-- canLoop控制是否循环播放 -->
        <com.bigkoo.convenientbanner.ConvenientBanner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:canLoop="true" />

</LinearLayout>

Java代码：

[Java] 纯文本查看 复制代码

package com.company.helloworld.firstapplication;

import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

import com.bigkoo.convenientbanner.ConvenientBanner;
import com.bigkoo.convenientbanner.holder.CBViewHolderCreator;
import com.bigkoo.convenientbanner.holder.Holder;
import com.bigkoo.convenientbanner.listener.OnItemClickListener;

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

public class MainActivity extends AppCompatActivity {
    private List<Integer> list;
    private ConvenientBanner banner;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
    }

    private void initView() {
        list = new ArrayList<>();
        list.add(R.drawable.img1);
        list.add(R.drawable.img2);
        list.add(R.drawable.img3);
        banner = (ConvenientBanner) findViewById(R.id.banner);
        //自定义你的Holder，实现更多复杂的界面，不一定是图片翻页，其他任何控件翻页亦可。
        banner.setPages(
                new CBViewHolderCreator<LocalImageHolderView>() {
                    @Override
                    public LocalImageHolderView createHolder() {
                        return new LocalImageHolderView();
                    }
                }, list)
                .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
                //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
                .setPageIndicator(new int[]{R.drawable.d1, R.drawable.d2})
                //设置指示器的方向
                .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
        //设置不能手动影响
        // .setManualPageable(false);
        ;
        banner.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(int position) {
                Toast.makeText(MainActivity.this, "你点击了第" + (position + 1) + "张", Toast.LENGTH_SHORT).show();
            }
        });
    }

    public class LocalImageHolderView implements Holder<Integer> {
        private ImageView imageView;

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

        @Override
        public void UpdateUI(Context context, int position, Integer data) {
            imageView.setImageResource(data);
        }
    }

    @Override
    protected void onResume() {
        super.onResume();
        //设置间隔时间
        banner.startTurning(3000);
    }

    @Override
    protected void onPause() {
        super.onPause();
        //停止播放
        banner.stopTurning();
    }
}

看下效果：


        

Amy

楼主加油，我们都看好你哦。

范范

无回帖，不论坛，这才是人道。

惜

楼主继续努力

竹林风

楼主加油，我们都看好你哦。