Banner条的轮播

来源：互联网发布：淘宝装修教程完整版编辑：程序博客网时间：2024/06/05 13:30

自定义一个bannerView

import java.util.ArrayList;
import java.util.List;
import com.nostra13.universalimageloader.core.ImageLoader;

import android.content.Context;
import android.content.Intent;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

public class BannerView extends RelativeLayout {
    private ViewPager mViewPager;
    private LinearLayout mLinearLayout;
    private Context mContext;
    private ImageView[] mIndicator;
    private Handler mHandler = new Handler();
    List<String> mList = new ArrayList<>();
    List<BannerModel> bannerModelL=new ArrayList<>();
    private Runnable mRunnable = new Runnable() {
        @Override
        public void run() {
            mViewPager.setCurrentItem(mViewPager.getCurrentItem() + 1);
            mHandler.postDelayed(mRunnable, 3000);
        }
    };
    private int mItemCount;

    public interface OnBannerItemClickListener {
        void onClick(int position);
    }

    public BannerView(Context context) {
        this(context, null);
    }

    public BannerView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        init();
    }

    private void init() {
        View.inflate(mContext, R.layout.view_bannerview, this);
        // 取到布局中的控件
        mViewPager = (ViewPager) findViewById(R.id.viewpager);
        mLinearLayout = (LinearLayout) findViewById(R.id.ll_points);
    }

    /**
     * 给banner中的viewpager设置数据
     *
     * @param list
     */
    public void setList(List<String> list,List<BannerModel> bannerL) { // list是banner的url bannerL是banner的整个对象用于后面的banner点击实现
        if (mList.size() == 0) {
           if(list!=null&&!list.isEmpty()){
               mList.addAll(list);
                 if(bannerL!=null){
                    bannerModelL=bannerL;
                }
                 mItemCount = mList.size();
           }
            initView();
        }

    }
    private void initView() {
        // 给viewpager设置adapter
        BannerPagerAdapter bannerPagerAdapter = new BannerPagerAdapter(mList, mContext,bannerModelL);
        mViewPager.setAdapter(bannerPagerAdapter);
        // 初始化底部点指示器
        initIndicator(mList, mContext);
        mViewPager.setCurrentItem(500 * mItemCount);

        // 给viewpager设置滑动监听
        mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }

            @Override
            public void onPageSelected(int position) {
                switchIndicator(position % mItemCount);
            }

            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                cancelRecycle();
                break;
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                startRecycle();
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    private void initIndicator(List<String> list, Context context) {
        mIndicator = new ImageView[mItemCount];
        for (int i = 0; i < mIndicator.length; i++) {
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20, 20);
            params.setMargins(6, 0, 6, 0);
            ImageView imageView = new ImageView(context);
            mIndicator[i] = imageView;
            if (i == 0) {
                mIndicator[i].setBackgroundResource(R.drawable.dot_normal);
            } else {
                mIndicator[i].setBackgroundResource(R.drawable.dot_focused);
            }
            mLinearLayout.addView(imageView, params);
        }
        if (mItemCount == 1) {
            mLinearLayout.setVisibility(View.GONE);
        } else {
            mLinearLayout.setVisibility(View.VISIBLE);
        }
    }

    private void switchIndicator(int selectItems) {
        for (int i = 0; i < mIndicator.length; i++) {
            if (i == selectItems) {
                mIndicator[i].setBackgroundResource(R.drawable.dot_normal);
            } else {
                mIndicator[i].setBackgroundResource(R.drawable.dot_focused);
            }
        }
    }

    private void startRecycle() {
        mHandler.postDelayed(mRunnable, 3000);
    }

    private void cancelRecycle() {
        mHandler.removeCallbacks(mRunnable);
    }

    @Override
    protected void onWindowVisibilityChanged(int visibility) {
        super.onWindowVisibilityChanged(visibility);
        if (visibility == VISIBLE) {
            startRecycle();
        } else {
            cancelRecycle();
        }
    }

    private class BannerPagerAdapter extends PagerAdapter {
        private List<String> imagesUrl;
        private Context context;
        List<BannerModel> bannerModelList;
        public BannerPagerAdapter(List<String> imagesUrl, Context context,List<BannerModel> bannerModelList) {
            this.imagesUrl = imagesUrl;
            this.context = context;
            this.bannerModelList=bannerModelList;
        }

        @Override
        public int getCount() {
            return mItemCount == 1 ? 1 : Integer.MAX_VALUE;
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, final int position) {
            View ret = null;
            ImageView imageView = new ImageView(context);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            ret = imageView;
            container.addView(ret);
            ImageLoader.getInstance().displayImage(imagesUrl.get(position% mItemCount), imageView);//图片加载
            ret.setOnClickListener(new OnClickListener() {}//banner条的点击事件
            return ret;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }
    }

}

view_bannerview.xml文件

直接使用布局
调用部分：

网络请求下来的数据传入到BannerView里面 // list是banner的url bannerL是banner的整个对象用于后面的banner点击实现

if (bannerL != null&&!bannerL.isEmpty()) {
                   if (bannerL.size() >= 1) {//一张的时候设置不滚动，没有小圆点
                       banList = new ArrayList<>();
                       for (int i = 0; i < bannerL.size(); i++) {
                           banList.add(bannerL.get(i).getPath());
                       }
                   }
                   holder.banner.setList(banList, bannerL);//banner 布局对象
               }

阅读全文

1 0