android轮播图组件的制作方法
程序员文章站
2022-06-25 22:46:43
本文实例为大家分享了android轮播图组件的制作方法,供大家参考,具体内容如下bannerlayoutpackage com.coral3.common_module.components;impo...
本文实例为大家分享了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"/>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。