android轮播图组件的制作方法

本文实例为大家分享了android轮播图组件的制作方法，供大家参考，具体内容如下

bannerlayout

package com.coral3.common_module.components;

import android.content.context;
import android.os.handler;
import android.os.message;
import android.util.attributeset;
import android.view.layoutinflater;
import android.view.motionevent;
import android.view.view;
import android.view.viewgroup;
import android.widget.imageview;
import android.widget.linearlayout;
import androidx.annotation.nonnull;
import androidx.annotation.nullable;
import androidx.viewpager.widget.pageradapter;
import androidx.viewpager.widget.viewpager;
import com.coral3.common_module.r;
import com.coral3.common_module.utils.logutil;
import com.coral3.common_module.viewpager.childviewpager;
import java.util.arraylist;
import java.util.list;
import java.util.concurrent.atomic.atomicinteger;

public class bannerlayout extends linearlayout {

    private context mcontext;
    private view view;
    private childviewpager viewpager;
    private imageview indicator;
    private imageview[] indicators;
    private boolean iscontinue = true;
    private viewgroup group;
    private atomicinteger index = new atomicinteger();
    private handler handler = new handler(new handler.callback(){

        @override
        public boolean handlemessage(message message) {
            viewpager.setcurrentitem(message.what);
            return false;
        }
    });

    public bannerlayout(context context, @nullable attributeset attrs) {
        super(context, attrs);
        mcontext = context;
        initview();
        initlistener();
    }

    private void initview(){
        view = layoutinflater.from(mcontext).inflate(r.layout.layout_banner, this);
        group = view.findviewbyid(r.id.view_indicators);
        viewpager = view.findviewbyid(r.id.view_banners);
        // 动态加入图片
        list<view> listpics = new arraylist<>();
        imageview img1 = new imageview(mcontext);
        img1.setbackgroundresource(r.drawable.banner1);
        listpics.add(img1);
        imageview img2 = new imageview(mcontext);
        img2.setbackgroundresource(r.drawable.banner2);
        listpics.add(img2);
        imageview img3 = new imageview(mcontext);
        img3.setbackgroundresource(r.drawable.banner3);
        listpics.add(img3);
        imageview img4 = new imageview(mcontext);
        img4.setbackgroundresource(r.drawable.banner4);
        listpics.add(img4);
        imageview img5 = new imageview(mcontext);
        img5.setbackgroundresource(r.drawable.banner4);
        listpics.add(0, img5);
        imageview img0 = new imageview(mcontext);
        img0.setbackgroundresource(r.drawable.banner1);
        listpics.add(img0);
        //动态加入指示器
        indicators = new imageview[listpics.size()];
        for(int i = 0; i < indicators.length; i++){
            indicator = new imageview(mcontext);
            linearlayout.layoutparams layoutparams = new linearlayout.layoutparams(15, 15);
            layoutparams.setmargins(0, 0, 10, 0);
            indicator.setlayoutparams(layoutparams);
            indicators[i] = indicator;
            if(i == 1){
                indicators[i].setbackgroundresource(r.drawable.shape_banner_checked);
            }else{
                indicators[i].setbackgroundresource(r.drawable.shape_banner_unchecked);
            }
            if(i == 0 || i == 5){
                indicators[i].setvisibility(view.invisible);
            }
            group.addview(indicators[i]);
        }
        viewpager.setadapter(new mypageradapter(listpics));
        index.incrementandget();
        // 轮播
        new thread(new runnable() {

            @override
            public void run() {
                while (true){
                    if(iscontinue){
                        handler.sendemptymessage(index.get());
                        whatoption();
                    }
                }
            }
        }).start();
    }

