Flutter控件封装之轮播图Banner

PageView.builder(
itemCount: 6,
onPageChanged: (position) {
print("当前索引为：$position");
            },
itemBuilder: (context, index) {
returnContainer(
color: Colors.amber,
alignment: Alignment.center,
child: Text("我是第$index个页面"));
            })

Listener(
onPointerDown: (event) {
//手指按下，定时取消_pauseTimer();
_isClick=true;
          },
onPointerMove: (event) {
_isClick=false;
          },
onPointerUp: (event) {
//手指抬起，定时开启_startTimer();
//作为点击事件if (_isClick&&widget.bannerClick!=null) {
widget.bannerClick!(_currentPage);
            }
          },
child: PageView.builder()t)

/** 开启定时* */void_startTimer() {
if (!_isRunning) {
_isRunning=true;
_timer=Timer.periodic(Duration(seconds: widget.delay!), (timer) {
_controller.animateToPage(_pagePosition+1,
duration: constDuration(milliseconds: 800),
curve: Curves.easeInOut);
      });
    }
  }
/** 暂停定时* */void_pauseTimer() {
if (_isRunning) {
_isRunning=false;
_timer?.cancel(); //取消计时器    }
  }
@overridevoiddispose() {
_controller.dispose();
_timer?.cancel();
super.dispose();
  }

// 添加监听WidgetsBinding.instance.addObserver(this);
/** 感知生命周期变化* */@overridevoiddidChangeAppLifecycleState(AppLifecycleStatestate) {
super.didChangeAppLifecycleState(state);
if (state==AppLifecycleState.resumed&&widget.autoPlay!) {
_startTimer(); //页面可见，开启定时    } elseif (state==AppLifecycleState.paused&&_isRunning) {
_pauseTimer(); //页面不可见，关闭定时    }
  }

ClipRRect(
//设置图片圆角borderRadius: BorderRadius.circular(widget.radius!),
child: getBannerImage(imageUrl)))

/** 指示器* */Widget_buildIndicators(mainAxisAlignment) {
if (widget.indicatorType==IndicatorType.text) {
//文字returnContainer(
alignment: widget.textIndicatorAlignment,
child: VipText(
"${_currentPage+1}/${widget.imageList!.length}",
style: widget.textIndicatorStyle,
backgroundColor: widget.textIndicatorBgColor,
padding: widget.textIndicatorPadding,
paddingLeft: widget.textIndicatorPaddingLeft,
paddingTop: widget.textIndicatorPaddingTop,
paddingRight: widget.textIndicatorPaddingRight,
paddingBottom: widget.textIndicatorPaddingBottom,
        ),
      );
    }
returnRow(
mainAxisAlignment: mainAxisAlignment,
children: List.generate(widget.imageList!.length, (index) {
returnContainer(
width: _currentPage==index?widget.indicatorWidth              : widget.indicatorUnWidth??widget.indicatorWidth,
height: _currentPage==index?widget.indicatorHeight              : widget.indicatorUnHeight??widget.indicatorHeight,
margin: EdgeInsets.symmetric(horizontal: widget.indicatorMargin!),
decoration: BoxDecoration(
shape: widget.indicatorType==IndicatorType.circle?BoxShape.circle                : BoxShape.rectangle,
borderRadius: widget.indicatorType==IndicatorType.rectangle?BorderRadius.all(Radius.circular(widget.indicatorRadius!))
                : null,
color: _currentPage==index?widget.indicatorSelectColor                : widget.indicatorUnSelectColor,
          ),
        );
      }),
    );
  }

PageController(viewportFraction: widget.viewportFraction!)

returnTransform.scale(
scale: endScale,
child: Container(
margin: widget.imageMargin!=null?EdgeInsets.all(widget.imageMargin!)
                            : EdgeInsets.only(
left: widget.imageMarginLeft!,
top: widget.imageMarginTop!,
right: widget.imageMarginRight!,
bottom: widget.imageMarginBottom!),
child: ClipRRect(
//设置图片圆角borderRadius: BorderRadius.circular(widget.radius!),
child: getBannerImage(imageUrl))))

VipBanner(
imageList: const [
"https://www.vipandroid.cn/ming/image/gan.png",
"https://www.vipandroid.cn/ming/image/zao.png"          ],
bannerClick: (position) {
//条目点击Toast.toast(context, msg: position.toString());
          })

VipBanner(
imageList: const [
"https://www.vipandroid.cn/ming/image/gan.png",
"https://www.vipandroid.cn/ming/image/zao.png"          ],
indicatorType: IndicatorType.text,
bannerClick: (position) {
Toast.toast(context, msg: position.toString());
          })

VipBanner(
imageList: const [
"https://www.vipandroid.cn/ming/image/gan.png",
"https://www.vipandroid.cn/ming/image/zao.png"          ],
indicatorType: IndicatorType.rectangle,
indicatorRadius: 5,
indicatorWidth: 20,
indicatorHeight: 5,
bannerClick: (position) {
Toast.toast(context, msg: position.toString());
          })