在写轮播之前,先把 Timer 看一遍吧
由上图可知,Timer 类存在于dart:async
内,所以我们需要先导入
import 'dart:async';
方可使用。
而且 Timer 的构造也很简单,一个时长Duration
一个到时之后执行的任务callback
,如下图,他的构造方法
看着官网的示例也是很简单的,我们先仿照做一个三秒之后打印hello timer
文字的例子。
小例子
很简单
我们来看下效果
这个例子看不出来啥效果,是因为Timer只能定时,到了一定时间之后会执行某个任务。
好在 Timer 还为我们提供了另外一个构造方法,通过这个构造方法我们就能看到一些效果了。
下图为 Timer 的两个构造方法,我们已经使用了第一个
接下来,我们使用第二个构造方法,实现一个 「广告页面 3 秒跳转」 的小 demo。
开始吧。
广告页面 3 秒跳转
先看效果图
一、准备资源,配置好
二、声明变量,下方会用到
这里声明了
定时器
字体样式
秒 变量
三、初始化状态
timer 内部做了 3秒跳转的判断,不难
四、跳转逻辑
五、广告页面布局
这里浪费了点时间
搞好之后的布局效果:
图片全屏
数秒位置
这两点大家重点看一下撒
Bingo 总结
其实本例子不难,由于我布局还不熟,浪费了点时间,如果自己写的话,应该半个小时?
大家试试吧~