    private void initlistener(){
        // 设置监听器
        viewpager.addonpagechangelistener(new viewpager.onpagechangelistener() {

            @override
            public void onpagescrolled(int position, float positionoffset, int positionoffsetpixels) {
                logutil.d(positionoffset + "-" + positionoffsetpixels);
                // 无缝滚动均滑
//                if(positionoffset == 0.0){
//                    logutil.d(position + "");
//                    if(position == 5) {
//                        viewpager.setcurrentitem(1, false);
//                    }
//                    if(position == 0) {
//                        viewpager.setcurrentitem(4, false);
//                    }
//                }
            }

            @override
            public void onpageselected(int position) {
                index.getandset(position);
                if(position == 5) {
                    viewpager.setcurrentitem(1, false);
                }
                if(position == 0) {
                    viewpager.setcurrentitem(4, false);
                }
                for(int i = 0; i < indicators.length; i++){
                    if(i == index.get()){
                        indicators[i].setbackgroundresource(r.drawable.shape_banner_checked);
                    }else{
                        indicators[i].setbackgroundresource(r.drawable.shape_banner_unchecked);
                    }
                }
                if(position == 0) indicators[4].setbackgroundresource(r.drawable.shape_banner_checked);
                if(position == 5) indicators[1].setbackgroundresource(r.drawable.shape_banner_checked);
            }

            @override
            public void onpagescrollstatechanged(int state) {}
        });
        // 设置触摸时停止定时
        viewpager.setontouchlistener(new view.ontouchlistener() {

            @override
            public boolean ontouch(view view, motionevent motionevent) {
                switch (motionevent.getaction()){
                    case motionevent.action_down:
                        iscontinue = false;
                        break;
                    case motionevent.action_up:
                        iscontinue = true;
                        break;
                }
                return false;
            }
        });
    }

    class mypageradapter extends pageradapter {

        private list<view> listview;

        @override
        public int getcount() {
            return listview.size();
        }

        public mypageradapter(list<view> listview){
            this.listview = listview;
        }

        @override
        public boolean isviewfromobject(@nonnull view view, @nonnull object object) {
            return view == object;
        }

        @nonnull
        @override
        public object instantiateitem(@nonnull viewgroup container, int position) {
            container.addview(listview.get(position));
            return listview.get(position);
        }

        @override
        public void destroyitem(@nonnull viewgroup container, int position, @nonnull object object) {
            container.removeview(listview.get(position));
        }
    }

    private void whatoption(){
        index.incrementandget();
        if(index.get() > indicators.length - 2){
            index.getandadd(-4);
        }
        try {
            thread.sleep(3000);
        } catch (interruptedexception e) {
            e.printstacktrace();
        }
    }
}

layout_banner

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">
    <relativelayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <com.coral3.common_module.viewpager.childviewpager
            android:id="@+id/view_banners"
            android:layout_width="match_parent"
            android:layout_height="200dp"/>
        <linearlayout
            android:id="@+id/view_indicators"
            android:layout_below="@+id/view_banners"
            android:gravity="center"
            android:layout_margintop="-15dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" />
    </relativelayout>
</linearlayout>

childviewpager

package com.coral3.common_module.viewpager;

import android.content.context;
import android.graphics.pointf;
import android.util.attributeset;
import android.view.motionevent;
import androidx.viewpager.widget.viewpager;

public class childviewpager extends viewpager {
    /** 触摸时按下的点 **/
    pointf downp = new pointf();
    /** 触摸时当前的点 **/
    pointf curp = new pointf();
    public childviewpager(context context) {
        super(context);
    }

    public childviewpager(context context, attributeset attrs) {
        super(context, attrs);
    }

    private static final string tag = "childviewpager";
    @override
    public boolean ontouchevent(motionevent arg0) {
        //每次进行ontouch事件都记录当前的按下的坐标
        if(getchildcount()<=1)
        {
            return super.ontouchevent(arg0);
        }
        curp.x = arg0.getx();
        curp.y = arg0.gety();

        if(arg0.getaction() == motionevent.action_down)
        {

            //记录按下时候的坐标
            //切记不可用 downp = curp ，这样在改变curp的时候，downp也会改变
            downp.x = arg0.getx();
            downp.y = arg0.gety();
            //此句代码是为了通知他的父viewpager现在进行的是本控件的操作，不要对我的操作进行干扰
            getparent().requestdisallowintercepttouchevent(true);
        }

        if(arg0.getaction() == motionevent.action_move){
            //此句代码是为了通知他的父viewpager现在进行的是本控件的操作，不要对我的操作进行干扰
            getparent().requestdisallowintercepttouchevent(true);
        }

        if(arg0.getaction() == motionevent.action_up || arg0.getaction() == motionevent.action_cancel){
            //在up时判断是否按下和松手的坐标为一个点
            //如果是一个点，将执行点击事件，这是我自己写的点击事件，而不是onclick
            getparent().requestdisallowintercepttouchevent(false);
            if(downp.x==curp.x && downp.y==curp.y){
                return true;
            }
        }
        super.ontouchevent(arg0); //注意这句不能 return super.ontouchevent(arg0); 否则触发parent滑动
        return true;
    }
}

使用

<com.coral3.common_module.components.bannerlayout
            android:id="@+id/home_banner"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。